390

src/project/wuxi/AppPhotoReport/PhotoDetail.vue

@@ -36,6 +36,9 @@
           <div class="color-999 mar-r32 stepTime" v-text="item.doTime"/>
         </div>
         <div v-if="item.doExplain" class="stepContent mar-t8" v-text="item.doExplain"/>
+        <div class="imgs">
+          <img :src="e.url" alt="" v-for="(e, index) in item.files" :key="index" @click="previewImage(item.files, e.url)"/>
+        </div>
         <u-gap height="48"/>
       </AiStep>
     </AiGroup>
@@ -110,7 +113,13 @@ export default {
         urls: this.info.files.map(v => v.url),
         current: url
       })
-    }
+    },
+    previewImage(images, img) {
+      uni.previewImage({
+        urls: images.map(v => v.url),
+        current: img
+      })
+    },
   }
 }
 </script>
@@ -180,5 +189,19 @@ export default {
       margin-right: 0;
     }
   }
+  .imgs {
+    margin-top: 10px;
+
+    img {
+      width: 136px;
+      height: 136px;
+      border-radius: 4px;
+      margin-right: 12px;
+    }
+
+    img:nth-of-type(3n) {
+      margin-right: 0;
+    }
+  }
 }
 </style>