update 添加载砖的逻辑“

src/components/DialogCarPayload.vue

@@ -1,13 +1,18 @@
 <template>
   <el-dialog
     class="dialog-car-payload"
-    title="装载详情"
     :visible="dialogVisible"
     @close="handleClose"
     :destroy-on-close="false"
     :close-on-click-modal="configs.clickModalToClose ?? true"
     :width="configs.dialogWidth ?? '50%'"
   >
+    <!-- title  -->
+    <div slot="title" class="dialog-title" style="display: flex; align-items: center;">
+      <span style="font-size: 18px;">装载详情</span>
+      <el-button v-if="configs.showAdd ?? false" size="small" type="primary" plain style="margin-left: 16px;" @click="$emit('add-record', id)">添加记录</el-button>
+    </div>
+
     <!-- main content  -->
     <BaseListTable
       v-loading="tableLoading"
@@ -52,6 +57,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    updateKey: {
+      type: Number,
+      default: 1
+    }
     // extraParams: {
     //   type: Object,
     //   default: () => ({})
@@ -71,8 +80,13 @@ export default {
       showPaination: false,
     };
   },
-  created() {},
+  watch: {
-  mounted() {},
+    updateKey(val, oldVal) {
+      if (val !== oldVal) {
+        this.getList()
+      }
+    }
+  },
   activated() {
     this.refreshLayoutKey = Math.random();
   },
@@ -190,5 +204,4 @@ export default {
 .dialog-car-payload >>> .el-dialog__body {
   padding: 5px 20px 20px;
 }
-
 </style>

src/views/modules/pms/detectionPlatform/components/ListViewWithHead.vue

@@ -40,7 +40,7 @@
       v-if="!!carPayloadAddConfigs"
       :dialog-visible.sync="carPayloadAddVisible"
       :configs="carPayloadAddConfigs"
-      @refreshDataList="getList"
+      @refreshDataList="updateCarPayloadKey = Math.random()"
     />
     <DialogCarPayload
       ref="car-payload-dialog"
@@ -49,6 +49,8 @@
       :dialog-visible.sync="carPayloadDialogVisible"
       :configs="carPayloadDialogConfigs"
       @refreshDataList="getList"
+      :update-key="updateCarPayloadKey"
+      @add-record="openCarPayloadAddDialog($event)"
     />
   </div>
 </template>
@@ -143,6 +145,7 @@ export default {
       dataList: [],
       tableLoading: false,
       refreshLayoutKey: null,
+      updateCarPayloadKey: 1
     };
   },
   inject: ["urls"],
@@ -191,7 +194,7 @@ export default {
               this.dataList = res.data.list;
               this.totalPage = res.data.total;
             } else if (Array.isArray(res.data)) {
-              this.dataList = res.data
+              this.dataList = res.data;
               this.totalPage = null;
             } else {
               this.dataList.splice(0);

src/views/modules/pms/detectionPlatform/config.js

@@ -23,7 +23,7 @@ export default function () {
       subcomponent: TableOperaionComponent,
       options: [
         { name: "to-car-payload", label: "装载详情", icon: 'document' },
-        { name: "edit-payload", label: "输入载砖详情", icon: 'edit' },
+        // { name: "edit-payload", label: "输入载砖详情", icon: 'edit' },
       ],
     },
   ];
@@ -206,6 +206,7 @@ export default function () {
   };
 
   const carPayloadDialogConfigs = {
+    showAdd: true, // 是否显示新增 装载详情，默认为 否
     dialogWidth: '70%',
     carPayloadDialog: true,
     clickModalToClose: true,

src/views/modules/pms/palletizingLine/components/ListViewWithHead.vue

@@ -40,7 +40,7 @@
       v-if="!!carPayloadAddConfigs"
       :dialog-visible.sync="carPayloadAddVisible"
       :configs="carPayloadAddConfigs"
-      @refreshDataList="getList"
+      @refreshDataList="updateCarPayloadKey = Math.random()"
     />
     <DialogCarPayload
       ref="car-payload-dialog"
@@ -49,6 +49,8 @@
       :dialog-visible.sync="carPayloadDialogVisible"
       :configs="carPayloadDialogConfigs"
       @refreshDataList="getList"
+      :update-key="updateCarPayloadKey"
+      @add-record="openCarPayloadAddDialog($event)"
     />
   </div>
 </template>
@@ -143,6 +145,7 @@ export default {
       dataList: [],
       tableLoading: false,
       refreshLayoutKey: null,
+      updateCarPayloadKey: 1
     };
   },
   inject: ["urls"],
@@ -191,7 +194,7 @@ export default {
               this.dataList = res.data.list;
               this.totalPage = res.data.total;
             } else if (Array.isArray(res.data)) {
-              this.dataList = res.data
+              this.dataList = res.data;
               this.totalPage = null;
             } else {
               this.dataList.splice(0);

src/views/modules/pms/palletizingLine/config.js

@@ -23,7 +23,7 @@ export default function () {
       subcomponent: TableOperaionComponent,
       options: [
         { name: "to-car-payload", label: "装载详情", icon: 'document' },
-        { name: "edit-payload", label: "输入载砖详情", icon: 'edit' },
+        // { name: "edit-payload", label: "输入载砖详情", icon: 'edit' },
       ],
     },
   ];
@@ -196,6 +196,7 @@ export default function () {
   };
 
   const carPayloadDialogConfigs = {
+    showAdd: true,
     dialogWidth: '70%',
     carPayloadDialog: true,
     clickModalToClose: true,