增加图片

src/views/ecw/box/shippingDetail.vue

@@ -31,9 +31,9 @@
       </div>
     </div>
 
-    <div v-if="(type === 'unload_container' || type === 'close_container') && boxBackVO.pictures" style="marginTop:15px">
+    <div v-if="(type === 'unload_container' || type === 'close_container') && srcStrs" style="marginTop:15px">
       <h1>{{$t('图片')}}</h1>
-      <ImagePreview :src="boxBackVO.pictures" :width="146" :height="146" />
+      <ImagePreview :src="srcStrs" :width="146" :height="146" />
     </div>
 
     <el-dialog :title="dialogConfig.title" :visible.sync="dialogConfig.visible" fullscreen :modal-append-to-body=false append-to-body>
@@ -117,7 +117,7 @@ export default {
   data() {
     return {
       approvalInfo: {},
-      boxBackVO: { pictures: "" },
+      boxBackVO: {},
       loadDetail: {},
       // 柜型
       cabinetLabel: "",
@@ -128,6 +128,7 @@ export default {
         title: "",
         visible: false,
       },
+      srcStrs: "",
     };
   },
   created() {
@@ -141,6 +142,15 @@ export default {
         this.approvalInfo = res.data.approvalInfo;
         this.boxBackVO = res.data.boxBackVO;
         this.loadDetail = res.data.loadDetail;
+        if (this.type === "close_container" && res.data.cabinetVO) {
+          const ldPictures = res.data.cabinetVO.ldPictures
+            ? JSON.parse(res.data.cabinetVO.ldPictures)
+            : [];
+          this.srcStrs = ldPictures.map((item) => item.url).join(",");
+        }
+        if (this.type === "unload_container" && res.data.cabinetUnloadVO) {
+          this.srcStrs = res.data.cabinetUnloadVO.ulImgs ?? '';
+        }
       });
     },
     /* 获取柜型 */