update 窑车详情的layout

src/components/DialogCarPayload.vue

@@ -6,14 +6,19 @@
     :destroy-on-close="false"
     :close-on-click-modal="configs.clickModalToClose ?? true"
     :width="configs.dialogWidth ?? '50%'"
-    :append-to-body="true"
-  >
+    :append-to-body="true">
     <!-- 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
-      >
+      <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  -->
@@ -24,8 +29,7 @@
       :table-data="dataList"
       :current-page="page"
       :current-size="size"
-      :refresh-layout-key="refreshLayoutKey"
-    />
+      :refresh-layout-key="refreshLayoutKey" />
     <!-- @operate-event="handleOperate" -->
 
     <el-pagination
@@ -37,8 +41,7 @@
       :page-sizes="[1, 5, 10, 20, 50, 100]"
       :page-size="size"
       :total="totalPage"
-      layout="total, sizes, prev, pager, next, jumper"
-    ></el-pagination>
+      layout="total, sizes, prev, pager, next, jumper"></el-pagination>
   </el-dialog>
 </template>
 
@@ -78,7 +81,7 @@ export default {
       totalPage: 0,
       dataList: [],
       tableLoading: false,
-      refreshLayoutKey: null,
+      refreshLayoutKey: "",
       id: null,
       showPaination: false,
     };
@@ -151,6 +154,10 @@ export default {
             });
           }
           this.tableLoading = false;
+
+          this.$nextTick(() => {
+            this.refreshLayoutKey = Math.random();
+          });
         })
         .catch((err) => {
           this.$message({