多图预览

nnzwminiapp/pagesPublic/pages/work-order-detail/work-order-detail.js

@@ -320,14 +320,16 @@ Page({
     /**
      * 预览图片
      */
-    previewImg() {
+    previewImg(e) {
         wx.previewImage({
             urls: this.data.image,
+            current: e.currentTarget.dataset.src
         });
     },
-    previewResultImg() {
+    previewResultImg(e) {
         wx.previewImage({
             urls: this.data.images,
+            current: e.currentTarget.dataset.src
         });
     },
 })

nnzwminiapp/pagesPublic/pages/work-order-detail/work-order-detail.wxml

@@ -30,7 +30,7 @@
         <view class="item-row" style="align-items: flex-start;">
             <text class="item-label">图片：</text>
             <view class="item-image-box" wx:for="{{image}}" wx:key="index" wx:for-item="item">
-                <image class="item-image" src="{{item}}" mode="" bindtap="previewImg" />
+                <image class="item-image" src="{{item}}" mode="" data-src="{{item}}" bindtap="previewImg" />
             </view>
         </view>
     </view>
@@ -99,7 +99,7 @@
             <text class="item-label-result">维修结果：</text>
             <text class="item-value-result" wx:if="{{status == -1}}">维修失败</text>
             <view class="item-image-box" wx:if="{{status == 3}}" wx:for="{{images}}" wx:key="cindex" wx:for-item="citem">
-                <image class="item-image" src="{{citem}}" mode="" bindtap="previewResultImg" />
+                <image class="item-image" src="{{citem}}" mode="" data-src="{{citem}}" bindtap="previewResultImg" />
             </view>
         </view>
         <view class="item-row" wx:if="{{status == -1}}">

nnzwminiapp/pagesPublic/pages/work-order/work-order.js

@@ -579,6 +579,13 @@ Page({
                 });
             }
         });
+    },
+
+    previewImg(e) {
+        wx.previewImage({
+            urls: this.data.tempFileList,
+            current: e.currentTarget.dataset.src
+        });
     }
 
 })

nnzwminiapp/pagesPublic/pages/work-order/work-order.wxml

@@ -34,7 +34,7 @@
                         <label for="" class="form-item-label">报修物品图片：</label>
                         <image class="form-photo" src="/pages/images/photo2.png" mode="" bindtap="uploadImage" />
                         <view wx:for="{{tempFileList}}" wx:key="index" wx:for-item="item">
-                            <image class="form-image" src="{{item}}" mode="" />
+                            <image class="form-image" src="{{item}}" mode="" data-src="{{item}}" bindtap="previewImg" />
                         </view>
                         <input type="text" name="" style="display: none;" />
                     </view>

nnzwminiapp/pagesPublic/pages/work-order/work-order.wxss

@@ -124,6 +124,7 @@ Page {
     width: 112rpx;
     height: 112rpx;
     margin-left: 10rpx;
+    border-radius: 10rpx;
 }
 
 .form-button {