DeXun/engineering-management
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成工程管理模块前端页面与SQL脚本开发

Browse Source
This commit is contained in:
zuqijia
2026-06-12 14:21:54 +08:00
parent 41720e624c
commit 81d3c03f09
72 changed files with 9926 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
ruoyi-ui/src/views/engineering/supplier/SupplierAddOrEdit.vue Normal file
View File

@@ -0,0 +1,133 @@
<template>
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="供应商编号" prop="supplierCode">
<el-input v-model="form.supplierCode" placeholder="请输入供应商编号" />
</el-form-item>
<el-form-item label="供应商名称" prop="supplierName">
<el-input v-model="form.supplierName" placeholder="请输入供应商名称" />
</el-form-item>
<el-form-item label="简称" prop="shortName">
<el-input v-model="form.shortName" placeholder="请输入简称" />
</el-form-item>
<el-form-item label="联系人" prop="contactPerson">
<el-input v-model="form.contactPerson" placeholder="请输入联系人" />
</el-form-item>
<el-form-item label="联系电话" prop="contactPhone">
<el-input v-model="form.contactPhone" placeholder="请输入联系电话" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入邮箱" />
</el-form-item>
<el-form-item label="地址" prop="address">
<el-input v-model="form.address" placeholder="请输入地址" />
</el-form-item>
<el-form-item label="经营范围" prop="businessScope">
<el-textarea v-model="form.businessScope" placeholder="请输入经营范围" :rows="3" />
</el-form-item>
<el-form-item label="资质等级" prop="qualification">
<el-input v-model="form.qualification" placeholder="请输入资质等级" />
</el-form-item>
<el-form-item label="注册资本" prop="registerCapital">
<el-input v-model="form.registerCapital" placeholder="请输入注册资本" />
</el-form-item>
<el-form-item label="成立日期" prop="establishDate">
<el-date-picker v-model="form.establishDate" type="date" placeholder="请选择成立日期" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态">
<el-option label="正常" value="normal" />
<el-option label="禁用" value="disabled" />
<el-option label="黑名单" value="blacklist" />
</el-select>
</el-form-item>
<el-form-item label="合作状态" prop="cooperationStatus">
<el-select v-model="form.cooperationStatus" placeholder="请选择合作状态">
<el-option label="合作中" value="cooperating" />
<el-option label="已终止" value="terminated" />
<el-option label="待审核" value="pending" />
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-textarea v-model="form.remark" placeholder="请输入备注" :rows="3" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确定</el-button>
<el-button @click="cancel">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { addSupplier, updateSupplier, getSupplier } from '@/api/engineering/supplier'
export default {
name: 'SupplierAddOrEdit',
data() {
return {
open: false,
title: '',
form: {},
rules: {
supplierCode: [
{ required: true, message: '供应商编号不能为空', trigger: 'blur' }
],
supplierName: [
{ required: true, message: '供应商名称不能为空', trigger: 'blur' }
]
}
}
},
methods: {
open(row) {
this.open = true
this.form = {
supplierId: null,
supplierCode: '',
supplierName: '',
shortName: '',
contactPerson: '',
contactPhone: '',
email: '',
address: '',
businessScope: '',
qualification: '',
registerCapital: '',
establishDate: '',
status: 'normal',
cooperationStatus: 'cooperating',
remark: ''
}
if (row) {
this.title = '修改供应商'
Object.assign(this.form, row)
} else {
this.title = '新增供应商'
}
},
submitForm() {
this.$refs.form.validate((valid) => {
if (valid) {
if (this.form.supplierId) {
updateSupplier(this.form).then(() => {
this.$message.success('修改成功')
this.open = false
this.$emit('refresh')
})
} else {
addSupplier(this.form).then(() => {
this.$message.success('新增成功')
this.open = false
this.$emit('refresh')
})
}
}
})
},
cancel() {
this.open = false
}
}
}
</script>

169
ruoyi-ui/src/views/engineering/supplier/SupplierDetail.vue Normal file
View File

