diff --git a/src/components/DialogJustForm.vue b/src/components/DialogJustForm.vue index c77651c..d9001b1 100644 --- a/src/components/DialogJustForm.vue +++ b/src/components/DialogJustForm.vue @@ -153,6 +153,11 @@ export default { } }); }); + + this.configs.extraFields.forEach((cnf) => { + dataForm[cnf.prop] = cnf.default ?? null; + }); + return { loadingStatus: false, dataForm, @@ -375,6 +380,25 @@ export default { } }); }); + + this.configs.extraFields.forEach((cnf) => { + if (cnf.listenTo) { + console.log("set watcher for: ", cnf.prop); + const unwatch = this.$watch( + () => this.dataForm[cnf.listenTo.prop], + (carId) => { + console.log("do watcher for: ", cnf.prop); + if (!carId) return; + if (cnf.disableWatcherOnEdit && this.editMode) return; + cnf.listenTo.handler.call(this, this.cachedList[cnf.listenTo.prop], carId); + }, + { + immediate: false, + } + ); + this.watchList.push(unwatch); + } + }); }, computed: { uploadHeaders() { diff --git a/src/views/modules/pms/qualityInspectionRecord/config.js b/src/views/modules/pms/qualityInspectionRecord/config.js index 1dc474d..d864144 100644 --- a/src/views/modules/pms/qualityInspectionRecord/config.js +++ b/src/views/modules/pms/qualityInspectionRecord/config.js @@ -25,7 +25,7 @@ export default function () { subcomponent: TableOperaionComponent, options: [ { name: "edit", label: "编辑", icon: "edit-outline", }, - { name: 'delete', label: '删除', icon: 'delete' }, + { name: 'delete', label: '删除', icon: 'delete', emitFull: true }, // 只有 injectRow.task 为手动时,才允许编辑 // { name:"edit", label: "编辑", icon: "edit-outline", enable: injectRow => { return 'task' in injectRow && injectRow.task === 'Manual' } }, @@ -92,6 +92,21 @@ export default function () { const dialogJustFormConfigs = { // extra blenderOrderId // extraIds: {}, + extraFields: [{ + prop: 'hisId', + disableWatcherOnEdit: true, + listenTo: { + prop: 'carId', // 应该监听 carId,随 carId 而更新, + handler: function (carList, carId) { + console.log('this. ', carList, this.cachedList) + const car = carList.find(item => item.carId === carId) + console.log('car. ', car) + // 需要 bind + this.$set(this.dataForm, 'hisId', car.id) + console.log('this.dataForm.hisId', this.dataForm, this.dataForm.hisId) + } + } + }], form: { rows: [ [ @@ -154,6 +169,7 @@ export default function () { prop: "orderId", options: [], optionLabel: 'orderCode', + optionValue: 'orderId', // toggleFetchData: 'carId', // 当 carId 改变的时候,也会 fetchData hasPrev: 'carId', // 当 carId 改变的时候,也会 fetchData fetchDataParam: { search: 'carId', get: 'id' }, // 伴随着 hasPrev 出现