优化退货单据的关联选择模式

This commit is contained in:
季圣华
2022-05-20 00:31:16 +08:00
parent bea99d5822
commit 88613a183f
3 changed files with 121 additions and 132 deletions

View File

@@ -21,7 +21,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]" <a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]" :disabled="!rowCanEdit"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<div slot="dropdownRender" slot-scope="menu"> <div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" /> <v-nodes :vnodes="menu" />
@@ -58,14 +58,14 @@
:dataSource="materialTable.dataSource" :dataSource="materialTable.dataSource"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="rowCanEdit"
:actionButton="true" :actionButton="rowCanEdit"
:dragSort="true" :dragSort="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">
<template #buttonAfter> <template #buttonAfter>
<a-row :gutter="24" style="float:left;" data-step="4" data-title="扫码录入" data-intro="此功能支持扫码枪扫描商品条码进行录入"> <a-row v-if="rowCanEdit" :gutter="24" style="float:left;padding-bottom: 5px;" data-step="4" data-title="扫码录入" data-intro="此功能支持扫码枪扫描商品条码进行录入">
<a-col v-if="scanStatus" :md="6" :sm="24"> <a-col v-if="scanStatus" :md="6" :sm="24">
<a-button @click="scanEnter">扫码录入</a-button> <a-button @click="scanEnter">扫码录入</a-button>
</a-col> </a-col>
@@ -76,7 +76,7 @@
<a-button @click="stopScan">收起扫码</a-button> <a-button @click="stopScan">收起扫码</a-button>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24" style="float:left;"> <a-row :gutter="24" style="float:left;padding-bottom: 5px;">
<a-col :md="24" :sm="24"> <a-col :md="24" :sm="24">
<a-dropdown> <a-dropdown>
<a-menu slot="overlay"> <a-menu slot="overlay">
@@ -212,6 +212,7 @@
operTimeStr: '', operTimeStr: '',
prefixNo: 'CGTH', prefixNo: 'CGTH',
fileList:[], fileList:[],
rowCanEdit: true,
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -286,6 +287,8 @@
//调用完edit()方法之后会自动调用此方法 //调用完edit()方法之后会自动调用此方法
editAfter() { editAfter() {
this.billStatus = '0' this.billStatus = '0'
this.rowCanEdit = true
this.materialTable.columns[1].type = FormTypes.popupJsh
this.changeColumnHide() this.changeColumnHide()
this.changeFormTypes(this.materialTable.columns, 'snList', 0) this.changeFormTypes(this.materialTable.columns, 'snList', 0)
this.changeFormTypes(this.materialTable.columns, 'batchNumber', 0) this.changeFormTypes(this.materialTable.columns, 'batchNumber', 0)
@@ -294,6 +297,10 @@
this.addInit(this.prefixNo) this.addInit(this.prefixNo)
this.fileList = [] this.fileList = []
} else { } else {
if(this.model.linkNumber) {
this.rowCanEdit = false
this.materialTable.columns[1].type = FormTypes.normal
}
this.model.operTime = this.model.operTimeStr this.model.operTime = this.model.operTimeStr
this.model.debt = (this.model.discountLastMoney + this.model.otherMoney - this.model.changeAmount).toFixed(2) this.model.debt = (this.model.discountLastMoney + this.model.otherMoney - this.model.changeAmount).toFixed(2)
if(this.model.accountId == null) { if(this.model.accountId == null) {
@@ -362,47 +369,37 @@
this.$refs.linkBillList.show('入库', '采购', '供应商', "1") this.$refs.linkBillList.show('入库', '采购', '供应商', "1")
this.$refs.linkBillList.title = "选择采购入库" this.$refs.linkBillList.title = "选择采购入库"
}, },
linkBillListOk(selectBillRows) { linkBillListOk(selectBillDetailRows, linkNumber, organId, discount, remark) {
if(selectBillRows && selectBillRows.length>0) { this.rowCanEdit = false
let record = selectBillRows[0] this.materialTable.columns[1].type = FormTypes.normal
this.$nextTick(() => { if(selectBillDetailRows && selectBillDetailRows.length>0) {
this.form.setFieldsValue({ let listEx = []
'organId': record.organId, let allTaxLastMoney = 0
'linkNumber': record.number, for(let j=0; j<selectBillDetailRows.length; j++) {
'remark': record.remark, let info = selectBillDetailRows[j];
'discountLastMoney': record.totalPrice, allTaxLastMoney += info.taxLastMoney
'changeAmount': record.totalPrice listEx.push(info)
}) this.changeColumnShow(info)
}); }
// 加载子表数据 this.materialTable.dataSource = listEx
let params = { ///给优惠后金额重新赋值
headerId: record.id, if(allTaxLastMoney) {
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性 let discountMoney = (discount*allTaxLastMoney/100).toFixed(2)-0
let discountLastMoney = (allTaxLastMoney - discountMoney).toFixed(2)-0
this.$nextTick(() => {
this.form.setFieldsValue({
'organId': organId,
'linkNumber': linkNumber,
'discount': discount,
'discountMoney': discountMoney,
'discountLastMoney': discountLastMoney,
'changeAmount': discountLastMoney,
'remark': remark
})
})
} }
this.requestSubTableDataEx(this.url.detailList, params, this.materialTable);
} }
}, },
/** 查询某个tab的数据,给明细里面的价税合计赋值 */
requestSubTableDataEx(url, params, tab, success) {
tab.loading = true
getAction(url, params).then(res => {
if(res && res.code === 200){
let list = res.data.rows
let listEx = []
for(let j=0; j<list.length; j++){
let info = list[j];
info.taxMoney = 0
info.taxLastMoney = info.allPrice
listEx.push(info)
this.changeColumnShow(info)
}
tab.dataSource = listEx
typeof success === 'function' ? success(res) : ''
}
}).finally(() => {
tab.loading = false
})
}
} }
} }
</script> </script>

