nsgk_wechat/pages/index/settle/eSign/index.js

import SignaturePad from '../../../../utils/signature_pad';
import * as UTIL from '../../../../utils/util.js';
import * as API from '../../../../utils/API.js';
let signaturePad = {};
let pix = 7;
let penColor = 'black';
let lineWidth = 0.6;
Page({
    data: {
        penColor: 'black',
        lineWidth: 0.6,
        isEmpty: true,
        baseItem:"",
        item:{},
    },
    onLoad: function(options) {
        this.setData({baseItem:options.item});
        this.setData({item:JSON.parse(options.item)});
        console.log(this.data.item);
        var ctx = wx.createCanvasContext('handWriting');
        const data = {
            devicePixelRatio: pix,
        };
        signaturePad = new SignaturePad(ctx, data);
    },
    uploadScaleStart(e) {
        const item = {
            penColor: penColor,
            lineWidth: lineWidth
        };
        signaturePad._handleTouchStart(e, item);
    },
    back:function(){
      wx.navigateBack({
        delta: 1
      })
    },
    uploadScaleMove(e) {
        signaturePad._handleTouchMove(e);
    },
    uploadScaleEnd: function(e) {
        signaturePad._handleTouchEnd(e);
        const isEmpty = signaturePad.isEmpty();
        this.setData({
            isEmpty: isEmpty
        })
    },
    retDraw: function() {
        signaturePad.clear();
        const isEmpty = signaturePad.isEmpty();
        this.setData({
            isEmpty: isEmpty
        })
    },
    getSysInfo: function() {
        var that = this
        wx.getSystemInfo({
            success: function(res) {
                pix = res.pixelRatio
                that.setData({
                    width: res.windowWidth * pix,
                    height: res.windowHeight * pix
                })
            }
        })
    },
    //保存canvas图像
    subCanvas: function() {
        let _this = this
        if (this.data.isEmpty) {
            return false
        }
        wx.canvasToTempFilePath({
            canvasId: 'handWriting',
            success: function(res) {
                console.log(res);
                wx.uploadFile({
                          url: API.URL_POST_UPLOADFILE, //服务器地址               
                          filePath:res.tempFilePath,//本地照片地址                
                          name: 'file',
                            header: { 
                                'Content-Type': 'multipart/form-data',
                                'Authorization':'Bearer '+getApp().globalData.userInfo.token,  //如果需要token的话要传
                            },
                          success (res){
                             let dd = JSON.parse(res.data)
                            // console.log(dd);
                            // let a = _this.data.item
                            // a.electronicSignature = dd.fileName
                            // _this.setData({item:a});
                            // _this.saveESign(JSON.stringify(_this.data.item));
                            if(dd.code==200){
                                wx.showToast({
                                  title: dd.msg,
                                  duration: 2000,
                                  icon:"success"
                                }) 
                                setTimeout(() => {
                                    _this.back()
                                }, 2000);
                              }else{
                                wx.showToast({
                                  title: dd.msg,
                                  duration: 2000,
                                  icon:"none"
                                })
                              }
                          }
                        })
                    },
                    fail: function(res) {
                        console.log(res)
                    }
        })
    },
    // 保存电子签名
    saveESign : function(item){
        UTIL.httpRequest(API.URL_POST_USEREDIT,item,{
            success: (res) => {
                console.log(res);
              if (res.code == API.SUCCESS_CODE) {
                console.log(res);
              }
            }
          })  
    }
})