图片点击放大

pages/sign/sign.js

@@ -34,7 +34,6 @@ Page({
     context.setLineWidth(4);
     context.setLineCap('round');
     context.setLineJoin('round');
-
     // context.drawImage('../../images/img111.png', 0, 0, canvasw, 500);
     context.draw(false);
   },
@@ -58,6 +57,10 @@ Page({
 
     };
     context.clearRect(0, 0, canvasw, canvash);
+
+    context.setFillStyle("#FFF")
+    context.fillRect(0,0,900,900)
+
     context.setStrokeStyle('#000000');
     context.setLineWidth(4);
     context.setLineCap('round');

pages/worksheetinfo/worksheetinfo.js

@@ -283,6 +283,7 @@ Page({
       // });
       // return;
     } else {
+      console.info('上传签名')
       signs.forEach((item, index) => {
         wx.uploadFile({
           url: getApp().globalData.postHeadAgreement + '/restapi/wechat/editWorkSheetImg',
@@ -447,10 +448,22 @@ Page({
       signs
     });
   },
+  handlePcituresPreview(e) {
+
+    console.info("ddddddddddd")
+    const idx = e.target.dataset.idx
+    const pcitures = this.data.pcitures.map(it=>it.url)
+    console.info(this.data.pcitures)
+    wx.previewImage({
+      current: pcitures[idx], //当前预览的图片
+      urls: pcitures, //所有要预览的图片
+    })
+  },
   handleImagePreview(e) {
+
     const idx = e.target.dataset.idx
     const images = this.data.images
-    
+    console.info(this.data.images)
     wx.previewImage({
       current: images[idx], //当前预览的图片
       urls: images, //所有要预览的图片
@@ -553,7 +566,6 @@ Page({
       // });
       let exceptparams = this.data.exceptparams;
       exceptparams['pText'] = worksheetinfo.exceptTime.substr(0,16)
-      console.info(exceptparams['pText'])
       this.setData({
         exceptparams: exceptparams
       });
@@ -561,14 +573,12 @@ Page({
     if (worksheetinfo.workEndtime) {
       let workEndtimeParams = this.data.workEndtimeParams;
       workEndtimeParams['pText'] = worksheetinfo.workEndtime.substr(0,16)
-      console.info(workEndtimeParams['pText'])
       this.setData({
         workEndtimeParams: workEndtimeParams
       });
     }else{
       let workEndtimeParams = this.data.workEndtimeParams;
       workEndtimeParams['pText'] = '0000-00-00 00:00'
-      console.info(workEndtimeParams['pText'])
       this.setData({
         workEndtimeParams: workEndtimeParams
       });
@@ -583,14 +593,12 @@ Page({
       // });
       let finishparams = this.data.finishparams;
       finishparams['pText'] = worksheetinfo.finishTime.substr(0,16)
-      console.info(finishparams['pText'])
       this.setData({
         finishparams: finishparams
       });
     }else{
       let finishparams = this.data.finishparams;
       finishparams['pText'] = '0000-00-00 00:00'
-      console.info(finishparams['pText'])
       this.setData({
         finishparams: finishparams
       });
@@ -640,7 +648,7 @@ Page({
         chargStationName:worksheetinfo.chargStationName,
         worksheetinfo 
       });
-      console.info(worksheetinfo.chargStationName)
+
       if(!worksheetinfo.chargStationName){
         that.setData({
           chargStationNameClearFlag:true,

pages/worksheetinfo/worksheetinfo.wxml

@@ -96,21 +96,22 @@
   </view>
   
    <view wx:if="{{pcitures.length!=0}}" class="question-images">
-    <block wx:for="{{pcitures}}" wx:key="*this">
+    <block wx:for="{{pcitures}}" wx:key="this">
       <view class="q-image-wrap">
-        <image wx:if="{{item.flag}}" class="q-image" src="{{item.src}}" mode="aspectFill" data-idx="{{index}}"></image>
+        <!-- <image wx:if="{{item.flag}}" class="q-image" src="{{item.src}}" mode="aspectFill" data-idx="{{index}}"  bindtap="handleSignPreview" ddd="1"></image>
         <!-- 图片缩略图  -->
-        <image wx:if="{{!item.flag}}" class="q-image" src="{{item.url}}" mode="aspectFill" data-idx="{{index}}"></image>
-        <!-- <image wx:if="{{!item.flag}}" class="q-image" src="https://cdgl.pjnes.com/profile/station/{{item.src}}" mode="aspectFill" data-idx="{{index}}"></image> -->
+        <!-- <image wx:if="{{!item.flag}}" class="q-image" src="{{item.url}}" mode="aspectFill" data-idx="{{index}}"  bindtap="handleSignPreview" ddd="2"></image> -->
+        <image  bindtap="handlePcituresPreview" class="q-image" src="{{item.url}}" mode="aspectFill" data-idx="{{index}}" ></image>
         <view wx:if="{{!workstatusFinished}}" class="q-image-remover" data-idx="{{index}}" bindtap="removePciture">删除</view>
       </view>
     </block>
   </view>
 
   <view wx:if="{{images.length!=0}}" class="question-images">
-    <block wx:for="{{images}}" wx:key="*this">
+    <block wx:for="{{images}}" wx:key="this">
       <view class="q-image-wrap">
         <!-- 图片缩略图  -->
+        <!-- <image bindtap="handleImagePreview" class="q-image" src="{{item}}" mode="aspectFill" data-idx="{{index}}" /> -->
         <image class="q-image" src="{{item}}" mode="aspectFill" data-idx="{{index}}" bindtap="handleImagePreview"></image>
         <!-- 移除图片的按钮  -->
         <view class="q-image-remover" data-idx="{{index}}" bindtap="removeImage">删除</view>