完成工程管理模块前端页面与SQL脚本开发
This commit is contained in:
zuqijia
77
ruoyi-ui/src/api/engineering/construction.js
Normal file
77
ruoyi-ui/src/api/engineering/construction.js
Normal file
@@ -0,0 +1,77 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function listConstruction(query) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getConstructionTree(query) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/tree',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getConstruction(constructionId) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/' + constructionId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addConstruction(data) {
|
||||
return request({
|
||||
url: '/system/engineering/construction',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateConstruction(data) {
|
||||
return request({
|
||||
url: '/system/engineering/construction',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delConstruction(constructionIds) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/' + constructionIds,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function updateProgress(constructionId, progress) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/progress/' + constructionId + '?progress=' + progress,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function submitAcceptance(constructionId, remark) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/acceptance/submit/' + constructionId,
|
||||
method: 'put',
|
||||
data: remark ? { remark } : {}
|
||||
})
|
||||
}
|
||||
|
||||
export function approveAcceptance(constructionId, data) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/acceptance/approve/' + constructionId,
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function getConstructionStatistics(contractId) {
|
||||
return request({
|
||||
url: '/system/engineering/construction/statistics/' + contractId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
97
ruoyi-ui/src/api/engineering/contract.js
Normal file
97
ruoyi-ui/src/api/engineering/contract.js
Normal file
@@ -0,0 +1,97 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function listContract(query) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getContract(contractId) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/' + contractId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addContract(data) {
|
||||
return request({
|
||||
url: '/system/engineering/contract',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateContract(data) {
|
||||
return request({
|
||||
url: '/system/engineering/contract',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delContract(contractIds) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/' + contractIds,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function updateContractStatus(contractId, status) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/status/' + contractId + '/' + status,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function getContractOptions() {
|
||||
return request({
|
||||
url: '/system/engineering/contract/options',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function getContractDetail(contractId) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/detail/' + contractId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addContractChange(data) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/change',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateContractChange(data) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/change',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delContractChange(changeId) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/change/' + changeId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function getContractChanges(contractId) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/changes/' + contractId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function approveContractChange(changeId, approvalResult) {
|
||||
return request({
|
||||
url: '/system/engineering/contract/change/approve/' + changeId + '?approvalResult=' + approvalResult,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
136
ruoyi-ui/src/api/engineering/material.js
Normal file
136
ruoyi-ui/src/api/engineering/material.js
Normal file
@@ -0,0 +1,136 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function listMaterial(query) {
|
||||
return request({
|
||||
url: '/system/engineering/material/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getMaterial(materialId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/' + materialId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addMaterial(data) {
|
||||
return request({
|
||||
url: '/system/engineering/material',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateMaterial(data) {
|
||||
return request({
|
||||
url: '/system/engineering/material',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delMaterial(materialIds) {
|
||||
return request({
|
||||
url: '/system/engineering/material/' + materialIds,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function getMaterialOptions() {
|
||||
return request({
|
||||
url: '/system/engineering/material/options',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function listMaterialIn(query) {
|
||||
return request({
|
||||
url: '/system/engineering/material/in/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getMaterialIn(inId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/in/' + inId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addMaterialIn(data) {
|
||||
return request({
|
||||
url: '/system/engineering/material/in',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateMaterialIn(data) {
|
||||
return request({
|
||||
url: '/system/engineering/material/in',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function approveMaterialIn(inId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/in/approve/' + inId,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function delMaterialIn(inId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/in/' + inId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function listMaterialOut(query) {
|
||||
return request({
|
||||
url: '/system/engineering/material/out/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getMaterialOut(outId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/out/' + outId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addMaterialOut(data) {
|
||||
return request({
|
||||
url: '/system/engineering/material/out',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateMaterialOut(data) {
|
||||
return request({
|
||||
url: '/system/engineering/material/out',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function approveMaterialOut(outId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/out/approve/' + outId,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function delMaterialOut(outId) {
|
||||
return request({
|
||||
url: '/system/engineering/material/out/' + outId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
67
ruoyi-ui/src/api/engineering/payment.js
Normal file
67
ruoyi-ui/src/api/engineering/payment.js
Normal file
@@ -0,0 +1,67 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function listPayment(query) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getPayment(paymentId) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/' + paymentId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addPayment(data) {
|
||||
return request({
|
||||
url: '/system/engineering/payment',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updatePayment(data) {
|
||||
return request({
|
||||
url: '/system/engineering/payment',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delPayment(paymentIds) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/' + paymentIds,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function approvePayment(paymentId) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/approve/' + paymentId,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function rejectPayment(paymentId) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/reject/' + paymentId,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function processPayment(paymentId) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/process/' + paymentId,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function getPaymentsByContract(contractId) {
|
||||
return request({
|
||||
url: '/system/engineering/payment/contract/' + contractId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
99
ruoyi-ui/src/api/engineering/supplier.js
Normal file
99
ruoyi-ui/src/api/engineering/supplier.js
Normal file
@@ -0,0 +1,99 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function listSupplier(query) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getSupplier(supplierId) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/' + supplierId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addSupplier(data) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateSupplier(data) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delSupplier(supplierIds) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/' + supplierIds,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function updateSupplierStatus(supplierId, status) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/status/' + supplierId + '/' + status,
|
||||
method: 'put'
|
||||
})
|
||||
}
|
||||
|
||||
export function getSupplierOptions(status) {
|
||||
const params = status ? { status } : {}
|
||||
return request({
|
||||
url: '/system/engineering/supplier/options',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
export function getSupplierDetail(supplierId) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/detail/' + supplierId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addSupplierAccount(data) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/account',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateSupplierAccount(data) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/account',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delSupplierAccount(accountId) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/account/' + accountId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
export function getSupplierAccounts(supplierId) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/accounts/' + supplierId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function getSupplierPaymentRecords(supplierId) {
|
||||
return request({
|
||||
url: '/system/engineering/supplier/payment-records/' + supplierId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>
|
||||
|
Before Width: | Height: | Size: 497 B |
@@ -96,6 +96,48 @@ export const constantRoutes = [
|
||||
}
|
||||
]
|
||||
|
||||
export const engineeringRoutes = [
|
||||
{
|
||||
path: '/engineering',
|
||||
component: Layout,
|
||||
redirect: '/engineering/supplier',
|
||||
name: 'Engineering',
|
||||
meta: { title: '工程管理', icon: 'build', permission: 'system:engineering' },
|
||||
children: [
|
||||
{
|
||||
path: 'supplier',
|
||||
component: () => import('@/views/engineering/supplier/index'),
|
||||
name: 'Supplier',
|
||||
meta: { title: '供应商管理', icon: 'people', permission: 'system:engineering:supplier' }
|
||||
},
|
||||
{
|
||||
path: 'contract',
|
||||
component: () => import('@/views/engineering/contract/index'),
|
||||
name: 'Contract',
|
||||
meta: { title: '合同管理', icon: 'file-text', permission: 'system:engineering:contract' }
|
||||
},
|
||||
{
|
||||
path: 'construction',
|
||||
component: () => import('@/views/engineering/construction/index'),
|
||||
name: 'Construction',
|
||||
meta: { title: '施工进度管理', icon: 'tree-table', permission: 'system:engineering:construction' }
|
||||
},
|
||||
{
|
||||
path: 'material',
|
||||
component: () => import('@/views/engineering/material/index'),
|
||||
name: 'Material',
|
||||
meta: { title: '物料管理', icon: 'shopping', permission: 'system:engineering:material' }
|
||||
},
|
||||
{
|
||||
path: 'payment',
|
||||
component: () => import('@/views/engineering/payment/index'),
|
||||
name: 'Payment',
|
||||
meta: { title: '付款管理', icon: 'money', permission: 'system:engineering:payment' }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
// 动态路由，基于用户权限动态去加载
|
||||
export const dynamicRoutes = [
|
||||
{
|
||||
|
||||
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form :model="form" ref="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="节点名称">
|
||||
<el-input :value="form.nodeName" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="当前进度">
|
||||
<el-progress :percentage="form.progress" :show-text="true" :text-inside="true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="验收备注" prop="remark">
|
||||
<el-textarea v-model="form.remark" placeholder="请输入验收备注" rows="4" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitAcceptance">提交验收</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { submitAcceptance } from '@/api/engineering/construction'
|
||||
|
||||
export default {
|
||||
name: 'AcceptanceDialog',
|
||||
data() {
|
||||
return {
|
||||
open: false,
|
||||
title: '提交验收',
|
||||
form: {
|
||||
constructionId: null,
|
||||
nodeName: '',
|
||||
progress: 0,
|
||||
remark: ''
|
||||
},
|
||||
rules: {
|
||||
remark: [
|
||||
{ required: true, message: '请输入验收备注', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open(row) {
|
||||
this.open = true
|
||||
this.form = {
|
||||
constructionId: row.constructionId,
|
||||
nodeName: row.nodeName,
|
||||
progress: row.progress || 0,
|
||||
remark: ''
|
||||
}
|
||||
},
|
||||
submitAcceptance() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
submitAcceptance(this.form.constructionId, this.form.remark).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.$message.success('验收提交成功')
|
||||
this.open = false
|
||||
this.$emit('refresh')
|
||||
} else {
|
||||
this.$message.error(response.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.form = {
|
||||
constructionId: null,
|
||||
nodeName: '',
|
||||
progress: 0,
|
||||
remark: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,137 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
||||
<el-form :model="form" ref="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="合同" prop="contractId">
|
||||
<el-select v-model="form.contractId" placeholder="请选择合同" :disabled="!!form.constructionId">
|
||||
<el-option v-for="contract in contractOptions" :key="contract.contractId" :label="contract.contractName" :value="contract.contractId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="父节点" prop="parentId">
|
||||
<el-select v-model="form.parentId" placeholder="请选择父节点(可选)">
|
||||
<el-option :value="0" label="无(顶级节点)" />
|
||||
<el-option v-for="node in parentOptions" :key="node.constructionId" :label="node.nodeName" :value="node.constructionId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="节点编号" prop="nodeCode">
|
||||
<el-input v-model="form.nodeCode" placeholder="请输入节点编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="节点名称" prop="nodeName">
|
||||
<el-input v-model="form.nodeName" placeholder="请输入节点名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="计划开始日期" prop="planStartDate">
|
||||
<el-date-picker v-model="form.planStartDate" type="date" placeholder="请选择计划开始日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="计划结束日期" prop="planEndDate">
|
||||
<el-date-picker v-model="form.planEndDate" type="date" placeholder="请选择计划结束日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="进度(%)" prop="progress">
|
||||
<el-slider v-model="form.progress" :min="0" :max="100" :step="1" show-input />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="form.status" placeholder="请选择状态">
|
||||
<el-option label="进行中" value="in_progress" />
|
||||
<el-option label="已完成" value="completed" />
|
||||
<el-option label="已暂停" value="paused" />
|
||||
</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 { addConstruction, updateConstruction } from '@/api/engineering/construction'
|
||||
import { getContractOptions } from '@/api/engineering/contract'
|
||||
|
||||
export default {
|
||||
name: 'ConstructionAddOrEdit',
|
||||
data() {
|
||||
return {
|
||||
open: false,
|
||||
title: '',
|
||||
form: {},
|
||||
contractOptions: [],
|
||||
parentOptions: [],
|
||||
rules: {
|
||||
contractId: [
|
||||
{ required: true, message: '请选择合同', trigger: 'change' }
|
||||
],
|
||||
nodeName: [
|
||||
{ required: true, message: '请输入节点名称', trigger: 'blur' }
|
||||
],
|
||||
planStartDate: [
|
||||
{ required: true, message: '请选择计划开始日期', trigger: 'change' }
|
||||
],
|
||||
planEndDate: [
|
||||
{ required: true, message: '请选择计划结束日期', trigger: 'change' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open(row) {
|
||||
this.open = true
|
||||
this.title = row ? '修改施工节点' : '新增施工节点'
|
||||
this.form = row ? { ...row } : { progress: 0, status: 'in_progress', parentId: 0 }
|
||||
this.loadContractOptions()
|
||||
this.loadParentOptions()
|
||||
},
|
||||
loadContractOptions() {
|
||||
getContractOptions().then(response => {
|
||||
this.contractOptions = response.data
|
||||
})
|
||||
},
|
||||
loadParentOptions() {
|
||||
if (this.form.contractId) {
|
||||
import('@/api/engineering/construction').then(api => {
|
||||
api.listConstruction({ contractId: this.form.contractId }).then(response => {
|
||||
this.parentOptions = response.rows.filter(r => r.constructionId !== this.form.constructionId)
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.constructionId) {
|
||||
updateConstruction(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.$message.success('修改成功')
|
||||
this.open = false
|
||||
this.$emit('refresh')
|
||||
} else {
|
||||
this.$message.error(response.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
addConstruction(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.$message.success('新增成功')
|
||||
this.open = false
|
||||
this.$emit('refresh')
|
||||
} else {
|
||||
this.$message.error(response.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.form = {}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'form.contractId': function() {
|
||||
this.loadParentOptions()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
175
ruoyi-ui/src/views/engineering/construction/index.vue
Normal file
175
ruoyi-ui/src/views/engineering/construction/index.vue
Normal file
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" inline :label-width="100px">
|
||||
<el-form-item label="合同" prop="contractId">
|
||||
<el-select v-model="queryParams.contractId" placeholder="请选择合同" clearable>
|
||||
<el-option v-for="contract in contractOptions" :key="contract.contractId" :label="contract.contractName" :value="contract.contractId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="节点名称" prop="nodeName">
|
||||
<el-input v-model="queryParams.nodeName" placeholder="请输入节点名称" clearable @keyup.enter.native="handleQuery" />
|
||||
</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="constructionList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="节点编号" prop="nodeCode" align="center" />
|
||||
<el-table-column label="节点名称" prop="nodeName" align="center" />
|
||||
<el-table-column label="层级" prop="nodeLevel" align="center" />
|
||||
<el-table-column label="进度" prop="progress" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div class="progress-wrapper">
|
||||
<el-progress :percentage="scope.row.progress" :show-text="true" :text-inside="true" />
|
||||
</div>
|
||||
</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="acceptanceStatus" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="getAcceptanceType(scope.row.acceptanceStatus)">{{ getAcceptanceLabel(scope.row.acceptanceStatus) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="计划开始" prop="planStartDate" align="center" />
|
||||
<el-table-column label="计划结束" prop="planEndDate" 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-check" @click="handleSubmitAcceptance(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" />
|
||||
|
||||
<construction-add-or-edit ref="addOrEdit" @refresh="getList" />
|
||||
<acceptance-dialog ref="acceptanceDialog" @refresh="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listConstruction, delConstruction } from '@/api/engineering/construction'
|
||||
import { getContractOptions } from '@/api/engineering/contract'
|
||||
import ConstructionAddOrEdit from './ConstructionAddOrEdit.vue'
|
||||
import AcceptanceDialog from './AcceptanceDialog.vue'
|
||||
|
||||
export default {
|
||||
name: 'Construction',
|
||||
components: { ConstructionAddOrEdit, AcceptanceDialog },
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
constructionList: [],
|
||||
total: 0,
|
||||
contractOptions: [],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
contractId: '',
|
||||
nodeName: ''
|
||||
},
|
||||
ids: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.loadContractOptions()
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
loadContractOptions() {
|
||||
getContractOptions().then(response => {
|
||||
this.contractOptions = response.data
|
||||
})
|
||||
},
|
||||
getList() {
|
||||
this.loading = true
|
||||
listConstruction(this.queryParams).then(response => {
|
||||
this.constructionList = 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.constructionId)
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.addOrEdit.open()
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.$refs.addOrEdit.open(row)
|
||||
},
|
||||
handleDelete(row) {
|
||||
const ids = row ? [row.constructionId] : this.ids
|
||||
if (ids.length === 0) {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
return
|
||||
}
|
||||
this.$confirm(`确定删除选中的${ids.length}条记录?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
delConstruction(ids.join(',')).then(() => {
|
||||
this.$message.success('删除成功')
|
||||
this.getList()
|
||||
}).catch(() => {
|
||||
this.$message.error('删除失败')
|
||||
})
|
||||
})
|
||||
},
|
||||
handleSubmitAcceptance(row) {
|
||||
this.$refs.acceptanceDialog.open(row)
|
||||
},
|
||||
getStatusType(status) {
|
||||
const types = { in_progress: 'primary', completed: 'success', paused: 'warning' }
|
||||
return types[status] || 'info'
|
||||
},
|
||||
getStatusLabel(status) {
|
||||
const labels = { in_progress: '进行中', completed: '已完成', paused: '已暂停' }
|
||||
return labels[status] || status
|
||||
},
|
||||
getAcceptanceType(status) {
|
||||
const types = { not_submitted: 'info', pending: 'warning', approved: 'success', rejected: 'danger' }
|
||||
return types[status] || 'info'
|
||||
},
|
||||
getAcceptanceLabel(status) {
|
||||
const labels = { not_submitted: '未提交', pending: '待验收', approved: '已通过', rejected: '已拒绝' }
|
||||
return labels[status] || status
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.progress-wrapper {
|
||||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
123
ruoyi-ui/src/views/engineering/contract/ContractAddOrEdit.vue
Normal file
123
ruoyi-ui/src/views/engineering/contract/ContractAddOrEdit.vue
Normal file
@@ -0,0 +1,123 @@
|
||||
<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="contractNo">
|
||||
<el-input v-model="form.contractNo" placeholder="请输入合同编号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同名称" prop="contractName">
|
||||
<el-input v-model="form.contractName" placeholder="请输入合同名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同类型" prop="contractType">
|
||||
<el-input v-model="form.contractType" placeholder="请输入合同类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplierId">
|
||||
<el-select v-model="form.supplierId" placeholder="请选择供应商">
|
||||
<el-option v-for="supplier in supplierOptions" :key="supplier.supplierId" :label="supplier.supplierName" :value="supplier.supplierId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="合同金额" prop="amount">
|
||||
<el-input v-model="form.amount" placeholder="请输入合同金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="签订日期" prop="signDate">
|
||||
<el-date-picker v-model="form.signDate" type="date" placeholder="请选择签订日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开始日期" prop="startDate">
|
||||
<el-date-picker v-model="form.startDate" type="date" placeholder="请选择开始日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期" prop="endDate">
|
||||
<el-date-picker v-model="form.endDate" type="date" placeholder="请选择结束日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="form.status" placeholder="请选择状态">
|
||||
<el-option label="待审批" value="pending" />
|
||||
<el-option label="已生效" value="effective" />
|
||||
<el-option label="已终止" value="terminated" />
|
||||
</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 { addContract, updateContract } from '@/api/engineering/contract'
|
||||
import { getSupplierOptions } from '@/api/engineering/supplier'
|
||||
|
||||
export default {
|
||||
name: 'ContractAddOrEdit',
|
||||
data() {
|
||||
return {
|
||||
open: false,
|
||||
title: '',
|
||||
form: {},
|
||||
supplierOptions: [],
|
||||
rules: {
|
||||
contractNo: [{ required: true, message: '合同编号不能为空', trigger: 'blur' }],
|
||||
contractName: [{ required: true, message: '合同名称不能为空', trigger: 'blur' }],
|
||||
supplierId: [{ required: true, message: '供应商不能为空', trigger: 'blur' }],
|
||||
amount: [{ required: true, message: '合同金额不能为空', trigger: 'blur' }]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.loadSupplierOptions()
|
||||
},
|
||||
methods: {
|
||||
loadSupplierOptions() {
|
||||
getSupplierOptions('normal').then(response => {
|
||||
this.supplierOptions = response.data
|
||||
})
|
||||
},
|
||||
open(row) {
|
||||
this.open = true
|
||||
this.form = {
|
||||
contractId: null,
|
||||
contractNo: '',
|
||||
contractName: '',
|
||||
contractType: '',
|
||||
supplierId: null,
|
||||
amount: '',
|
||||
signDate: '',
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
status: 'pending',
|
||||
remark: ''
|
||||
}
|
||||
if (row) {
|
||||
this.title = '修改合同'
|
||||
Object.assign(this.form, row)
|
||||
} else {
|
||||
this.title = '新增合同'
|
||||
}
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.form.contractId) {
|
||||
updateContract(this.form).then(() => {
|
||||
this.$message.success('修改成功')
|
||||
this.open = false
|
||||
this.$emit('refresh')
|
||||
})
|
||||
} else {
|
||||
addContract(this.form).then(() => {
|
||||
this.$message.success('新增成功')
|
||||
this.open = false
|
||||
this.$emit('refresh')
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.open = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
153
ruoyi-ui/src/views/engineering/contract/ContractDetail.vue
Normal file
153
ruoyi-ui/src/views/engineering/contract/ContractDetail.vue
Normal file
@@ -0,0 +1,153 @@
|
||||
<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.contract" label-width="120px" class="detail-form">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同编号">
|
||||
<span>{{ detail.contract.contractNo }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同名称">
|
||||
<span>{{ detail.contract.contractName }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同类型">
|
||||
<span>{{ detail.contract.contractType }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="状态">
|
||||
<el-tag :type="getStatusType(detail.contract.status)">{{ getStatusLabel(detail.contract.status) }}</el-tag>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同金额">
|
||||
<span>{{ formatMoney(detail.contract.amount) }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="已付款">
|
||||
<span>{{ formatMoney(detail.contract.paidAmount) }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="签订日期">
|
||||
<span>{{ detail.contract.signDate }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="开始日期">
|
||||
<span>{{ detail.contract.startDate }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="结束日期">
|
||||
<span>{{ detail.contract.endDate }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="付款记录">
|
||||
<el-table :data="detail.payments" border>
|
||||
<el-table-column label="付款金额" prop="amount" />
|
||||
<el-table-column label="付款日期" prop="paymentDate" />
|
||||
<el-table-column label="付款类型" prop="paymentType" />
|
||||
<el-table-column label="状态" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="getPaymentStatusType(scope.row.status)">{{ getPaymentStatusLabel(scope.row.status) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="变更记录">
|
||||
<el-table :data="detail.changes" border>
|
||||
<el-table-column label="变更类型" prop="changeType" />
|
||||
<el-table-column label="变更原因" prop="reason" />
|
||||
<el-table-column label="状态" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="getChangeStatusType(scope.row.status)">{{ getChangeStatusLabel(scope.row.status) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审批意见" prop="approvalRemark" />
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getContractDetail } from '@/api/engineering/contract'
|
||||
|
||||
export default {
|
||||
name: 'ContractDetail',
|
||||
data() {
|
||||
return {
|
||||
open: false,
|
||||
title: '合同详情',
|
||||
detail: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open(contractId) {
|
||||
this.open = true
|
||||
getContractDetail(contractId).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 = { pending: 'warning', effective: 'success', terminated: 'danger' }
|
||||
return types[status] || 'info'
|
||||
},
|
||||
getStatusLabel(status) {
|
||||
const labels = { pending: '待审批', effective: '已生效', terminated: '已终止' }
|
||||
return labels[status] || status
|
||||
},
|
||||
getPaymentStatusType(status) {
|
||||
const types = { pending: 'warning', approved: 'success', paid: 'primary', rejected: 'danger' }
|
||||
return types[status] || 'info'
|
||||
},
|
||||
getPaymentStatusLabel(status) {
|
||||
const labels = { pending: '待审批', approved: '已审批', paid: '已付款', rejected: '已拒绝' }
|
||||
return labels[status] || status
|
||||
},
|
||||
getChangeStatusType(status) {
|
||||
const types = { pending: 'warning', approved: 'success', rejected: 'danger' }
|
||||
return types[status] || 'info'
|
||||
},
|
||||
getChangeStatusLabel(status) {
|
||||
const labels = { pending: '待审批', approved: '已通过', rejected: '已拒绝' }
|
||||
return labels[status] || status
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.detail-form {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
165
ruoyi-ui/src/views/engineering/contract/index.vue
Normal file
165
ruoyi-ui/src/views/engineering/contract/index.vue
Normal file
@@ -0,0 +1,165 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" inline :label-width="100px">
|
||||
<el-form-item label="合同编号" prop="contractNo">
|
||||
<el-input v-model="queryParams.contractNo" placeholder="请输入合同编号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同名称" prop="contractName">
|
||||
<el-input v-model="queryParams.contractName" 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="pending" />
|
||||
<el-option label="已生效" value="effective" />
|
||||
<el-option label="已终止" value="terminated" />
|
||||
</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="contractList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="合同编号" prop="contractNo" align="center" />
|
||||
<el-table-column label="合同名称" prop="contractName" align="center" />
|
||||
<el-table-column label="合同类型" prop="contractType" align="center" />
|
||||
<el-table-column label="供应商" prop="supplierName" align="center" />
|
||||
<el-table-column label="合同金额" prop="amount" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ formatMoney(scope.row.amount) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="已付款" prop="paidAmount" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ formatMoney(scope.row.paidAmount) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="未付款" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ formatMoney(scope.row.amount - scope.row.paidAmount) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="签订日期" prop="signDate" align="center" />
|
||||
<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="操作" 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" />
|
||||
|
||||
<contract-add-or-edit ref="addOrEdit" @refresh="getList" />
|
||||
<contract-detail ref="detail" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listContract, delContract } from '@/api/engineering/contract'
|
||||
import ContractAddOrEdit from './ContractAddOrEdit.vue'
|
||||
import ContractDetail from './ContractDetail.vue'
|
||||
|
||||
export default {
|
||||
name: 'Contract',
|
||||
components: { ContractAddOrEdit, ContractDetail },
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
contractList: [],
|
||||
total: 0,
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
contractNo: '',
|
||||
contractName: '',
|
||||
status: ''
|
||||
},
|
||||
ids: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.loading = true
|
||||
listContract(this.queryParams).then(response => {
|
||||
this.contractList = 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.contractId)
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.addOrEdit.open()
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.$refs.addOrEdit.open(row)
|
||||
},
|
||||
handleDelete(row) {
|
||||
const ids = row ? [row.contractId] : this.ids
|
||||
if (ids.length === 0) {
|
||||
this.$message.warning('请选择要删除的数据')
|
||||
return
|
||||
}
|
||||
this.$confirm(`确定删除选中的${ids.length}条记录?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
delContract(ids.join(',')).then(() => {
|
||||
this.$message.success('删除成功')
|
||||
this.getList()
|
||||
}).catch(() => {
|
||||
this.$message.error('删除失败')
|
||||
})
|
||||
})
|
||||
},
|
||||
handleView(row) {
|
||||
this.$refs.detail.open(row.contractId)
|
||||
},
|
||||
formatMoney(val) {
|
||||
return val ? val.toLocaleString('zh-CN', { minimumFractionDigits: 2 }) : '0.00'
|
||||
},
|
||||
getStatusType(status) {
|
||||
const types = { pending: 'warning', effective: 'success', terminated: 'danger' }
|
||||
return types[status] || 'info'
|
||||
},
|
||||
getStatusLabel(status) {
|
||||
const labels = { pending: '待审批', effective: '已生效', terminated: '已终止' }
|
||||
return labels[status] || status
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
371
ruoyi-ui/src/views/engineering/material/index.vue
Normal file
371
ruoyi-ui/src/views/engineering/material/index.vue
Normal file
@@ -0,0 +1,371 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="物料编码" prop="materialCode">
|
||||
<el-input v-model="queryParams.materialCode" placeholder="请输入物料编码" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="物料名称" prop="materialName">
|
||||
<el-input v-model="queryParams.materialName" placeholder="请输入物料名称" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="物料类别" prop="category">
|
||||
<el-input v-model="queryParams.category" placeholder="请输入物料类别" clearable @keyup.enter.native="handleQuery" />
|
||||
</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" plain icon="el-icon-plus" @click="handleAdd">新增物料</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="el-icon-download" @click="handleImport">入库</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="warning" plain icon="el-icon-upload" @click="handleExport">出库</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="materialList" border fit highlight-current-row @row-click="handleRowClick">
|
||||
<el-table-column label="物料编码" prop="materialCode" />
|
||||
<el-table-column label="物料名称" prop="materialName" />
|
||||
<el-table-column label="规格型号" prop="specification" />
|
||||
<el-table-column label="计量单位" prop="unit" />
|
||||
<el-table-column label="库存数量" prop="stock" />
|
||||
<el-table-column label="最低库存" prop="minStock" />
|
||||
<el-table-column label="物料类别" prop="category" />
|
||||
<el-table-column label="存放位置" prop="location" />
|
||||
<el-table-column label="状态" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.status === 'normal' ? 'success' : 'warning'">
|
||||
{{ scope.row.status === 'normal' ? '正常' : '预警' }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" prop="createTime" />
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
||||
|
||||
<el-dialog title="物料信息" :visible.sync="open" width="700px" append-to-body>
|
||||
<el-form :model="form" ref="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="物料编码" prop="materialCode">
|
||||
<el-input v-model="form.materialCode" placeholder="请输入物料编码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="物料名称" prop="materialName">
|
||||
<el-input v-model="form.materialName" placeholder="请输入物料名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="规格型号" prop="specification">
|
||||
<el-input v-model="form.specification" placeholder="请输入规格型号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="计量单位" prop="unit">
|
||||
<el-input v-model="form.unit" placeholder="请输入计量单位" />
|
||||
</el-form-item>
|
||||
<el-form-item label="最低库存" prop="minStock">
|
||||
<el-input v-model="form.minStock" type="number" placeholder="请输入最低库存" />
|
||||
</el-form-item>
|
||||
<el-form-item label="物料类别" prop="category">
|
||||
<el-input v-model="form.category" placeholder="请输入物料类别" />
|
||||
</el-form-item>
|
||||
<el-form-item label="存放位置" prop="location">
|
||||
<el-input v-model="form.location" placeholder="请输入存放位置" />
|
||||
</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>
|
||||
|
||||
<el-dialog title="物料入库" :visible.sync="openIn" width="700px" append-to-body>
|
||||
<el-form :model="formIn" ref="formIn" :rules="rulesIn" label-width="100px">
|
||||
<el-form-item label="物料" prop="materialId">
|
||||
<el-select v-model="formIn.materialId" placeholder="请选择物料" @change="onMaterialChange">
|
||||
<el-option v-for="item in materialOptions" :key="item.materialId" :label="item.materialName + ' (' + item.materialCode + ')'" :value="item.materialId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="入库数量" prop="quantity">
|
||||
<el-input v-model="formIn.quantity" type="number" placeholder="请输入入库数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="单价" prop="price">
|
||||
<el-input v-model="formIn.price" type="number" placeholder="请输入单价" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库日期" prop="inDate">
|
||||
<el-date-picker v-model="formIn.inDate" type="date" placeholder="请选择入库日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplierId">
|
||||
<el-select v-model="formIn.supplierId" placeholder="请选择供应商">
|
||||
<el-option v-for="item in supplierOptions" :key="item.supplierId" :label="item.supplierName" :value="item.supplierId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="批次号" prop="batchNo">
|
||||
<el-input v-model="formIn.batchNo" placeholder="请输入批次号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-textarea v-model="formIn.remark" placeholder="请输入备注" rows="3" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitInForm">确 定</el-button>
|
||||
<el-button @click="cancelIn">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog title="物料出库" :visible.sync="openOut" width="700px" append-to-body>
|
||||
<el-form :model="formOut" ref="formOut" :rules="rulesOut" label-width="100px">
|
||||
<el-form-item label="物料" prop="materialId">
|
||||
<el-select v-model="formOut.materialId" placeholder="请选择物料" @change="onMaterialOutChange">
|
||||
<el-option v-for="item in materialOptions" :key="item.materialId" :label="item.materialName + ' (' + item.materialCode + ') 库存:' + item.stock" :value="item.materialId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出库数量" prop="quantity">
|
||||
<el-input v-model="formOut.quantity" type="number" placeholder="请输入出库数量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="出库日期" prop="outDate">
|
||||
<el-date-picker v-model="formOut.outDate" type="date" placeholder="请选择出库日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="用途" prop="usePurpose">
|
||||
<el-input v-model="formOut.usePurpose" placeholder="请输入用途" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-textarea v-model="formOut.remark" placeholder="请输入备注" rows="3" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitOutForm">确 定</el-button>
|
||||
<el-button @click="cancelOut">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listMaterial, getMaterial, addMaterial, updateMaterial, delMaterial, getMaterialOptions } from '@/api/engineering/material'
|
||||
import { getSupplierOptions } from '@/api/engineering/supplier'
|
||||
|
||||
export default {
|
||||
name: 'Material',
|
||||
data() {
|
||||
return {
|
||||
showSearch: true,
|
||||
loading: false,
|
||||
total: 0,
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
materialCode: '',
|
||||
materialName: '',
|
||||
category: ''
|
||||
},
|
||||
materialList: [],
|
||||
materialOptions: [],
|
||||
supplierOptions: [],
|
||||
open: false,
|
||||
openIn: false,
|
||||
openOut: false,
|
||||
form: {},
|
||||
formIn: {},
|
||||
formOut: {},
|
||||
rules: {
|
||||
materialCode: [
|
||||
{ required: true, message: '物料编码不能为空', trigger: 'blur' }
|
||||
],
|
||||
materialName: [
|
||||
{ required: true, message: '物料名称不能为空', trigger: 'blur' }
|
||||
],
|
||||
unit: [
|
||||
{ required: true, message: '计量单位不能为空', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
rulesIn: {
|
||||
materialId: [
|
||||
{ required: true, message: '请选择物料', trigger: 'change' }
|
||||
],
|
||||
quantity: [
|
||||
{ required: true, message: '入库数量不能为空', trigger: 'blur' }
|
||||
],
|
||||
inDate: [
|
||||
{ required: true, message: '入库日期不能为空', trigger: 'change' }
|
||||
]
|
||||
},
|
||||
rulesOut: {
|
||||
materialId: [
|
||||
{ required: true, message: '请选择物料', trigger: 'change' }
|
||||
],
|
||||
quantity: [
|
||||
{ required: true, message: '出库数量不能为空', trigger: 'blur' }
|
||||
],
|
||||
outDate: [
|
||||
{ required: true, message: '出库日期不能为空', trigger: 'change' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
this.getOptions()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.loading = true
|
||||
listMaterial(this.queryParams).then(response => {
|
||||
this.materialList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
getOptions() {
|
||||
getMaterialOptions().then(response => {
|
||||
this.materialOptions = response.data
|
||||
})
|
||||
getSupplierOptions().then(response => {
|
||||
this.supplierOptions = response.data
|
||||
})
|
||||
},
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
materialCode: '',
|
||||
materialName: '',
|
||||
category: ''
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
handleAdd() {
|
||||
this.open = true
|
||||
this.form = {}
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.open = true
|
||||
getMaterial(row.materialId).then(response => {
|
||||
this.form = response.data
|
||||
})
|
||||
},
|
||||
handleDelete(row) {
|
||||
this.$confirm('确定删除该物料吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
delMaterial(row.materialId).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('删除成功')
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
handleRowClick(row) {
|
||||
},
|
||||
handleImport() {
|
||||
this.openIn = true
|
||||
this.formIn = {}
|
||||
this.getOptions()
|
||||
},
|
||||
handleExport() {
|
||||
this.openOut = true
|
||||
this.formOut = {}
|
||||
this.getOptions()
|
||||
},
|
||||
onMaterialChange() {
|
||||
},
|
||||
onMaterialOutChange() {
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.materialId) {
|
||||
updateMaterial(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
addMaterial(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.form = {}
|
||||
},
|
||||
submitInForm() {
|
||||
this.$refs['formIn'].validate(valid => {
|
||||
if (valid) {
|
||||
import('@/api/engineering/material').then(api => {
|
||||
api.addMaterialIn(this.formIn).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('入库成功')
|
||||
this.openIn = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancelIn() {
|
||||
this.openIn = false
|
||||
this.formIn = {}
|
||||
},
|
||||
submitOutForm() {
|
||||
this.$refs['formOut'].validate(valid => {
|
||||
if (valid) {
|
||||
import('@/api/engineering/material').then(api => {
|
||||
api.addMaterialOut(this.formOut).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('出库成功')
|
||||
this.openOut = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancelOut() {
|
||||
this.openOut = false
|
||||
this.formOut = {}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
423
ruoyi-ui/src/views/engineering/payment/index.vue
Normal file
423
ruoyi-ui/src/views/engineering/payment/index.vue
Normal file
@@ -0,0 +1,423 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="付款单号" prop="paymentNo">
|
||||
<el-input v-model="queryParams.paymentNo" placeholder="请输入付款单号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同编号" prop="contractNo">
|
||||
<el-input v-model="queryParams.contractNo" 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="paymentType">
|
||||
<el-select v-model="queryParams.paymentType" placeholder="请选择付款类型" clearable>
|
||||
<el-option label="预付款" value="advance" />
|
||||
<el-option label="进度款" value="progress" />
|
||||
<el-option label="尾款" value="final" />
|
||||
<el-option label="质保金" value="quality" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
|
||||
<el-option label="待审批" value="pending" />
|
||||
<el-option label="已审批" value="approved" />
|
||||
<el-option label="已打款" value="paid" />
|
||||
<el-option label="已驳回" value="rejected" />
|
||||
</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" plain icon="el-icon-plus" @click="handleAdd">新增付款</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="paymentList" border fit highlight-current-row>
|
||||
<el-table-column label="付款单号" prop="paymentNo" />
|
||||
<el-table-column label="合同编号" prop="contractNo" />
|
||||
<el-table-column label="合同名称" prop="contractName" />
|
||||
<el-table-column label="供应商" prop="supplierName" />
|
||||
<el-table-column label="付款类型" prop="paymentType">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="getPaymentTypeTagType(scope.row.paymentType)">
|
||||
{{ getPaymentTypeLabel(scope.row.paymentType) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="付款金额" prop="amount">
|
||||
<template slot-scope="scope">
|
||||
{{ formatMoney(scope.row.amount) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="付款方式" prop="paymentMethod">
|
||||
<template slot-scope="scope">
|
||||
{{ getPaymentMethodLabel(scope.row.paymentMethod) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="计划付款日期" prop="planDate" />
|
||||
<el-table-column label="实际付款日期" prop="actualDate" />
|
||||
<el-table-column label="状态" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="getStatusTagType(scope.row.status)">
|
||||
{{ getStatusLabel(scope.row.status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" prop="createTime" />
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" icon="el-icon-edit" @click="handleEdit(scope.row)" v-if="scope.row.status === 'pending'">编辑</el-button>
|
||||
<el-button size="mini" icon="el-icon-check" type="success" @click="handleApprove(scope.row)" v-if="scope.row.status === 'pending'">审批通过</el-button>
|
||||
<el-button size="mini" icon="el-icon-close" type="danger" @click="handleReject(scope.row)" v-if="scope.row.status === 'pending'">驳回</el-button>
|
||||
<el-button size="mini" icon="el-icon-money" type="primary" @click="handleProcess(scope.row)" v-if="scope.row.status === 'approved'">确认打款</el-button>
|
||||
<el-button size="mini" icon="el-icon-delete" type="danger" @click="handleDelete(scope.row)" v-if="scope.row.status === 'pending'">删除</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" />
|
||||
|
||||
<el-dialog title="付款申请" :visible.sync="open" width="800px" append-to-body>
|
||||
<el-form :model="form" ref="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="付款单号" prop="paymentNo">
|
||||
<el-input v-model="form.paymentNo" placeholder="系统自动生成" :disabled="!!form.paymentId" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同" prop="contractId">
|
||||
<el-select v-model="form.contractId" placeholder="请选择合同" @change="onContractChange" :disabled="!!form.paymentId">
|
||||
<el-option v-for="item in contractOptions" :key="item.contractId" :label="item.contractName + ' (' + item.contractNo + ')'" :value="item.contractId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="供应商" prop="supplierId">
|
||||
<el-select v-model="form.supplierId" placeholder="请选择供应商" :disabled="true">
|
||||
<el-option v-for="item in supplierOptions" :key="item.supplierId" :label="item.supplierName" :value="item.supplierId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款类型" prop="paymentType">
|
||||
<el-select v-model="form.paymentType" placeholder="请选择付款类型">
|
||||
<el-option label="预付款" value="advance" />
|
||||
<el-option label="进度款" value="progress" />
|
||||
<el-option label="尾款" value="final" />
|
||||
<el-option label="质保金" value="quality" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款金额" prop="amount">
|
||||
<el-input v-model="form.amount" type="number" placeholder="请输入付款金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="付款方式" prop="paymentMethod">
|
||||
<el-select v-model="form.paymentMethod" placeholder="请选择付款方式">
|
||||
<el-option label="银行转账" value="bank" />
|
||||
<el-option label="现金" value="cash" />
|
||||
<el-option label="支票" value="check" />
|
||||
<el-option label="其他" value="other" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款银行" prop="bankName">
|
||||
<el-input v-model="form.bankName" placeholder="请输入付款银行" />
|
||||
</el-form-item>
|
||||
<el-form-item label="付款账号" prop="bankAccount">
|
||||
<el-input v-model="form.bankAccount" placeholder="请输入付款账号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票号码" prop="invoiceNo">
|
||||
<el-input v-model="form.invoiceNo" placeholder="请输入发票号码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="计划付款日期" prop="planDate">
|
||||
<el-date-picker v-model="form.planDate" type="date" placeholder="请选择计划付款日期" />
|
||||
</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>
|
||||
|
||||
<el-dialog title="驳回原因" :visible.sync="showRejectDialog" width="500px" append-to-body>
|
||||
<el-form :model="rejectForm" ref="rejectForm" :rules="rejectRules" label-width="80px">
|
||||
<el-form-item label="驳回原因" prop="remark">
|
||||
<el-textarea v-model="rejectForm.remark" placeholder="请输入驳回原因" rows="4" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitReject">确 定</el-button>
|
||||
<el-button @click="cancelReject">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listPayment, getPayment, addPayment, updatePayment, delPayment, approvePayment, rejectPayment, processPayment } from '@/api/engineering/payment'
|
||||
import { getContractOptions } from '@/api/engineering/contract'
|
||||
import { getSupplierOptions } from '@/api/engineering/supplier'
|
||||
|
||||
export default {
|
||||
name: 'Payment',
|
||||
data() {
|
||||
return {
|
||||
showSearch: true,
|
||||
loading: false,
|
||||
total: 0,
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
paymentNo: '',
|
||||
contractNo: '',
|
||||
supplierName: '',
|
||||
paymentType: '',
|
||||
status: ''
|
||||
},
|
||||
paymentList: [],
|
||||
contractOptions: [],
|
||||
supplierOptions: [],
|
||||
open: false,
|
||||
showRejectDialog: false,
|
||||
form: {},
|
||||
rejectForm: {
|
||||
remark: ''
|
||||
},
|
||||
rejectPaymentId: null,
|
||||
rules: {
|
||||
contractId: [
|
||||
{ required: true, message: '请选择合同', trigger: 'change' }
|
||||
],
|
||||
paymentType: [
|
||||
{ required: true, message: '请选择付款类型', trigger: 'change' }
|
||||
],
|
||||
amount: [
|
||||
{ required: true, message: '付款金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
paymentMethod: [
|
||||
{ required: true, message: '请选择付款方式', trigger: 'change' }
|
||||
]
|
||||
},
|
||||
rejectRules: {
|
||||
remark: [
|
||||
{ required: true, message: '请输入驳回原因', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
this.getOptions()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.loading = true
|
||||
listPayment(this.queryParams).then(response => {
|
||||
this.paymentList = response.rows
|
||||
this.total = response.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
getOptions() {
|
||||
getContractOptions().then(response => {
|
||||
this.contractOptions = response.data
|
||||
})
|
||||
getSupplierOptions().then(response => {
|
||||
this.supplierOptions = response.data
|
||||
})
|
||||
},
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
paymentNo: '',
|
||||
contractNo: '',
|
||||
supplierName: '',
|
||||
paymentType: '',
|
||||
status: ''
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
handleAdd() {
|
||||
this.open = true
|
||||
this.form = {}
|
||||
this.getOptions()
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.open = true
|
||||
getPayment(row.paymentId).then(response => {
|
||||
this.form = response.data
|
||||
})
|
||||
},
|
||||
handleDelete(row) {
|
||||
this.$confirm('确定删除该付款申请吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
delPayment(row.paymentId).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('删除成功')
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
handleApprove(row) {
|
||||
this.$confirm('确定通过该付款申请吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
approvePayment(row.paymentId).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('审批通过')
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
handleReject(row) {
|
||||
this.rejectPaymentId = row.paymentId
|
||||
this.rejectForm = { remark: '' }
|
||||
this.showRejectDialog = true
|
||||
},
|
||||
submitReject() {
|
||||
this.$refs['rejectForm'].validate(valid => {
|
||||
if (valid) {
|
||||
rejectPayment(this.rejectPaymentId).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('驳回成功')
|
||||
this.showRejectDialog = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancelReject() {
|
||||
this.showRejectDialog = false
|
||||
this.rejectForm = { remark: '' }
|
||||
this.rejectPaymentId = null
|
||||
},
|
||||
handleProcess(row) {
|
||||
this.$confirm('确定确认打款吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
processPayment(row.paymentId).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('打款成功')
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
onContractChange() {
|
||||
const contract = this.contractOptions.find(c => c.contractId === this.form.contractId)
|
||||
if (contract) {
|
||||
this.form.supplierId = contract.supplierId
|
||||
this.form.contractNo = contract.contractNo
|
||||
this.form.contractName = contract.contractName
|
||||
}
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.paymentId) {
|
||||
updatePayment(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
addPayment(this.form).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
} else {
|
||||
this.msgError(response.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.open = false
|
||||
this.form = {}
|
||||
},
|
||||
getPaymentTypeLabel(type) {
|
||||
const labels = {
|
||||
'advance': '预付款',
|
||||
'progress': '进度款',
|
||||
'final': '尾款',
|
||||
'quality': '质保金'
|
||||
}
|
||||
return labels[type] || type
|
||||
},
|
||||
getPaymentTypeTagType(type) {
|
||||
const types = {
|
||||
'advance': 'primary',
|
||||
'progress': 'success',
|
||||
'final': 'warning',
|
||||
'quality': 'info'
|
||||
}
|
||||
return types[type] || 'default'
|
||||
},
|
||||
getPaymentMethodLabel(method) {
|
||||
const labels = {
|
||||
'bank': '银行转账',
|
||||
'cash': '现金',
|
||||
'check': '支票',
|
||||
'other': '其他'
|
||||
}
|
||||
return labels[method] || method
|
||||
},
|
||||
getStatusLabel(status) {
|
||||
const labels = {
|
||||
'pending': '待审批',
|
||||
'approved': '已审批',
|
||||
'paid': '已打款',
|
||||
'rejected': '已驳回'
|
||||
}
|
||||
return labels[status] || status
|
||||
},
|
||||
getStatusTagType(status) {
|
||||
const types = {
|
||||
'pending': 'warning',
|
||||
'approved': 'primary',
|
||||
'paid': 'success',
|
||||
'rejected': 'danger'
|
||||
}
|
||||
return types[status] || 'default'
|
||||
},
|
||||
formatMoney(amount) {
|
||||
if (!amount) return '0.00'
|
||||
return amount.toFixed(2)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
133
ruoyi-ui/src/views/engineering/supplier/SupplierAddOrEdit.vue
Normal file
133
ruoyi-ui/src/views/engineering/supplier/SupplierAddOrEdit.vue
Normal 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
169
ruoyi-ui/src/views/engineering/supplier/SupplierDetail.vue
Normal 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
189
ruoyi-ui/src/views/engineering/supplier/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user