@@ -0,0 +1,169 @@
<template>
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<div v-if="detail">
<el-tabs type="border-card">
<el-tab-pane label="基本信息">
<el-form :model="detail.supplier" label-width="120px" class="detail-form">
<el-row>
<el-col :span="12">
<el-form-item label="供应商编号">
<span>{{ detail.supplier.supplierCode }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="供应商名称">
<span>{{ detail.supplier.supplierName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="简称">
<span>{{ detail.supplier.shortName }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系人">
<span>{{ detail.supplier.contactPerson }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="联系电话">
<span>{{ detail.supplier.contactPhone }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮箱">
<span>{{ detail.supplier.email }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="地址">
<span>{{ detail.supplier.address }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="资质等级">
<span>{{ detail.supplier.qualification }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="注册资本">
<span>{{ detail.supplier.registerCapital }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="状态">
<el-tag :type="getStatusType(detail.supplier.status)">{{ getStatusLabel(detail.supplier.status) }}</el-tag>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合作状态">
<el-tag :type="getCooperationType(detail.supplier.cooperationStatus)">{{ getCooperationLabel(detail.supplier.cooperationStatus) }}</el-tag>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-tab-pane>
<el-tab-pane label="银行账户">
<el-table :data="detail.accounts" border>
<el-table-column label="账户ID" prop="accountId" />
<el-table-column label="开户行" prop="bankName" />
<el-table-column label="账号" prop="accountNo" />
<el-table-column label="户名" prop="accountName" />
<el-table-column label="默认账户" prop="isDefault">
<template slot-scope="scope">
{{ scope.row.isDefault === '1' ? '是' : '否' }}
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="统计信息">
<el-form :model="detail.statistics" label-width="120px" class="detail-form">
<el-row>
<el-col :span="12">
<el-form-item label="合同总额">
<span>{{ formatMoney(detail.statistics.totalContractAmount) }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="已付款">
<span>{{ formatMoney(detail.statistics.totalPayment) }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="未付款">
<span>{{ formatMoney(detail.statistics.unpaidAmount) }}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-tab-pane>
</el-tabs>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关闭</el-button>
</div>
</el-dialog>
</template>
<script>
import { getSupplierDetail } from '@/api/engineering/supplier'
export default {
name: 'SupplierDetail',
data() {
return {
open: false,
title: '供应商详情',
detail: {}
}
},
methods: {
open(supplierId) {
this.open = true
getSupplierDetail(supplierId).then(response => {
this.detail = response.data
})
},
cancel() {
this.open = false
},
formatMoney(val) {
return val ? val.toLocaleString('zh-CN', { minimumFractionDigits: 2 }) : '0.00'
},
getStatusType(status) {
const types = { normal: 'success', disabled: 'warning', blacklist: 'danger' }
return types[status] || 'info'
},
getStatusLabel(status) {
const labels = { normal: '正常', disabled: '禁用', blacklist: '黑名单' }
return labels[status] || status
},
getCooperationType(status) {
const types = { cooperating: 'success', terminated: 'danger', pending: 'warning' }
return types[status] || 'info'
},
getCooperationLabel(status) {
const labels = { cooperating: '合作中', terminated: '已终止', pending: '待审核' }
return labels[status] || status
}
}
}
</script>
<style scoped>
.detail-form {
padding: 10px;
}
</style>

189
ruoyi-ui/src/views/engineering/supplier/index.vue Normal file
View File

@@ -0,0 +1,189 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" inline :label-width="100px">
<el-form-item label="供应商编号" prop="supplierCode">
<el-input v-model="queryParams.supplierCode" placeholder="请输入供应商编号" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="供应商名称" prop="supplierName">
<el-input v-model="queryParams.supplierName" placeholder="请输入供应商名称" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
<el-option label="正常" value="normal" />
<el-option label="禁用" value="disabled" />
<el-option label="黑名单" value="blacklist" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button icon="el-icon-edit" @click="handleEdit">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">删除</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="supplierList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="供应商编号" prop="supplierCode" align="center" />
<el-table-column label="供应商名称" prop="supplierName" align="center" />
<el-table-column label="联系人" prop="contactPerson" align="center" />
<el-table-column label="联系电话" prop="contactPhone" align="center" />
<el-table-column label="合同总额" prop="totalContractAmount" align="center">
<template slot-scope="scope">
{{ formatMoney(scope.row.totalContractAmount) }}
</template>
</el-table-column>
<el-table-column label="已付款" prop="totalPaymentAmount" align="center">
<template slot-scope="scope">
{{ formatMoney(scope.row.totalPaymentAmount) }}
</template>
</el-table-column>
<el-table-column label="状态" prop="status" align="center">
<template slot-scope="scope">
<el-tag :type="getStatusType(scope.row.status)">{{ getStatusLabel(scope.row.status) }}</el-tag>
</template>
</el-table-column>
<el-table-column label="合作状态" prop="cooperationStatus" align="center">
<template slot-scope="scope">
<el-tag :type="getCooperationType(scope.row.cooperationStatus)">{{ getCooperationLabel(scope.row.cooperationStatus) }}</el-tag>
</template>
</el-table-column>
<el-table-column label="创建时间" prop="createTime" align="center" />
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button size="mini" icon="el-icon-edit" @click="handleEdit(scope.row)">修改</el-button>
<el-button size="mini" icon="el-icon-delete" type="danger" @click="handleDelete(scope.row)">删除</el-button>
<el-button size="mini" icon="el-icon-view" @click="handleView(scope.row)">详情</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
<supplier-add-or-edit ref="addOrEdit" @refresh="getList" />
<supplier-detail ref="detail" />
</div>
</template>
<script>
import { listSupplier, delSupplier } from '@/api/engineering/supplier'
import SupplierAddOrEdit from './SupplierAddOrEdit.vue'
import SupplierDetail from './SupplierDetail.vue'
export default {
name: 'Supplier',
components: { SupplierAddOrEdit, SupplierDetail },
data() {
return {
loading: false,
supplierList: [],
total: 0,
queryParams: {
pageNum: 1,
pageSize: 10,
supplierCode: '',
supplierName: '',
status: ''
},
ids: []
}
},
created() {
this.getList()
},
methods: {
getList() {
this.loading = true
listSupplier(this.queryParams).then(response => {
this.supplierList = response.rows
this.total = response.total
this.loading = false
})
},
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
resetQuery() {
this.$refs.queryForm.resetFields()
this.handleQuery()
},
handleSelectionChange(val) {
this.ids = val.map(item => item.supplierId)
},
handleAdd() {
this.$refs.addOrEdit.open()
},
handleEdit(row) {
this.$refs.addOrEdit.open(row)
},
handleDelete(row) {
const ids = row ? [row.supplierId] : this.ids
if (ids.length === 0) {
this.$message.warning('请选择要删除的数据')
return
}
this.$confirm(`确定删除选中的${ids.length}条记录?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delSupplier(ids.join(',')).then(() => {
this.$message.success('删除成功')
this.getList()
}).catch(() => {
this.$message.error('删除失败')
})
})
},
handleView(row) {
this.$refs.detail.open(row.supplierId)
},
formatMoney(val) {
return val ? val.toLocaleString('zh-CN', { minimumFractionDigits: 2 }) : '0.00'
},
getStatusType(status) {
const types = {
normal: 'success',
disabled: 'warning',
blacklist: 'danger'
}
return types[status] || 'info'
},
getStatusLabel(status) {
const labels = {
normal: '正常',
disabled: '禁用',
blacklist: '黑名单'
}
return labels[status] || status
},
getCooperationType(status) {
const types = {
cooperating: 'success',
terminated: 'danger',
pending: 'warning'
}
return types[status] || 'info'
},
getCooperationLabel(status) {
const labels = {
cooperating: '合作中',
terminated: '已终止',
pending: '待审核'
}
return labels[status] || status
}
}
}
</script>