zhouhaibin
9 months ago
10 changed files with 1468 additions and 139 deletions
@ -0,0 +1,222 @@ |
|||||
|
<template> |
||||
|
<div class="w-full"> |
||||
|
<el-input v-model="displayName" disabled style="width: 152px" /> |
||||
|
<el-button-group> |
||||
|
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
||||
|
<el-button icon="delete" @click="clear" style="border-left-width: 0; padding: 10px" /> |
||||
|
</el-button-group> |
||||
|
<Dialog title="模块选择" v-model="visible" width="80%"> |
||||
|
<el-container> |
||||
|
<el-aside width="200px"> |
||||
|
<avue-tree ref="treeRef" :option="treeOption" :data="treeData" @node-click="nodeClick" /> |
||||
|
</el-aside> |
||||
|
<el-main> |
||||
|
<avue-crud |
||||
|
v-model:page="page" |
||||
|
v-model:search="queryCondition" |
||||
|
@search-change="searchChange" |
||||
|
@current-row-change="handleCurrentRowChange" |
||||
|
@row-dblclick="confirm" |
||||
|
@on-load="onLoad" |
||||
|
:data="loadData" |
||||
|
:option="loadOption" |
||||
|
> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
icon="el-icon-plus" |
||||
|
@click="addrow()" |
||||
|
v-permission="'productManagement:personProducts:add'" |
||||
|
>新增个人产品</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="confirm">确定</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Dialog } from '@/components/abc/Dialog' |
||||
|
const MODULE_CODE = 'costManagement' |
||||
|
const ENTITY_TYPE = 'costItemDetail' |
||||
|
export default { |
||||
|
emits: ['update:modelValue', 'updateCostInfo', 'my-change'], |
||||
|
name: ENTITY_TYPE + '-reference', |
||||
|
components: { Dialog }, |
||||
|
mixins: [], |
||||
|
props: { |
||||
|
moduleParam: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
}, |
||||
|
modelValue: { |
||||
|
type: String, |
||||
|
required: false |
||||
|
}, |
||||
|
costDescribe: { |
||||
|
type: String, |
||||
|
required: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
visible: false, |
||||
|
queryCondition: {}, |
||||
|
currentRow: {}, |
||||
|
displayName: '', |
||||
|
page: { |
||||
|
total: 0, |
||||
|
currentPage: 1, |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
pageInfo: { |
||||
|
// 页码 |
||||
|
pageNum: 1, |
||||
|
// 页码大小 |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
treeData: [ |
||||
|
{ |
||||
|
value: '全产品库', |
||||
|
label: '全产品库' |
||||
|
}, |
||||
|
{ |
||||
|
value: '供应商产品库', |
||||
|
label: '供应商产品库' |
||||
|
}, |
||||
|
{ |
||||
|
value: '公司产品库', |
||||
|
label: '公司产品库' |
||||
|
}, |
||||
|
{ |
||||
|
value: '个人产品库', |
||||
|
label: '个人产品库' |
||||
|
} |
||||
|
], |
||||
|
treeOption: { |
||||
|
defaultExpandAll: true, |
||||
|
filter: false |
||||
|
}, |
||||
|
loadData: [], |
||||
|
loadOption: { |
||||
|
highlightCurrentRow: true, |
||||
|
menu: false, |
||||
|
addBtn: false, |
||||
|
labelWidth: 120, |
||||
|
column: { |
||||
|
productName: { |
||||
|
label: '产品名称', |
||||
|
labelWidth: 120, |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
productIdentity: { |
||||
|
label: '产品标识(型号)', |
||||
|
labelWidth: 120, |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
|
||||
|
productPrice: { |
||||
|
label: '产品价格', |
||||
|
labelWidth: 120, |
||||
|
type: 'number', |
||||
|
precision: 2, |
||||
|
mim: 0 |
||||
|
}, |
||||
|
modelDescription: { |
||||
|
label: '产品描述', |
||||
|
labelWidth: 120, |
||||
|
//editDisabled: true //编辑时禁用 |
||||
|
display: false //表单不展示该字段 |
||||
|
}, |
||||
|
remarks: { |
||||
|
label: '备注', |
||||
|
labelWidth: 120 |
||||
|
}, |
||||
|
productType: { |
||||
|
label: '所在库' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 名称键值 |
||||
|
nameKey: 'supplierName' |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
modelValue: { |
||||
|
handler(newvalue, oldvalue) { |
||||
|
this.displayName = newvalue |
||||
|
}, |
||||
|
immediate: true |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init(param) { |
||||
|
if (this.beforeInit != null) { |
||||
|
this.beforeInit(param) |
||||
|
} |
||||
|
this.visible = true |
||||
|
//获取全产品库的信息 |
||||
|
this.queryCondition.productType = '全产品库' |
||||
|
this.pageInfo.pageNum = this.page.currentPage |
||||
|
const params = Object.assign(this.queryCondition, this.pageInfo, this.sortInfo) |
||||
|
this.api.getProductsPageByType(params).then((res) => { |
||||
|
this.loadData = res.data.records |
||||
|
this.page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
this.$refs.treeRef.setCurrentKey(-1) |
||||
|
}, |
||||
|
close() { |
||||
|
this.visible = false |
||||
|
}, |
||||
|
confirm(row) { |
||||
|
if (row) { |
||||
|
this.currentRow = row |
||||
|
} |
||||
|
this.displayName = this.currentRow.productName |
||||
|
this.$emit('update:modelValue', this.displayName) |
||||
|
this.$emit('updateCostInfo', this.currentRow) |
||||
|
this.visible = false |
||||
|
}, |
||||
|
nodeClick(data) { |
||||
|
this.queryCondition.productType = data.value |
||||
|
this.onLoad() |
||||
|
}, |
||||
|
onLoad() { |
||||
|
this.pageInfo.pageNum = this.page.currentPage |
||||
|
const params = Object.assign(this.queryCondition, this.pageInfo, this.sortInfo) |
||||
|
this.api.getProductsPageByType(params).then((res) => { |
||||
|
this.loadData = res.data.records |
||||
|
this.page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
}, |
||||
|
searchChange(val, done) { |
||||
|
this.onLoad() |
||||
|
done() |
||||
|
}, |
||||
|
handleCurrentRowChange(val) { |
||||
|
this.currentRow = val |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,49 @@ |
|||||
|
<template> |
||||
|
<div class="container1"> |
||||
|
<iframe |
||||
|
id="modle_iframe" |
||||
|
src="https://www.gldjc.com/" |
||||
|
width="100%" |
||||
|
height="100%" |
||||
|
frameborder="0" |
||||
|
scrolling="auto" |
||||
|
></iframe> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return {} |
||||
|
}, |
||||
|
mounted() { |
||||
|
/** |
||||
|
* iframe-宽高自适应显示 |
||||
|
*/ |
||||
|
// function changeMobsfIframe() { |
||||
|
// const mobsf = document.getElementById('mobsf') |
||||
|
// const deviceWidth = document.body.clientWidth |
||||
|
// const deviceHeight = document.body.clientHeight |
||||
|
// mobsf.style.width = Number(deviceWidth) - 240 + 'px' //数字是页面布局宽度差值 |
||||
|
// mobsf.style.height = Number(deviceHeight) - 64 + 'px' //数字是页面布局高度差 |
||||
|
// } |
||||
|
// changeMobsfIframe() |
||||
|
// window.onresize = function () { |
||||
|
// changeMobsfIframe() |
||||
|
// } |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped lang="less"> |
||||
|
.container1 { |
||||
|
// position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100vh; |
||||
|
} |
||||
|
|
||||
|
// #modle_iframe { |
||||
|
// width: 100%; |
||||
|
// height: 100%; |
||||
|
// } |
||||
|
</style> |
||||
@ -0,0 +1,368 @@ |
|||||
|
<template> |
||||
|
<Dialog title="新增" v-model="visible" width="80%"> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="entityData" |
||||
|
:rules="rules" |
||||
|
label-width="120px" |
||||
|
label-position="right" |
||||
|
style="width: 90%; margin: 0px auto" |
||||
|
> |
||||
|
<!--表单区域 --> |
||||
|
<el-form-item label="项目名称" prop="projectName"> |
||||
|
<el-input v-model="entityData.projectName" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="总投资" prop="totalInvestment"> |
||||
|
<el-input type="number" v-model="entityData.totalInvestment" disabled /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!--表格区域--> |
||||
|
|
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
v-model="curdForm" |
||||
|
v-model:defaults="defaults" |
||||
|
:option="option" |
||||
|
:data="tableData" |
||||
|
@row-update="addUpdate" |
||||
|
@row-save="rowSave" |
||||
|
@row-del="rowDelete" |
||||
|
> |
||||
|
<template #orderNo="{ row }"> |
||||
|
<el-tag type="success">{{ row.orderNo }}</el-tag> |
||||
|
</template> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
icon="el-icon-plus" |
||||
|
@click="addrow()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button text type="primary" @click="addChild(row, index)" v-if="row.isDetail == '0'" |
||||
|
>增加子项</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #costName-form="{}"> |
||||
|
<costTypeComponents v-model="curdForm.costName" :module-param="moduleParam" @updateCostInfo="updateCostInfo"/> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
|
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="save" v-permission="pageCode + 'add'">保存</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { addMixin } from '@/mixin/addMixin.js' |
||||
|
import { cloneDeep } from 'lodash-es' |
||||
|
import costTypeComponents from '@/modules/costManagement/components/costTypeComponents.vue' |
||||
|
const MODULE_CODE = 'costManagement' |
||||
|
const ENTITY_TYPE = 'costTable' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-add', |
||||
|
mixins: [addMixin], |
||||
|
components: { costTypeComponents }, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
entityData: {}, |
||||
|
rules: { |
||||
|
//前端验证规则 |
||||
|
projectName: [{ required: true, message: '【项目名称】不能为空', trigger: 'blur' }], |
||||
|
totalInvestment: [{ required: true, message: '【总投资】不能为空', trigger: 'blur' }] |
||||
|
}, |
||||
|
tableData: [], |
||||
|
curdForm: {}, |
||||
|
defaults: {}, |
||||
|
parentId: undefined, |
||||
|
currentlevel: undefined, |
||||
|
currentRowData: {}, |
||||
|
option: { |
||||
|
addBtn: false, |
||||
|
refreshBtn: false, |
||||
|
columnBtn: false, |
||||
|
gridBtn: false, |
||||
|
index: false, |
||||
|
rowKey: 'id', |
||||
|
rowParentKey: 'parentId', |
||||
|
menuWidth: 100, |
||||
|
column: { |
||||
|
orderNo: { |
||||
|
label: '序号', |
||||
|
display: false, |
||||
|
width: 200 |
||||
|
}, |
||||
|
isDetail: { |
||||
|
label: '是否明细', |
||||
|
type: 'radio', |
||||
|
button: true, |
||||
|
dicData: [ |
||||
|
{ |
||||
|
label: '是', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '否', |
||||
|
value: '0' |
||||
|
} |
||||
|
], |
||||
|
value: '0', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true |
||||
|
} |
||||
|
], |
||||
|
hide: true |
||||
|
}, |
||||
|
costType: { |
||||
|
label: '费用类型', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用类型', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
constructContent: { |
||||
|
label: '建设内容', |
||||
|
span: 24, |
||||
|
type: 'textarea', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入建设内容', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
costName: { |
||||
|
label: '费用名称', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用名称', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
costDescribe: { |
||||
|
label: '费用描述', |
||||
|
span: 24, |
||||
|
type: 'textarea', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用描述', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
// |
||||
|
unit: { |
||||
|
label: '单位', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入单位', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
quantity: { |
||||
|
label: '数量', |
||||
|
type: 'number', |
||||
|
min: 1, |
||||
|
precision: 0, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入数量', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
unitPrice: { |
||||
|
label: '单价', |
||||
|
type: 'number', |
||||
|
min: 0, |
||||
|
precision: 2, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入单价', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
totalPrice: { |
||||
|
label: '总价', |
||||
|
disabled: true, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入总价', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
remarks: { |
||||
|
label: '备注' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
beforeInit() { |
||||
|
this.tableData = [] |
||||
|
}, |
||||
|
//增加父项 |
||||
|
addrow() { |
||||
|
this.currentlevel = this.tableData.length + 1 |
||||
|
this.$refs.crudRef.rowAdd() |
||||
|
}, |
||||
|
addUpdate(row, index, done, loading) { |
||||
|
console.log('addUpdate', row) |
||||
|
done(row) |
||||
|
this.updatePrice() |
||||
|
}, |
||||
|
rowSave(row, done) { |
||||
|
row.costTableId = this.entityData.id |
||||
|
row.parentId = this.parentId |
||||
|
row.id = new Date().getTime() |
||||
|
row.orderNo = this.currentlevel |
||||
|
this.currentlevel = undefined |
||||
|
this.parentId = undefined |
||||
|
console.log('rowSave', row, this.data) |
||||
|
done(row) |
||||
|
this.updatePrice() |
||||
|
}, |
||||
|
rowDelete(row, index, done) { |
||||
|
console.log('rowDelete', row) |
||||
|
done(row) |
||||
|
this.updatePrice() |
||||
|
}, |
||||
|
//增加子项 |
||||
|
addChild(row, index) { |
||||
|
//如果当前行已经有子项了，是否设备字段与子项一致，否则默认为非设备 |
||||
|
if (row.children && row.children.length > 0) { |
||||
|
this.curdForm.isDetail = row.children[0].isDetail |
||||
|
} else { |
||||
|
this.curdForm.isDetail = '0' |
||||
|
} |
||||
|
this.parentId = row.id |
||||
|
this.currentlevel = |
||||
|
row.orderNo + '-' + (row.children == undefined ? 1 : row.children.length + 1) |
||||
|
this.$refs.crudRef.rowAdd() |
||||
|
}, |
||||
|
calculateSubtotal(item) { |
||||
|
if (item.isDetail == '1') { |
||||
|
return item.totalPrice |
||||
|
} |
||||
|
let subtotal = 0 |
||||
|
if (item.children && item.children.length > 0) { |
||||
|
subtotal += item.children.reduce((acc, child) => acc + this.calculateSubtotal(child), 0) |
||||
|
} |
||||
|
item.totalPrice = subtotal |
||||
|
if (item.children) { |
||||
|
for (let i = 0; i < item.children.length; i++) { |
||||
|
if (item.children[i].isDetail == '0') { |
||||
|
//不是设备计算总价 |
||||
|
item.children[i].totalPrice = this.calculateSubtotal(item.children[i]) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return subtotal |
||||
|
}, |
||||
|
updatePrice() { |
||||
|
this.entityData.totalInvestment = 0 |
||||
|
if (this.tableData.length > 0) { |
||||
|
this.tableData.forEach((item) => { |
||||
|
this.calculateSubtotal(item) |
||||
|
this.entityData.totalInvestment += item.totalPrice |
||||
|
console.log('calculateSubtotal', item, this.entityData) |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
save() { |
||||
|
this.$refs.form.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.entityData.costItemDetailList = this.tableData |
||||
|
this.api.addCostTable(this.entityData).then((response) => { |
||||
|
this.$emit('refresh') |
||||
|
this.close() |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
updateCostInfo(val){ |
||||
|
this.curdForm.costDescribe = val.modelDescription |
||||
|
this.curdForm.unitPrice=val.productPrice |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
updatedTotal() { |
||||
|
return this.curdForm.unitPrice * this.curdForm.quantity |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
//监听表单数据，对表单字段属性进行设置 |
||||
|
'curdForm.isDetail'(val) { |
||||
|
console.log('isDetail', val, this.curdForm, this.defaults) |
||||
|
if (val == '0') { |
||||
|
//不是设备 |
||||
|
this.defaults.costName.display = false |
||||
|
this.defaults.costDescribe.display = false |
||||
|
this.defaults.unit.display = false |
||||
|
this.defaults.quantity.display = false |
||||
|
this.defaults.unitPrice.display = false |
||||
|
this.defaults.totalPrice.display = false |
||||
|
this.curdForm.costName = '' |
||||
|
this.curdForm.costDescribe = '' |
||||
|
this.curdForm.unit = '' |
||||
|
this.curdForm.quantity = '' |
||||
|
this.curdForm.unitPrice = '' |
||||
|
this.curdForm.totalPrice = '' |
||||
|
this.defaults.costType.display = true |
||||
|
this.defaults.constructContent.display = true |
||||
|
} else { |
||||
|
this.defaults.costType.display = false |
||||
|
this.defaults.constructContent.display = false |
||||
|
this.curdForm.costType = '' |
||||
|
this.curdForm.constructContent = '' |
||||
|
this.defaults.costName.display = true |
||||
|
this.defaults.costDescribe.display = true |
||||
|
this.defaults.unit.display = true |
||||
|
this.defaults.quantity.display = true |
||||
|
this.defaults.unitPrice.display = true |
||||
|
this.defaults.totalPrice.display = true |
||||
|
} |
||||
|
}, |
||||
|
updatedTotal(val) { |
||||
|
if (val == 0) { |
||||
|
this.curdForm.totalPrice = '' //如果总价为0，则不显示 |
||||
|
return |
||||
|
} |
||||
|
this.curdForm.totalPrice = val //监听updatedTotal，更新总价 |
||||
|
}, |
||||
|
tableData: { |
||||
|
handler(val, oldVal) { |
||||
|
console.log('tableData', val, oldVal) |
||||
|
}, |
||||
|
deep: true |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,194 @@ |
|||||
|
<template> |
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
:option="option" |
||||
|
:data="data" |
||||
|
v-model="formData" |
||||
|
v-model:page="page" |
||||
|
v-model:search="queryCondition" |
||||
|
@row-del="rowDel" |
||||
|
@refresh-change="onLoad" |
||||
|
@on-load="onLoad" |
||||
|
@search-change="searchChange" |
||||
|
@row-dblclick="rowDblclick" |
||||
|
> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
@click="rowSave()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
text |
||||
|
icon="el-icon-edit" |
||||
|
@click="rowUpdate(row)" |
||||
|
v-permission="pageCode + 'modify'" |
||||
|
>编辑</el-button |
||||
|
> |
||||
|
<el-popconfirm |
||||
|
title="此操作将删除数据, 是否继续?" |
||||
|
confirm-button-text="删除" |
||||
|
cancel-button-text="取消" |
||||
|
icon="el-icon-delete" |
||||
|
icon-color="red" |
||||
|
@confirm="rowDel(row, index)" |
||||
|
> |
||||
|
<template #reference> |
||||
|
<el-button type="primary" text icon="el-icon-delete" v-permission="pageCode + 'remove'" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-popconfirm> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
<AddPage ref="addPage" @refresh="onLoad" /> |
||||
|
<ModifyPage ref="modifyPage" @refresh="onLoad" /> |
||||
|
<ViewPage ref="viewPage" /> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, getCurrentInstance, reactive } from 'vue' |
||||
|
import AddPage from './add.vue' |
||||
|
import ModifyPage from './modify.vue' |
||||
|
import ViewPage from './view.vue' |
||||
|
//获取this |
||||
|
let { proxy } = getCurrentInstance() |
||||
|
const option = ref(null) |
||||
|
const data = ref(null) |
||||
|
let moduleParam = reactive({ |
||||
|
entityType: 'personProductModel', |
||||
|
pageType: 'addOrModify' |
||||
|
}) |
||||
|
let formData = ref({}) |
||||
|
let queryCondition = ref({}) |
||||
|
let pageInfo = reactive({ |
||||
|
// 页码 |
||||
|
pageNum: 1, |
||||
|
// 页码大小 |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
// 排序信息 |
||||
|
let sortInfo = reactive({ |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}) |
||||
|
let page = reactive({ |
||||
|
total: 0, |
||||
|
currentPage: 1, |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
|
||||
|
const MODULE_CODE = 'costManagement' |
||||
|
const ENTITY_TYPE = 'costTable' |
||||
|
const pageCode = `${MODULE_CODE}:${ENTITY_TYPE}:` |
||||
|
const api = eval('proxy.$api.' + MODULE_CODE + '.' + ENTITY_TYPE) |
||||
|
option.value = { |
||||
|
dialogWidth: '80%', //弹窗宽度 |
||||
|
searchMenuSpan: 6, //搜索按钮宽度 |
||||
|
addBtn: false, //隐藏新增按钮 |
||||
|
editBtn: false, //隐藏编辑按钮 |
||||
|
delBtn: false, //隐藏删除按钮 |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '项目名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'projectName', |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '造价日期', |
||||
|
labelWidth: 120, |
||||
|
prop: 'costDate', |
||||
|
type: 'date', |
||||
|
format: 'YYYY-MM-DD', |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '总投资', |
||||
|
labelWidth: 120, |
||||
|
prop: 'totalInvestment', |
||||
|
type: 'number', |
||||
|
precision: 2, |
||||
|
mim: 0, |
||||
|
searchLabelWidth: 120, |
||||
|
disabled: true |
||||
|
} |
||||
|
] |
||||
|
// group: [ |
||||
|
// { |
||||
|
// label: '造价信息', |
||||
|
// prop: 'jbxx', |
||||
|
// icon: 'el-icon-edit-outline', |
||||
|
// column: [ |
||||
|
// { |
||||
|
// label: '项目名称', |
||||
|
// labelWidth: 120, |
||||
|
// prop: 'projectName', |
||||
|
// search: true, |
||||
|
// searchLabelWidth: 120, |
||||
|
// }, |
||||
|
// { |
||||
|
// label: '总投资', |
||||
|
// labelWidth: 120, |
||||
|
// prop: 'totalInvestment', |
||||
|
// type: 'number', |
||||
|
// precision: 2, |
||||
|
// mim: 0, |
||||
|
// searchLabelWidth: 120, |
||||
|
// disabled: true, |
||||
|
// } |
||||
|
// ] |
||||
|
// }, |
||||
|
// { |
||||
|
// label: '造价详情', |
||||
|
// prop: 'jbxx', |
||||
|
// icon: 'el-icon-edit-outline', |
||||
|
// column: [ |
||||
|
// { |
||||
|
// label: '', |
||||
|
// prop: 'id' |
||||
|
// }, |
||||
|
// ] |
||||
|
// } |
||||
|
// ] |
||||
|
} |
||||
|
data.value = [] |
||||
|
function rowSave(row, done, loading) { |
||||
|
proxy.$refs.addPage.init() |
||||
|
} |
||||
|
function rowDel(row, index) { |
||||
|
api.remove(row.id) |
||||
|
onLoad() |
||||
|
} |
||||
|
function rowUpdate(row, index, done, loading) { |
||||
|
proxy.$refs.modifyPage.init(row.id) |
||||
|
} |
||||
|
function onLoad() { |
||||
|
pageInfo.pageNum = page.currentPage |
||||
|
const params = Object.assign(queryCondition.value, pageInfo, sortInfo) |
||||
|
api.page(params).then((res) => { |
||||
|
data.value = res.data.records |
||||
|
page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
} |
||||
|
function rowDblclick(row, index) { |
||||
|
proxy.$refs.viewPage.init(row.id) |
||||
|
} |
||||
|
function searchChange(val, done) { |
||||
|
onLoad() |
||||
|
done() |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.el-input, |
||||
|
.el-input-number { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,376 @@ |
|||||
|
<template> |
||||
|
<Dialog title="修改" v-model="visible" width="80%"> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="entityData" |
||||
|
:rules="rules" |
||||
|
label-width="120px" |
||||
|
label-position="right" |
||||
|
style="width: 90%; margin: 0px auto" |
||||
|
> |
||||
|
<!--表单区域 --> |
||||
|
<el-form-item label="项目名称" prop="projectName"> |
||||
|
<el-input v-model="entityData.projectName" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="总投资" prop="totalInvestment"> |
||||
|
<el-input type="number" v-model="entityData.totalInvestment" disabled /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!--表格区域--> |
||||
|
|
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
v-model="curdForm" |
||||
|
v-model:defaults="defaults" |
||||
|
:option="option" |
||||
|
:data="tableData" |
||||
|
@row-update="addUpdate" |
||||
|
@row-save="rowSave" |
||||
|
@row-del="rowDelete" |
||||
|
> |
||||
|
<template #orderNo="{ row }"> |
||||
|
<el-tag type="success">{{ row.orderNo }}</el-tag> |
||||
|
</template> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
icon="el-icon-plus" |
||||
|
@click="addrow()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button text type="primary" @click="addChild(row, index)" v-if="row.isDetail == '0'" |
||||
|
>增加子项</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #costName-form="{}"> |
||||
|
<costTypeComponents v-model="curdForm.costName" :module-param="moduleParam" @updateCostInfo="updateCostInfo"/> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
|
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="save" v-permission="pageCode + 'add'">保存</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Dialog } from '@/components/abc/Dialog' |
||||
|
import costTypeComponents from '@/modules/costManagement/components/costTypeComponents.vue' |
||||
|
|
||||
|
const MODULE_CODE = 'costManagement' |
||||
|
const ENTITY_TYPE = 'costTable' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-modify', |
||||
|
components: { Dialog,costTypeComponents }, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
entityData: {}, |
||||
|
visible: false, |
||||
|
rules: { |
||||
|
//前端验证规则 |
||||
|
projectName: [{ required: true, message: '【项目名称】不能为空', trigger: 'blur' }], |
||||
|
totalInvestment: [{ required: true, message: '【总投资】不能为空', trigger: 'blur' }] |
||||
|
}, |
||||
|
tableData: [], |
||||
|
curdForm: {}, |
||||
|
defaults: {}, |
||||
|
parentId: undefined, |
||||
|
currentlevel: undefined, |
||||
|
currentRowData: {}, |
||||
|
option: { |
||||
|
addBtn: false, |
||||
|
refreshBtn: false, |
||||
|
columnBtn: false, |
||||
|
gridBtn: false, |
||||
|
index: false, |
||||
|
rowKey: 'id', |
||||
|
rowParentKey: 'parentId', |
||||
|
menuWidth: 100, |
||||
|
column: { |
||||
|
orderNo: { |
||||
|
label: '序号', |
||||
|
display: false, |
||||
|
width:200 |
||||
|
}, |
||||
|
isDetail: { |
||||
|
label: '是否明细', |
||||
|
type: 'radio', |
||||
|
button: true, |
||||
|
dicData: [ |
||||
|
{ |
||||
|
label: '是', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '否', |
||||
|
value: '0' |
||||
|
} |
||||
|
], |
||||
|
value: '0', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true |
||||
|
} |
||||
|
], |
||||
|
hide: true |
||||
|
}, |
||||
|
costType: { |
||||
|
label: '费用类型', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用类型', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
constructContent: { |
||||
|
label: '建设内容', |
||||
|
span: 24, |
||||
|
type: 'textarea', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入建设内容', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
costName: { |
||||
|
label: '费用名称', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用名称', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
costDescribe: { |
||||
|
label: '费用描述', |
||||
|
span: 24, |
||||
|
type: 'textarea', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用描述', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
// |
||||
|
unit: { |
||||
|
label: '单位', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入单位', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
quantity: { |
||||
|
label: '数量', |
||||
|
type: 'number', |
||||
|
min: 1, |
||||
|
precision: 0, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入数量', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
unitPrice: { |
||||
|
label: '单价', |
||||
|
type: 'number', |
||||
|
min: 0, |
||||
|
precision: 2, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入单价', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
totalPrice: { |
||||
|
label: '总价', |
||||
|
disabled: true, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入总价', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
remarks: { |
||||
|
label: '备注' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化 |
||||
|
init(id) { |
||||
|
this.api.getCostTableDetail(id).then((res) => { |
||||
|
this.entityData = res.data |
||||
|
this.tableData = res.data.costItemDetailList |
||||
|
this.visible = true |
||||
|
}) |
||||
|
}, |
||||
|
//增加父项 |
||||
|
addrow() { |
||||
|
this.currentlevel = this.tableData.length + 1 |
||||
|
this.$refs.crudRef.rowAdd() |
||||
|
}, |
||||
|
addUpdate(row, index, done, loading) { |
||||
|
console.log('addUpdate', row) |
||||
|
done(row) |
||||
|
this.updatePrice() |
||||
|
}, |
||||
|
rowSave(row, done) { |
||||
|
row.costTableId = this.entityData.id |
||||
|
row.parentId = this.parentId |
||||
|
row.id = new Date().getTime() |
||||
|
row.orderNo = this.currentlevel |
||||
|
this.currentlevel = undefined |
||||
|
this.parentId = undefined |
||||
|
console.log('rowSave', row, this.data) |
||||
|
done(row) |
||||
|
this.updatePrice() |
||||
|
}, |
||||
|
rowDelete(row, index, done) { |
||||
|
console.log('rowDelete', row) |
||||
|
done(row) |
||||
|
this.updatePrice() |
||||
|
}, |
||||
|
//增加子项 |
||||
|
addChild(row, index) { |
||||
|
//如果当前行已经有子项了，是否设备字段与子项一致，否则默认为非设备 |
||||
|
if (row.children && row.children.length > 0) { |
||||
|
this.curdForm.isDetail = row.children[0].isDetail |
||||
|
} else { |
||||
|
this.curdForm.isDetail = '0' |
||||
|
} |
||||
|
this.parentId = row.id |
||||
|
this.currentlevel = |
||||
|
row.orderNo + '-' + (row.children == undefined ? 1 : row.children.length + 1) |
||||
|
this.$refs.crudRef.rowAdd() |
||||
|
}, |
||||
|
calculateSubtotal(item) { |
||||
|
if (item.isDetail == '1') { |
||||
|
return item.totalPrice |
||||
|
} |
||||
|
let subtotal = 0 |
||||
|
if (item.children && item.children.length > 0) { |
||||
|
subtotal += item.children.reduce((acc, child) => acc + this.calculateSubtotal(child), 0) |
||||
|
} |
||||
|
item.totalPrice = subtotal |
||||
|
if (item.children) { |
||||
|
for (let i = 0; i < item.children.length; i++) { |
||||
|
if (item.children[i].isDetail == '0') { |
||||
|
//不是设备计算总价 |
||||
|
item.children[i].totalPrice = this.calculateSubtotal(item.children[i]) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return subtotal |
||||
|
}, |
||||
|
updatePrice() { |
||||
|
this.entityData.totalInvestment = 0 |
||||
|
if (this.tableData.length > 0) { |
||||
|
this.tableData.forEach((item) => { |
||||
|
this.calculateSubtotal(item) |
||||
|
this.entityData.totalInvestment += item.totalPrice |
||||
|
console.log('calculateSubtotal', item, this.entityData) |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
save() { |
||||
|
this.$refs.form.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.entityData.costItemDetailList = this.tableData |
||||
|
this.api.modifyCostTable(this.entityData).then((response) => { |
||||
|
this.close() |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
updateCostInfo(val){ |
||||
|
this.curdForm.costDescribe = val.modelDescription |
||||
|
this.curdForm.unitPrice=val.productPrice |
||||
|
}, |
||||
|
close() { |
||||
|
this.visible = false |
||||
|
this.$emit('refresh') |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
updatedTotal() { |
||||
|
return this.curdForm.unitPrice * this.curdForm.quantity |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
//监听表单数据，对表单字段属性进行设置 |
||||
|
'curdForm.isDetail'(val) { |
||||
|
console.log('isDetail', val, this.curdForm, this.defaults) |
||||
|
if (val == '0') { |
||||
|
//不是设备 |
||||
|
this.defaults.costName.display = false |
||||
|
this.defaults.costDescribe.display = false |
||||
|
this.defaults.unit.display = false |
||||
|
this.defaults.quantity.display = false |
||||
|
this.defaults.unitPrice.display = false |
||||
|
this.defaults.totalPrice.display = false |
||||
|
this.curdForm.costName = '' |
||||
|
this.curdForm.costDescribe = '' |
||||
|
this.curdForm.unit = '' |
||||
|
this.curdForm.quantity = '' |
||||
|
this.curdForm.unitPrice = '' |
||||
|
this.curdForm.totalPrice = '' |
||||
|
this.defaults.costType.display = true |
||||
|
this.defaults.constructContent.display = true |
||||
|
} else { |
||||
|
this.defaults.costType.display = false |
||||
|
this.defaults.constructContent.display = false |
||||
|
this.curdForm.costType = '' |
||||
|
this.curdForm.constructContent = '' |
||||
|
this.defaults.costName.display = true |
||||
|
this.defaults.costDescribe.display = true |
||||
|
this.defaults.unit.display = true |
||||
|
this.defaults.quantity.display = true |
||||
|
this.defaults.unitPrice.display = true |
||||
|
this.defaults.totalPrice.display = true |
||||
|
} |
||||
|
}, |
||||
|
updatedTotal(val) { |
||||
|
if (val == 0) { |
||||
|
this.curdForm.totalPrice = '' //如果总价为0，则不显示 |
||||
|
return |
||||
|
} |
||||
|
this.curdForm.totalPrice = val //监听updatedTotal，更新总价 |
||||
|
}, |
||||
|
tableData: { |
||||
|
handler(val, oldVal) { |
||||
|
console.log('tableData', val, oldVal) |
||||
|
}, |
||||
|
deep: true |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,221 @@ |
|||||
|
<template> |
||||
|
<Dialog title="查看" v-model="visible" width="80%"> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="entityData" |
||||
|
:rules="rules" |
||||
|
label-width="120px" |
||||
|
label-position="right" |
||||
|
style="width: 90%; margin: 0px auto" |
||||
|
> |
||||
|
<!--表单区域 --> |
||||
|
<el-form-item label="项目名称" prop="projectName"> |
||||
|
<el-input v-model="entityData.projectName" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="总投资" prop="totalInvestment"> |
||||
|
<el-input type="number" v-model="entityData.totalInvestment" disabled /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!--表格区域--> |
||||
|
|
||||
|
<avue-crud ref="crudRef" :option="option" :data="tableData" > |
||||
|
<template #orderNo="{ row }"> |
||||
|
<el-tag type="success">{{ row.orderNo }}</el-tag> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
|
||||
|
<template #footer> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { Dialog } from '@/components/abc/Dialog' |
||||
|
const MODULE_CODE = 'costManagement' |
||||
|
const ENTITY_TYPE = 'costTable' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-modify', |
||||
|
components: { Dialog }, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
entityData: {}, |
||||
|
visible: false, |
||||
|
tableData: [], |
||||
|
option: { |
||||
|
addBtn: false, |
||||
|
refreshBtn: false, |
||||
|
columnBtn: false, |
||||
|
gridBtn: false, |
||||
|
index: false, |
||||
|
menu: false, |
||||
|
rowKey: 'id', |
||||
|
rowParentKey: 'parentId', |
||||
|
menuWidth: 100, |
||||
|
column: { |
||||
|
orderNo: { |
||||
|
label: '序号', |
||||
|
display: false, |
||||
|
width: 200 |
||||
|
}, |
||||
|
isDetail: { |
||||
|
label: '是否明细', |
||||
|
type: 'radio', |
||||
|
button: true, |
||||
|
dicData: [ |
||||
|
{ |
||||
|
label: '是', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '否', |
||||
|
value: '0' |
||||
|
} |
||||
|
], |
||||
|
value: '0', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true |
||||
|
} |
||||
|
], |
||||
|
hide: true |
||||
|
}, |
||||
|
costType: { |
||||
|
label: '费用类型', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用类型', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
constructContent: { |
||||
|
label: '建设内容', |
||||
|
span: 24, |
||||
|
type: 'textarea', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入建设内容', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
costName: { |
||||
|
label: '费用名称', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用名称', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
costDescribe: { |
||||
|
label: '费用描述', |
||||
|
span: 24, |
||||
|
type: 'textarea', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入费用描述', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
// |
||||
|
unit: { |
||||
|
label: '单位', |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入单位', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
quantity: { |
||||
|
label: '数量', |
||||
|
type: 'number', |
||||
|
min: 1, |
||||
|
precision: 0, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入数量', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
unitPrice: { |
||||
|
label: '单价', |
||||
|
type: 'number', |
||||
|
min: 0, |
||||
|
precision: 2, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入单价', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
totalPrice: { |
||||
|
label: '总价', |
||||
|
disabled: true, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入总价', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
remarks: { |
||||
|
label: '备注' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化 |
||||
|
init(id) { |
||||
|
this.api.getCostTableDetail(id).then((res) => { |
||||
|
this.entityData = res.data |
||||
|
this.tableData = res.data.costItemDetailList |
||||
|
this.visible = true |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
close() { |
||||
|
this.visible = false |
||||
|
this.$emit('refresh') |
||||
|
}, |
||||
|
spanMethod({ row, column, rowIndex, columnIndex }) { |
||||
|
console.log("row, column, rowIndex, columnIndex",row, column, rowIndex, columnIndex) |
||||
|
if (columnIndex === 0) { |
||||
|
if (rowIndex % 2 === 0) { |
||||
|
return { |
||||
|
rowspan: 2, |
||||
|
colspan: 1 |
||||
|
} |
||||
|
} else { |
||||
|
return { |
||||
|
rowspan: 0, |
||||
|
colspan: 0 |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -1,132 +0,0 @@ |
|||||
<template> |
|
||||
<div class="w-full"> |
|
||||
<el-input v-model="displayName" disabled style="width: 152px" /> |
|
||||
<el-button-group> |
|
||||
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
|
||||
<el-button icon="delete" @click="clear" style="border-left-width: 0; padding: 10px" /> |
|
||||
</el-button-group> |
|
||||
<Dialog title="模块选择" v-model="visible" class="w-150"> |
|
||||
<CollapseTab> |
|
||||
<el-form :inline="true" :model="queryCondition" label-width="80px" @keyup.enter="query"> |
|
||||
<!--查询条件区 --> |
|
||||
<el-form-item label="应用"> |
|
||||
<dictionary-select v-model="queryCondition.app" code="AppCode" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="名称"> |
|
||||
<QueryText v-model="queryCondition.name" type="LK" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="编码"> |
|
||||
<QueryText v-model="queryCondition.code" type="LK" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item style="float: right"> |
|
||||
<QueryButton :page-code="pageCode" /> |
|
||||
</el-form-item> |
|
||||
<div class="clearfix"></div> |
|
||||
</el-form> |
|
||||
</CollapseTab> |
|
||||
<el-card style="width: 100%"> |
|
||||
<div style="float: right; margin-top: 0; margin-bottom: 10px"> |
|
||||
<ColumnsController :value="columnList" :tableKey="tableKey" /> |
|
||||
</div> |
|
||||
<el-table |
|
||||
v-loading="loading" |
|
||||
:data="tableData" |
|
||||
style="width: 100%" |
|
||||
highlight-current-row |
|
||||
border |
|
||||
@sort-change="sortChange" |
|
||||
@current-change="rowChange" |
|
||||
> |
|
||||
<el-table-column |
|
||||
v-for="(item, index) in showCols" |
|
||||
:key="index" |
|
||||
:label="item.label" |
|
||||
:prop="item.prop" |
|
||||
:show-overflow-tooltip="item.showOverflowTooltip" |
|
||||
:width="item.width" |
|
||||
:formatter="item.formatFunc" |
|
||||
:sortable="item.sortable" |
|
||||
/> |
|
||||
</el-table> |
|
||||
<ListPager |
|
||||
:page-num="pageInfo.pageNum" |
|
||||
:page-size="pageInfo.pageSize" |
|
||||
:page-total="pageTotal" |
|
||||
/> |
|
||||
</el-card> |
|
||||
<template #footer> |
|
||||
<el-button type="primary" @click="confirm">确定</el-button> |
|
||||
<el-button @click="close">关闭</el-button> |
|
||||
</template> |
|
||||
</Dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { referenceMixin } from '@/mixin/referenceMixin.js' |
|
||||
const MODULE_CODE = 'productManagement' |
|
||||
const ENTITY_TYPE = 'supplierInformation' |
|
||||
export default { |
|
||||
name: ENTITY_TYPE + '-reference', |
|
||||
components: {}, |
|
||||
mixins: [referenceMixin], |
|
||||
props: { |
|
||||
moduleParam: { |
|
||||
type: Object, |
|
||||
required: false |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
entityType: ENTITY_TYPE, |
|
||||
moduleCode: MODULE_CODE, |
|
||||
// eslint-disable-next-line no-eval |
|
||||
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
|
||||
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
|
||||
sortInfo: { |
|
||||
sort_field: 'id', |
|
||||
sort_sortType: 'descending' |
|
||||
}, |
|
||||
columnList: [ |
|
||||
{ |
|
||||
prop: 'supplierName', |
|
||||
label: '供应商名称', |
|
||||
show: true, |
|
||||
showOverflowTooltip: true, |
|
||||
sortable: true |
|
||||
}, |
|
||||
{ |
|
||||
prop: 'supplierContacts', |
|
||||
label: '供应商联系人', |
|
||||
show: true, |
|
||||
showOverflowTooltip: true, |
|
||||
sortable: true |
|
||||
}, |
|
||||
{ |
|
||||
prop: 'supplierContactsPhone', |
|
||||
label: '供应商联系电话', |
|
||||
show: true, |
|
||||
showOverflowTooltip: true, |
|
||||
sortable: true |
|
||||
}, |
|
||||
{ |
|
||||
prop: 'supplierType', |
|
||||
label: '供应商类型', |
|
||||
show: true, |
|
||||
showOverflowTooltip: true, |
|
||||
sortable: true |
|
||||
} |
|
||||
], |
|
||||
queryCondition: { |
|
||||
//默认值处理 |
|
||||
app: '' |
|
||||
}, |
|
||||
// 名称键值 |
|
||||
nameKey: 'supplierName' |
|
||||
} |
|
||||
}, |
|
||||
methods: {} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style></style> |
|
||||
Loading…
Reference in new issue