样式 更新;延迟显示

src/views/shipInfo/shipDetail.vue

@@ -74,7 +74,7 @@
         ></el-input>
       </div>
     </div>
-    <div class="line mt10" style="height: 180px">
+    <div class="line">
       <div class="info-line">
         <Uploader
           :title="'船舶证书'"
@@ -85,7 +85,7 @@
         ></Uploader>
       </div>
     </div>
-    <div class="line mt10" style="height: 180px">
+    <div class="line">
       <div class="info-line">
         <Uploader
           :title="'船舶年审合格证'"
@@ -96,7 +96,7 @@
         ></Uploader>
       </div>
     </div>
-    <div class="line mt10" style="height: 180px">
+    <div class="line">
       <div class="info-line">
         <Uploader
           :title="'船舶国籍证书'"
@@ -107,7 +107,7 @@
         ></Uploader>
       </div>
     </div>
-    <div class="line mt10" style="height: 180px">
+    <div class="line">
       <div class="info-line">
         <Uploader
           :title="'营运证'"
@@ -445,10 +445,17 @@ export default {
 
     function cancelChange() {
       shipDetail.value = _.cloneDeep(shipDetailCache.value);
-      shipFileList.value = _.cloneDeep(shipFileListCache.value);
-      annualFileList.value = _.cloneDeep(annualFileListCache.value);
-      shipNationFileList.value = _.cloneDeep(shipNationFileListCache.value);
-      operatingFileList.value = _.cloneDeep(operatingFileListCache.value);
+      shipFileList.value = [];
+      annualFileList.value = [];
+      shipNationFileList.value = [];
+      operatingFileList.value = [];
+      let t = setTimeout(() => {
+        shipFileList.value = _.cloneDeep(shipFileListCache.value);
+        annualFileList.value = _.cloneDeep(annualFileListCache.value);
+        shipNationFileList.value = _.cloneDeep(shipNationFileListCache.value);
+        operatingFileList.value = _.cloneDeep(operatingFileListCache.value);
+        clearTimeout(t);
+      }, 500);
       unchangeable.value = true;
     }