import Api from '../../assets/js/http/api'
Page({
  data: {
    context1: null,
    hasDraw:false, //默认没有画
    id: '',
  },
  onLoad: function() {
    var context1 = wx.createCanvasContext('handWriting1');
    context1.setStrokeStyle("#000000") // 画笔的颜色
    context1.setLineWidth(3); // 画笔的线条宽度
    this.setData({
      context1: context1,
    })
  },
  touchstart1: function(e) {
    var context1 = this.data.context1;
    context1.moveTo(e.touches[0].x, e.touches[0].y); // 把画笔的开始点移到当前触摸点
    this.setData({
      // context1: context1,
      hasDraw : true, //要签字了
    });
  },
  touchmove1: function(e) {
    var x = e.touches[0].x;
    var y = e.touches[0].y;
    var context1 = this.data.context1;
    context1.setLineWidth(3);
    context1.lineTo(x, y); // 移动绘制的点（关键步骤）
    context1.stroke(); // 画出当前路径的边框====创建线条
    context1.setLineCap('round'); // 设置线条的端点样式
    context1.draw(true); // 将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中
    context1.moveTo(x, y); // 把路径移动到画布中的指定点，不创建线条
  },
  reSign1: function() { //重新画
    var that = this;
    var context1 = that.data.context1;
    context1.draw(); //清空画布
    that.setData({
      hasDraw: false, //没有画
      src: null
    });
  },
  sign1ok: function () {
    const that = this;
    if(!that.data.hasDraw){
      console.log("签字是空白的 没有签字")
    }else{
      var context1 = that.data.context1;
      context1.draw(true, wx.canvasToTempFilePath({ // 把当前画布指定区域的内容导出生成指定大小的图片。在 draw() 回调里调用该方法才能保证图片导出成功
        canvasId: 'handWriting1',
        success(res) { // 完成签字
          //得到了图片 上传到服务器
          wx.uploadFile({
            url: Api.baseUrl + Api.URL_CONFIG + "/sys/common/upload",
            filePath: res.tempFilePath,
            name: "file",
            formData: {
              filetype: "image",
            },
            success: function (result) {
              let data = JSON.parse(result.data)
              that.setData({
                id: data.result.id
              })
              let pages = getCurrentPages();
              let prevPage = pages[pages.length - 2];
              //将数值信息赋值给上一页面id变量
              prevPage.setData({
                fileId: data.result.id,
                src: res.tempFilePath
              });
              wx.navigateBack({
                delta: 1,
              })
            },
            fail: function(err){
              wx.showToast({
                title: '上传失败',
              })
            }
          })
        }
      }))
    }
  },
});