//index.js
//获取应用实例
const app = getApp()

import QRCode from '../../utils/weapp-qrcode.js';
Page({
  data: {
    height: '',
    userInfo: {},
    // 模板列表
    templateList: [
      {
        name: '模板一',
        url: '/pages/images/template/1.jpg'
      },
      {
        name: '模板二',
        url: '/pages/images/template/2.jpg'
      },
      {
        name: '模板三',
        url: '/pages/images/template/3.jpg'
      },
      {
        name: '模板四',
        url: '/pages/images/template/4.jpg'
      },
      {
        name: '模板五',
        url: '/pages/images/template/5.jpg'
      },
    ],
    form: {},
    // 二维码
    qrcodeUrl: '/pages/images/qrcode.jpg'
  },
  // 事件处理函数
  imageChange: function (e) {
    if (e) {
      this.setData({ "form.template": this.data.templateList[e.detail.value].name })
      this.setData({ "form.imgurl": this.data.templateList[e.detail.value].url })
    } else {
      this.setData({ "form.template": this.data.templateList[0].name })
      this.setData({ "form.imgurl": this.data.templateList[0].url })
    }
    this.setData({ "form.imgIndex": e ? e.detail.value : 0 })
    this.makeQRCode(e ? e.detail.value : 0);
  },
  onLoad: function () {
    let that = this;
    // 获取窗口高度
    wx.getSystemInfo({
      success: function (res) {
        // 获取可使用窗口宽度
        let clientWidth = res.windowWidth;
        // 获取可使用窗口高度
        let clientHeight = res.windowHeight - 40;
        // 设置高度
        that.setData({ height: clientHeight });
      }
    });
    // 获取用户信息
    let data = app.globalData.userInfo;
    // let data = {
    //   avatarUrl: "https://thirdwx.qlogo.cn/mmopen/vi_32/ibzXIKnSribia9qZzSkEokEVfLuxOUEJ8xPAMibU29vB3KS8Pic5fUwUricWsXAEfL8zibZSGjUvPUm6PibxiadY8RAdv1w/132",
    //   car_show: false,
    //   city: "220100",
    //   create_time: "2021-01-07 10:40:40",
    //   id: "5ff676d06af583470e44c4c6",
    //   id_card: "220182199603257019",
    //   level: 1,
    //   mobile: "17319450324",
    //   name: "顾红伟",
    //   points: 600,
    //   province: "220000",
    //   r_mobile: "13089419810",
    //   recommend: "刘睿峰",
    //   set: "5ff6710f7fa08b4500e61e5f",
    //   stockholder: false,
    //   wxaccount: "guhongwei324",
    //   _id: "5ff676d06af583470e44c4c6"
    // }
    this.setData({ userInfo: data });
    // 模板默认选择
    this.imageChange();
    // 生成二维码
    this.makeQRCode();
  },
  makeQRCode(template = 0) {
    let data = app.globalData.userInfo;
    const url = `${app.globalData.publicUrl}/htyd/wxcard?name=${data.name}&mobile=${data.mobile}`;
    var qrcode = new QRCode(`myQrcode${template}`, {
      text: url,
      width: 130,
      height: 130,
      padding: 3,
      colorDark: "#000000",
      colorLight: "#ffffff",
      correctLevel: QRCode.CorrectLevel.L,
    });
  }
})