View File

@@ -21,7 +21,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号">
<a-select placeholder="选择会员卡号" v-decorator="[ 'organId' ]" <a-select placeholder="选择会员卡号" v-decorator="[ 'organId' ]" :disabled="!rowCanEdit"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<div slot="dropdownRender" slot-scope="menu"> <div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" /> <v-nodes :vnodes="menu" />
@@ -61,14 +61,14 @@
:minWidth="1100" :minWidth="1100"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="rowCanEdit"
:actionButton="true" :actionButton="rowCanEdit"
:dragSort="true" :dragSort="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">
<template #buttonAfter> <template #buttonAfter>
<a-row :gutter="24" style="float:left;" data-step="4" data-title="扫码录入" data-intro="此功能支持扫码枪扫描商品条码进行录入"> <a-row v-if="rowCanEdit" :gutter="24" style="float:left;padding-bottom: 5px;" data-step="4" data-title="扫码录入" data-intro="此功能支持扫码枪扫描商品条码进行录入">
<a-col v-if="scanStatus" :md="6" :sm="24"> <a-col v-if="scanStatus" :md="6" :sm="24">
<a-button @click="scanEnter">扫码录入</a-button> <a-button @click="scanEnter">扫码录入</a-button>
</a-col> </a-col>
@@ -79,7 +79,7 @@
<a-button @click="stopScan">收起扫码</a-button> <a-button @click="stopScan">收起扫码</a-button>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24" style="float:left;"> <a-row :gutter="24" style="float:left;padding-bottom: 5px;">
<a-col :md="24" :sm="24"> <a-col :md="24" :sm="24">
<a-dropdown> <a-dropdown>
<a-menu slot="overlay"> <a-menu slot="overlay">
@@ -201,6 +201,7 @@
operTimeStr: '', operTimeStr: '',
prefixNo: 'LSTH', prefixNo: 'LSTH',
fileList:[], fileList:[],
rowCanEdit: true,
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -269,6 +270,8 @@
//调用完edit()方法之后会自动调用此方法 //调用完edit()方法之后会自动调用此方法
editAfter() { editAfter() {
this.billStatus = '0' this.billStatus = '0'
this.rowCanEdit = true
this.materialTable.columns[1].type = FormTypes.popupJsh
this.changeColumnHide() this.changeColumnHide()
this.changeFormTypes(this.materialTable.columns, 'snList', 0) this.changeFormTypes(this.materialTable.columns, 'snList', 0)
this.changeFormTypes(this.materialTable.columns, 'batchNumber', 0) this.changeFormTypes(this.materialTable.columns, 'batchNumber', 0)
@@ -280,6 +283,10 @@
this.form.setFieldsValue({'getAmount':0, 'backAmount':0}) this.form.setFieldsValue({'getAmount':0, 'backAmount':0})
}) })
} else { } else {
if(this.model.linkNumber) {
this.rowCanEdit = false
this.materialTable.columns[1].type = FormTypes.normal
}
this.model.operTime = this.model.operTimeStr this.model.operTime = this.model.operTimeStr
if(this.model.backAmount) { if(this.model.backAmount) {
this.model.getAmount = (this.model.changeAmount + this.model.backAmount).toFixed(2) this.model.getAmount = (this.model.changeAmount + this.model.backAmount).toFixed(2)
@@ -363,47 +370,35 @@
this.$refs.linkBillList.show('出库', '零售', '会员', "1") this.$refs.linkBillList.show('出库', '零售', '会员', "1")
this.$refs.linkBillList.title = "选择零售出库" this.$refs.linkBillList.title = "选择零售出库"
}, },
linkBillListOk(selectBillRows) { linkBillListOk(selectBillDetailRows, linkNumber, organId, discount, remark) {
if(selectBillRows && selectBillRows.length>0) { this.rowCanEdit = false
let record = selectBillRows[0] this.materialTable.columns[1].type = FormTypes.normal
this.$nextTick(() => { if(selectBillDetailRows && selectBillDetailRows.length>0) {
this.form.setFieldsValue({ let listEx = []
'organId': record.organId, let allTaxLastMoney = 0
'linkNumber': record.number, for(let j=0; j<selectBillDetailRows.length; j++) {
'remark': record.remark, let info = selectBillDetailRows[j];
'getAmount': record.totalPrice, allTaxLastMoney += info.allPrice
'changeAmount': record.totalPrice, listEx.push(info)
'backAmount': 0 this.changeColumnShow(info)
}) }
}); this.materialTable.dataSource = listEx
// 加载子表数据 ///给优惠后金额重新赋值
let params = { if(allTaxLastMoney) {
headerId: record.id, let discountLastMoney = (allTaxLastMoney).toFixed(2)-0
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性 this.$nextTick(() => {
this.form.setFieldsValue({
'organId': organId,
'linkNumber': linkNumber,
'getAmount': discountLastMoney,
'changeAmount': discountLastMoney,
'backAmount': 0,
'remark': remark
})
})
} }
this.requestSubTableDataEx(this.url.detailList, params, this.materialTable);
} }
}, },
/** 查询某个tab的数据,给明细里面的价税合计赋值 */
requestSubTableDataEx(url, params, tab, success) {
tab.loading = true
getAction(url, params).then(res => {
if(res && res.code === 200){
let list = res.data.rows
let listEx = []
for(let j=0; j<list.length; j++){
let info = list[j];
info.taxMoney = 0
info.taxLastMoney = info.allPrice
listEx.push(info)
}
tab.dataSource = listEx
typeof success === 'function' ? success(res) : ''
}
}).finally(() => {
tab.loading = false
})
}
} }
} }
</script> </script>

