feature_20260203_完美门店

src/views/historicalVisit/perfectStoreTask.vue

@@ -36,7 +36,12 @@
                   </taskTips>
                 </template>
               </van-cell>
-              <deleteUploadImg
+              <template v-if="item.fileInfoList.length">
+                <div class="imgBox" v-for="(urls, index) in item.fileInfoList" :key="index">
+                  <img :src="urls.fileUrl" @click="previewsImg(item.fileInfoList, index)" />
+                </div>
+              </template>
+              <!-- <deleteUploadImg
                 :imgs="item.fileInfoList"
                 :storeGroupId="storeGroupId"
                 :taskIds="taskIds"
@@ -48,7 +53,7 @@
                 :continuousShoot="item.continuousShoot"
                 :insert="insert"
                 :objectType="objectType"
-                v-if="item.fileInfoList.length"></deleteUploadImg>
+                v-if="item.fileInfoList.length"></deleteUploadImg> -->
               <span v-else>暂未识别到产品照片</span>
             </div>
           </div>
@@ -155,6 +160,7 @@
 import { addCollectionAnswerBatch, getVisitsDetailPerfectStore } from '@/api/index';
 import taskTips from '@/views/deviceWithin/taskTips';
 import deleteUploadImg from '@/components/deleteUploadImgTaskPhoto';
+import { ImagePreview } from 'vant';
 export default {
   name: 'abnortaskPhotoTakingmalVisit',
   components: { taskTips, deleteUploadImg },
@@ -255,6 +261,16 @@ export default {
         }
       });
     },
+    previewsImg(fileInfoList, index) {
+      var arrimg = [];
+      for (var imgi = 0; imgi < fileInfoList.length; imgi++) {
+        arrimg.push(fileInfoList[imgi].fileUrl);
+      }
+      ImagePreview({
+        images: arrimg,
+        startPosition: index,
+      });
+    },
     onClickLeft() {
       this.$router.go(-1);
     },
@@ -393,6 +409,19 @@ export default {
     background: #f5f5f5;
     margin: 15px 0;
   }
+  .imgBox {
+    width: 22%;
+    height: 80px;
+    position: relative;
+    display: inline-block;
+    border-radius: 6px;
+    overflow: hidden;
+    margin: 3px 1.5%;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
 }
 </style>
 <style lang="scss">