// pages/parentping/parentping.js
const app=getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    maskHidden: false,
    imgwidth: '',
    imgheight: '',
    picwidth: '',
    pciheight: '',
    attenwidth: '',
    textheight:'',
    codewidth:'',
    codeheight:'',
    changanwidth:'',
    changanheight:'',
    cedanwidth:'',
    cedanheight:'',
    id:'',
    star:'',
    description:'',
    qrcode:'',
    title:""

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

    this.setData({
      id:options.id
    })

    this.getresult()

  },

  // 获取结果
  getresult(){
    let that = this;
    var url = 'index/answer_log_detail';
    var params = {
      answer_log_id: that.data.id,

    }
    app.post(url, params).then((res) => {
      console.log(res);
      that.setData({
        star:res.star,
        description: res.description,
        qrcode: res.qrcode,
        title:res.title
      })

      that.savefilecode()



    }).catch((err) => {

    })
  },

  createNewImg: function() {
    var that = this;
    console.log(9999)
    var context = wx.createCanvasContext('mycanvas');
    // var img = '/img/no.png';

    // context.createPattern(img, 0, 0, 375, 667)
    // context.style.background  ='/img/tuijianimg1.png'
    // context.setFillStyle("#ffe200");
    context.fillRect(0, 0, 375, 603);
    var path = "/img/no.png";
    context.drawImage(path, 0, 0, 375, 603);
    // context.drawImage(path, 0, 0, 680, 300);
    context.setFontSize(26);
    context.setFillStyle('#fff');
    context.setTextAlign('center');
    context.fillText(that.data.title, 190, 50);

    var path1 = '';
    if(that.data.star==1){
      path1 = "/img/onestar.png"
    } else if (that.data.star==2){
      path1 = "/img/twostar.png"
    } else if (that.data.star==3){
      path1 = "/img/threestar.png"
    } else if (that.data.star == 4) {
      path1 = "/img/fourstar.png"
    } else if (that.data.star == 5) {
      path1 = "/img/fivestar.png"
    }
    context.drawImage(path1, 125, 60, 110, 16);

    context.setFontSize(16);
    context.setFillStyle('#333');
    context.setTextAlign('left');

    // var str = '孩子有较明显的注意力缺陷倾向，基本无法完成学业要求，建议到正规医院和机构进行专业检查。';
    var str=that.data.description;
    var x = 170;
    var len = Math.ceil(str.length / 20);
    for (var i = 0; i < len; i++) {
      var j = i * 20;
      var strs = str.substring(j, 20 * (i + 1));
      context.fillText(strs, 25, x + 32 * i, this.data.imgwidth * 0.88);
    }

    var drawTxt = ''; // 当前绘制的内容
    var drawLine = 1; // 第几行开始绘制
    var drawIndex = 0; // 当前绘制内容的索引

    // var path2 = "/img/code.png";
    var path2 = that.data.qrcode
    context.drawImage(path2,12,525 , 70, 70);

    context.setFontSize(16);
    context.setFillStyle('#333');
    context.setTextAlign('center');
    context.fillText('长按识别二维码', 160,550);

    context.setFontSize(16);
    context.setFillStyle('#333');
    context.setTextAlign('center');
    context.fillText('获取你的注意力测验单', 185, 580);






    // var path2 = that.data.codeurl;
    // console.log('888777666554433', path2)
    // var path3 = "/img/feihuiyuan.png";
    // var path4 = "/img/dali.png";
    // var path5 = "/img/tiyanactive.png";

    // this.drawCircular(context, 96, 96, this.data.imgwidth * 0.7, this.data.imgheight * 0.7, path2);

    context.save(); // 保存当前context的状态

    // context.setFontSize(20);
    // context.setFillStyle('#78482F');
    // context.setTextAlign('center');
    // let nickname = wx.getStorageSync("nickname");
    // console.log('889900', nickname)
    // context.fillText(nickname, 184, 45);

    // context.setFontSize(15);
    // context.setFillStyle('#78482F');
    // context.setTextAlign('center');
    // context.fillText('期待你的加入', 185, 75);

    // var path1 = that.data.saveimg;
    // console.log('头像', path1)

    // context.arc(76, 56, 35, 0, 2 * Math.PI) //画出圆
    // context.setFillStyle('#ffffff')
    // context.strokeStyle = "#ffe200";
    // context.clip(); //裁剪上面的圆形00
    // context.drawImage(path1, 41, 21, 70, 70); // 在刚刚裁剪的园上画图
    context.draw();



    //将生成好的图片保存到本地，需要延迟一会，绘制期间耗时
    setTimeout(function() {
      wx.canvasToTempFilePath({
        canvasId: 'mycanvas',
        success: function(res) {
          console.log(res)
          var tempFilePath = res.tempFilePath;
          console.log(tempFilePath)
          that.setData({
            imagePath: tempFilePath,
            canvasHidden: true
          });
        },
        fail: function(res) {
          console.log(res);
        }
      });
    }, 200);
  },


  drawCircular(ctx, width, height, x, y, url) {

    var avatarurl_width = width;
    var avatarurl_heigth = height;
    var avatarurl_x = x;
    var avatarurl_y = y;

    console.log(avatarurl_width);
    console.log(avatarurl_heigth);
    console.log(avatarurl_x);
    console.log(avatarurl_y);
    ctx.save();
    ctx.beginPath();
    ctx.arc(avatarurl_width / 2 + avatarurl_x, avatarurl_heigth / 2 + avatarurl_y, avatarurl_width / 2, 0, Math.PI * 2, false);
    ctx.clip();
    ctx.drawImage(url, avatarurl_x, avatarurl_y, avatarurl_width, avatarurl_heigth);
    ctx.restore();
  },

  //点击保存到相册
  baocun: function() {
    console.log(999)
    var that = this
    wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.writePhotosAlbum']) {
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() { //这里是用户同意授权后的回调


              wx.saveImageToPhotosAlbum({
                filePath: that.data.imagePath,
                success(res) {
                  wx.showModal({
                    content: '图片已保存到相册',
                    showCancel: false,
                    confirmText: '好的',
                    confirmColor: '#333',
                    success: function(res) {
                      if (res.confirm) {
                        console.log('用户点击确定');
                        /* 该隐藏的隐藏 */
                        that.setData({
                          maskHidden: false
                        })
                      }
                    },
                    fail: function(res) {

                    }
                  })
                }
              })



            },
            fail() { //这里是用户拒绝授权后的回调


              // wx.openSetting({
              //   success: function (data) {
              //     console.log(data)
              //     if (data.authSetting["scope.writePhotosAlbum"] === true) {
              //      console.log("是否授权成功")
              //     } else {
              //       applyApi.toast("授权失败");
              //     }
              //   }
              // })
              wx.showModal({
                title: '提示',
                content: '您取消授权，无法保存图片，点击确定打开权限',
                success(res) {
                  if (res.confirm) {
                    console.log('用户点击确定')
                    wx.openSetting({
                      success(res) {
                        console.log(res.authSetting)
                        // res.authSetting = {
                        //   "scope.userInfo": true,
                        //   "scope.userLocation": true
                        // }
                      }
                    })
                  } else if (res.cancel) {
                    console.log('用户点击取消')
                  }
                }
              })

            }
          })
        } else { //用户已经授权过了

          console.log(that.data.imagePath)
          wx.saveImageToPhotosAlbum({
            filePath: that.data.imagePath,
            success(res) {
              wx.showModal({
                content: '图片已保存到相册',
                showCancel: false,
                confirmText: '好的',
                confirmColor: '#333',
                success: function(res) {
                  if (res.confirm) {
                    console.log('用户点击确定');
                    /* 该隐藏的隐藏 */
                    that.setData({
                      maskHidden: false
                    })
                  }
                },
                fail: function(res) {

                }
              })
            }
          })
        }
      }
    })

  },

  hideceng(){
    this.setData({
      maskHidden:false
    })
  },



  savephoto() {

    console.log(54683485)
    let that = this;
    this.setData({
      maskHidden: false
    });
    wx.showToast({
      title: '海报生成中',
      icon: 'loading',
      duration: 1000
    });
    setTimeout(function() {
      wx.hideToast()
      that.createNewImg();
      that.setData({
        maskHidden: true
      });
    }, 1000)

  },

  savefilecode() {
    let that = this;
    console.log(that.data.codeurl)
    wx.downloadFile({
      url: that.data.qrcode ,
      header: {},
      success: function (res) {
        console.log('下载图片下载图片下载图片', res)
        var tempFilePath = res.tempFilePath
        //console.log('临时文件地址是：' + tempFilePath)
        wx.saveFile({
          tempFilePath: tempFilePath,
          success: function (res) {
            console.log(res)
            var saveFilePath = res.savedFilePath;
            that.setData({
              qrcode: res.savedFilePath
            })

            console.log('123456855555555', that.data.qrcode)

          }, //可以将saveFilePath写入到页面数据中
          fail: function (res) { },
          complete: function (res) {
            console.log('complete后的res数据：')
          },
        }) //,
      },
      // fail: function (res) {
      //   wx.showModal({
      //     title: '下载失败',
      //     content: '请联系管理员',
      //   })
      // },
      complete: function (res) { },
    })
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    let width = wx.getSystemInfoSync().windowWidth;
    width = width
    width = Math.ceil(width)
    console.log(width)

    let height = wx.getSystemInfoSync().windowHeight;
    height = height
    height = Math.ceil(height);
    console.log(height)
    // if (height == 572){
    //   this.setData({
    //     pciheight: height * 0.82,
    //     attenwidth: width * 0.52,
    //     textheight: height * 0.22,
    //     codewidth: width * 0.1,
    //     codeheight: height * 0.68,
        
    //     changanwidth: width * 0.5,
    //     changanheight: height * 0.8,
    //     cedanwidth: width * 0.57,
    //     cedanheight: height * 0.77
    //   })

    // }else if (height == 672) {
    //   console.log(666)
    //   this.setData({
    //     pciheight: height * 0.85,
    //     attenwidth: width * 0.5,
    //     textheight: height*0.22,
    //     codewidth:width*0.1,
    //     codeheight:height*0.73,
    //     changanwidth:width*0.46,
    //     changanheight:height*0.85,
    //     cedanwidth: width * 0.53,
    //     cedanheight:height*0.81
    //   })
    // } else if (height == 808) {
    //   console.log(9999)
    //   this.setData({
    //     pciheight: height * 0.77,
    //     attenwidth: width * 0.48,
    //     textheight: height * 0.22
       
    //   })

      
    // } else if (height==724){
    //   this.setData({
    //     pciheight: height * 0.82,
    //     attenwidth: width * 0.52,
    //     textheight: height * 0.22,
    //     codewidth: width * 0.1,
    //     codeheight: height * 0.68,
    //     codewidth: width * 0.1,
    //     codeheight: height * 0.71,
    //     changanwidth: width * 0.47,
    //     changanheight: height * 0.83,
    //     cedanwidth: width * 0.54,
    //     cedanheight: height * 0.79

    //   })
    // }else {
    //     console.log(888)
    //   this.setData({
    //     pciheight: height * 0.82,
    //     attenwidth: width * 0.52,
    //     textheight: height * 0.22,
    //     codewidth: width * 0.1,
    //     codeheight: height * 0.68,
    //     codewidth: width * 0.1,
    //     codeheight: height * 0.73,
    //     changanwidth: width * 0.46,
    //     changanheight: height * 0.85,
    //     cedanwidth: width * 0.53,
    //     cedanheight: height * 0.81

    //   })
    // }

    console.log(this.data.textheight)

    this.setData({
      imgwidth: width,
      imgheight: height
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {
      // wx.navigateTo({
      //   url: '/pages/homepage/homepage',
      // })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {
    let that = this;

    return {
      title: '我的注意力分享', // 转发后 所显示的title
      // path: '/pages/home/buildtextdetail/buildtextdetail?buildid='+buildid+'&gettoken='+newtoken, // 相对的路径
      path: '/pages/parentping/parentping?id=' + that.data.id, //分娩笔记分享2

      success: (res) => { // 成功后要做的事情
        console.log(res)

      },
      fail: function (res) {
        // 分享失败
        console.log(res)
      }
    }
  }
})