View File

@@ -21,7 +21,7 @@
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="6" :md="12" :sm="24"> <a-col :lg="6" :md="12" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]" <a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]" :disabled="!rowCanEdit"
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
<div slot="dropdownRender" slot-scope="menu"> <div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" /> <v-nodes :vnodes="menu" />
@@ -58,14 +58,14 @@
:dataSource="materialTable.dataSource" :dataSource="materialTable.dataSource"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="rowCanEdit"
:actionButton="true" :actionButton="rowCanEdit"
:dragSort="true" :dragSort="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">
<template #buttonAfter> <template #buttonAfter>
<a-row :gutter="24" style="float:left;" data-step="4" data-title="扫码录入" data-intro="此功能支持扫码枪扫描商品条码进行录入"> <a-row v-if="rowCanEdit" :gutter="24" style="float:left;padding-bottom: 5px;" data-step="4" data-title="扫码录入" data-intro="此功能支持扫码枪扫描商品条码进行录入">
<a-col v-if="scanStatus" :md="6" :sm="24"> <a-col v-if="scanStatus" :md="6" :sm="24">
<a-button @click="scanEnter">扫码录入</a-button> <a-button @click="scanEnter">扫码录入</a-button>
</a-col> </a-col>
@@ -76,7 +76,7 @@
<a-button @click="stopScan">收起扫码</a-button> <a-button @click="stopScan">收起扫码</a-button>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="24" style="float:left;"> <a-row :gutter="24" style="float:left;padding-bottom: 5px;">
<a-col :md="24" :sm="24"> <a-col :md="24" :sm="24">
<a-dropdown> <a-dropdown>
<a-menu slot="overlay"> <a-menu slot="overlay">
@@ -217,6 +217,7 @@
operTimeStr: '', operTimeStr: '',
prefixNo: 'XSTH', prefixNo: 'XSTH',
fileList:[], fileList:[],
rowCanEdit: true,
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
@@ -293,6 +294,8 @@
//调用完edit()方法之后会自动调用此方法 //调用完edit()方法之后会自动调用此方法
editAfter() { editAfter() {
this.billStatus = '0' this.billStatus = '0'
this.rowCanEdit = true
this.materialTable.columns[1].type = FormTypes.popupJsh
this.changeColumnHide() this.changeColumnHide()
this.changeFormTypes(this.materialTable.columns, 'snList', 0) this.changeFormTypes(this.materialTable.columns, 'snList', 0)
this.changeFormTypes(this.materialTable.columns, 'batchNumber', 0) this.changeFormTypes(this.materialTable.columns, 'batchNumber', 0)
@@ -302,6 +305,10 @@
this.personList.value = '' this.personList.value = ''
this.fileList = [] this.fileList = []
} else { } else {
if(this.model.linkNumber) {
this.rowCanEdit = false
this.materialTable.columns[1].type = FormTypes.normal
}
this.model.operTime = this.model.operTimeStr this.model.operTime = this.model.operTimeStr
this.model.debt = (this.model.discountLastMoney + this.model.otherMoney - this.model.changeAmount).toFixed(2) this.model.debt = (this.model.discountLastMoney + this.model.otherMoney - this.model.changeAmount).toFixed(2)
if(this.model.accountId == null || this.model.accountId == 0) { if(this.model.accountId == null || this.model.accountId == 0) {
@@ -375,47 +382,37 @@
this.$refs.linkBillList.show('出库', '销售', '客户', "1") this.$refs.linkBillList.show('出库', '销售', '客户', "1")
this.$refs.linkBillList.title = "选择销售出库" this.$refs.linkBillList.title = "选择销售出库"
}, },
linkBillListOk(selectBillRows) { linkBillListOk(selectBillDetailRows, linkNumber, organId, discount, remark) {
if(selectBillRows && selectBillRows.length>0) { this.rowCanEdit = false
let record = selectBillRows[0] this.materialTable.columns[1].type = FormTypes.normal
this.$nextTick(() => { if(selectBillDetailRows && selectBillDetailRows.length>0) {
this.form.setFieldsValue({ let listEx = []
'organId': record.organId, let allTaxLastMoney = 0
'linkNumber': record.number, for(let j=0; j<selectBillDetailRows.length; j++) {
'remark': record.remark, let info = selectBillDetailRows[j];
'discountLastMoney': record.totalPrice, allTaxLastMoney += info.taxLastMoney
'changeAmount': record.totalPrice listEx.push(info)
}) this.changeColumnShow(info)
}); }
// 加载子表数据 this.materialTable.dataSource = listEx
let params = { ///给优惠后金额重新赋值
headerId: record.id, if(allTaxLastMoney) {
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性 let discountMoney = (discount*allTaxLastMoney/100).toFixed(2)-0
let discountLastMoney = (allTaxLastMoney - discountMoney).toFixed(2)-0
this.$nextTick(() => {
this.form.setFieldsValue({
'organId': organId,
'linkNumber': linkNumber,
'discount': discount,
'discountMoney': discountMoney,
'discountLastMoney': discountLastMoney,
'changeAmount': discountLastMoney,
'remark': remark
})
})
} }
this.requestSubTableDataEx(this.url.detailList, params, this.materialTable);
} }
}, },
/** 查询某个tab的数据,给明细里面的价税合计赋值 */
requestSubTableDataEx(url, params, tab, success) {
tab.loading = true
getAction(url, params).then(res => {
if(res && res.code === 200){
let list = res.data.rows
let listEx = []
for(let j=0; j<list.length; j++){
let info = list[j];
info.taxMoney = 0
info.taxLastMoney = info.allPrice
listEx.push(info)
this.changeColumnShow(info)
}
tab.dataSource = listEx
typeof success === 'function' ? success(res) : ''
}
}).finally(() => {
tab.loading = false
})
}
} }
} }
</script> </script>