更新 表单渲染

src/views/voyage/voyageDetail.vue

@@ -549,6 +549,7 @@
       width="780px"
       center
       @close="cancelUploadLab"
+      destroy-on-close
     >
       <el-form
         :model="labForm"
@@ -682,7 +683,7 @@
         @current-change="pageChange"
       ></el-pagination>
     </div>
-    <el-dialog v-model="isAddPoundVisable">
+    <el-dialog v-model="isAddPoundVisable" destroy-on-close>
       <el-form :model="formInline">
         <el-form-item label="卸货时间">
           <el-date-picker
@@ -728,6 +729,7 @@
       title="修改记录"
       width="700px"
       center
+      destroy-on-close
     >
       <el-form :model="updateForm" style="margin-bottom: 20px">
         <!-- <el-form-item label="记录ID">
@@ -773,7 +775,12 @@
         </el-button>
       </template>
     </el-dialog>
-    <el-dialog v-model="dialogVisible" title="图片预览" width="30%">
+    <el-dialog
+      v-model="dialogVisible"
+      title="图片预览"
+      width="30%"
+      destroy-on-close
+    >
       <el-image
         :src="dialogImageUrl"
         style="height: 100%; width: 100%"
@@ -920,6 +927,7 @@
       width="780px"
       center
       @close="cancelUploadTruckRecord"
+      destroy-on-close
     >
       <el-form
         :model="truckRecordForm"
@@ -1149,7 +1157,7 @@
     </div>
   </div>
   <div class="line-container-p24">
-    <div v-if="shipownerUploadFiles.length" class="df aic fww">
+    <div v-show="shipownerUploadFiles.length" class="df aic fww">
       <div
         style="
           width: 100px;
@@ -1177,7 +1185,10 @@
         </div>
       </div>
     </div>
-    <div v-else style="text-align: center; font-size: 24px; color: #ccc">
+    <div
+      v-show="!shipownerUploadFiles.length"
+      style="text-align: center; font-size: 24px; color: #ccc"
+    >
       暂无单据图片
     </div>
   </div>
@@ -1188,6 +1199,7 @@
     destroy-on-close
     width="80%"
   >
+    <h4 class="mb10">请选择卸货港:</h4>
     <div class="df aic distribute-group">
       <el-button
         v-for="(item, index) in voyage.voyageDetails"
@@ -1198,6 +1210,7 @@
       >
     </div>
     <div class="hr m10-0"></div>
+    <h4 class="mb10">请选择单据类型:</h4>
     <div class="df aic distribute-group">
       <el-button
         class="mr20"
@@ -1243,7 +1256,7 @@
       </div>
     </div>
     <div class="hr m10-0"></div>
-    <div v-if="distributeType == 2">
+    <div v-show="distributeType == 2">
       <el-form inline :model="distributePoundForm">
         <el-form-item label="卸货时间">
           <el-date-picker
@@ -1271,7 +1284,7 @@
         </el-form-item>
       </el-form>
     </div>
-    <div v-if="distributeType == 4">
+    <div v-show="distributeType == 4">
       <div class="tar">
         <el-button @click="ocr" :loading="ocrLoading" type="primary">{{
           ocrLoading ? "正在识别" : "开始识别"
@@ -1311,7 +1324,7 @@
           <template v-slot="scope">
             <el-input
               :input-style="
-                scope.row.carNum.length == 7 ? {} : { border: '1px solid red' }
+                scope.row.carNum?.length == 7 ? {} : { border: '1px solid red' }
               "
               size="small"
               v-model="scope.row.carNum"
@@ -1495,7 +1508,7 @@
             v-if="index + 1 != medias.length"
           ></div>
         </div>
-        <el-dialog v-model="mediaModal" :title="modalTitle">
+        <el-dialog v-model="mediaModal" :title="modalTitle" destroy-on-close>
           <el-image
             v-if="modalType == 1"
             style="height: 60vh; display: flex"