更新 报港详情文案显示

src/views/voyage/portDeclarationDetail.vue

@@ -29,7 +29,11 @@
             :preview-src-list="previewListIds"
             fit="contain"
             :src="detail.idcardBackViewUrl"
-          ></el-image>
+          >
+            <template #error>
+              <div class="image-slot">暂无图片</div>
+            </template>
+          </el-image>
         </div>
       </div>
       <div class="df aic">
@@ -39,7 +43,9 @@
             :preview-src-list="previewListIds"
             fit="contain"
             :src="detail.idcardFrontViewUrl"
-          ></el-image>
+          >
+            <template #error> <div class="image-slot">暂无图片</div> </template>
+          </el-image>
         </div>
       </div>
     </div>
@@ -83,7 +89,7 @@
         <div class="title">货量</div>
         <div class="text">
           {{ detail.actualLoadTons + " 吨" }} /
-          {{ detail.actualLoadPieces + " 件" }}
+          {{ detail.actualLoadPieces || "-" + " 件" }}
         </div>
       </div>
       <div class="df aic">
@@ -162,4 +168,10 @@ onMounted(() => {
   border: 1px solid #ddd;
   border-radius: 10px;
 }
+
+.image-slot {
+  line-height: 160px;
+  text-align: center;
+  color: #aaa;
+}
 </style>