<!-- 跳转裁剪的页面 -->
<template name="we-cropper">
<canvas class="cropper {{cutImage}}" disable-scroll="true" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" style="width:{{width}}px;height:{{height}}px" canvas-id="{{id}}">
  </canvas>
</template>


<view class="cropper-wrapper {{cutImage}}">
  <template is="we-cropper"  data="{{...cropperOpt}}"/>
</view>
<view class="operbtns">  
<button class="button" type="primary" bindtap="getCropperImage">完成</button> 
</view>

import WeCropper from \'../../../utils/we-cropper\'
const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 100;

Page({

  data: {
    cropperOpt: {
      id: \'cropper\',
      width,
      height,
      scale: 2.5,
      zoom: 8,
      cut: {
        x: (width - 150) / 2,
        y: (height - 150) / 2,
        width: 150,
        height: 150
      }
    }

  },

  onLoad: function (options) {
    this.data.cropperOpt.src = options.img;
    const { cropperOpt } = this.data
    new WeCropper(cropperOpt)
      .on(\'beforeImageLoad\', (ctx) => {
        wx.showToast({
          title: \'上传中\',
          icon: \'loading\',
          duration: 20000
        })
      })
      .on(\'imageLoad\', (ctx) => {
        wx.hideToast()
      })
      .updateCanvas();
  },
  touchStart(e) {
    this.wecropper.touchStart(e)
  },
  touchMove(e) {
    this.wecropper.touchMove(e)
  },
  touchEnd(e) {
    this.wecropper.touchEnd(e)
  },
  getCropperImage() {
    var that = this;
    that.wecropper.getCropperImage((src) => {
      if (src) {
        var pages = getCurrentPages();
        var currPage = pages[pages.length - 1];  //当前页面
        var prevPage = pages[pages.length - 2]; //上一个页面
        prevPage.uploadImage(src);
        wx.navigateBack();
      }
    })
  },
})

//跳转裁剪页
  jumpTowecropper(){
    var _this = this;
    wx.chooseImage({
      count: 1, 
      sizeType: [\'original\', \'compressed\'], 
      sourceType: [\'album\', \'camera\'], 
      success: function (res) {
        var tempFilePaths = res.tempFilePaths[0];
        wx.navigateTo({
          url: \'/pages/settlement/imgcorp/index?img=\'+tempFilePaths,
        });
      }
    })
  },
  uploadImage(path){
    var that = this;
    wx.uploadFile({
      url: that.data.baseUrl+\'/api/img/uploadFile\', 
      filePath: path,
      name: \'image\',
      formData: {
        \'sessionId\':that.data.token 
      },
      success (res){
        console.log(res);
        // const data = res.date
        let src=JSON.parse(res.data)
       that.setData({
         \'value.shopImg\':src.data
       })
      }
    })
  },