图片预览

README.md

@@ -3,7 +3,6 @@
 3. 图像识别模糊 可以反向确认 通过ocr识别接口 接入ocr同时识别不到 姓名，年龄等字样，及判断该病历已被涂抹
 
 <!--占位图像-->
-
 https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567
 
 images svn 地址

src/module1/pages/casesFeedback/index.ts

@@ -330,6 +330,14 @@ Page({
       showMsg: false,
     });
   },
+  handlePreviewImage(e) {
+    const { url } = e.currentTarget.dataset;
+    const { images } = this.data;
+    wx.previewImage({
+      urls: images.map((item) => item.url),
+      current: url,
+    });
+  },
 });
 
 export {};

src/module1/pages/casesFeedback/index.wxml

@@ -38,9 +38,9 @@
       <text class="limit">({{images.length}}/9)</text>
     </view>
     <view class="image-files">
-      <view class="photo" wx:for="{{images}}" wx:key="index">
+      <view class="photo" wx:for="{{images}}" wx:key="index" bind:tap="handlePreviewImage" data-url="{{item.url}}">
         <image class="p-img" src="{{item.url}}" mode="aspectFill"></image>
-        <view class="del" bind:tap="handleDelPhoto" data-index="{{index}}">
+        <view class="del" catch:tap="handleDelPhoto" data-index="{{index}}">
           <van-icon name="cross" />
         </view>
         <view class="repeat" wx:if="{{item.repeat}}">

src/module1/pages/entryCases/index.ts

@@ -385,7 +385,7 @@ Page({
   handleBack() {
     const { images, description, audios, files, deptId, labelIds } = this.data;
     if (!images.length && !description && !audios.length && !files.length && !deptId && !labelIds.length) {
-      wx.navigateBack()
+      wx.navigateBack();
       return;
     }
     wx.showModal({
@@ -403,6 +403,14 @@ Page({
       },
     });
   },
+  handlePreviewImage(e) {
+    const { url } = e.currentTarget.dataset;
+    const { images } = this.data;
+    wx.previewImage({
+      urls: images.map((item) => item.url),
+      current: url,
+    });
+  },
 });
 
 export {};

src/module1/pages/entryCases/index.wxml

@@ -9,9 +9,9 @@
       <text class="limit">({{images.length}}/9)</text>
     </view>
     <view class="image-files">
-      <view class="photo" wx:for="{{images}}" wx:key="index">
+      <view class="photo" wx:for="{{images}}" wx:key="index" bind:tap="handlePreviewImage" data-url="{{item.url}}">
         <image class="p-img" src="{{item.url}}" mode="aspectFill"></image>
-        <view class="del" bind:tap="handleDelPhoto" data-index="{{index}}">
+        <view class="del" catch:tap="handleDelPhoto" data-index="{{index}}">
           <van-icon name="cross" />
         </view>
         <view class="repeat" wx:if="{{item.repeat}}">