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

import drawQrcode from '../../utils/weapp.qrcode.esm';
Page({
  data: {
    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 () {
    // 模板默认选择
    this.imageChange();
    let data = app.globalData.userInfo;
    this.setData({ userInfo: data });
    // 生成二维码
    this.makeQRCode();
  },
  makeQRCode(template = 0) {
    let data = app.globalData.userInfo;
    const url = `${app.globalData.publicUrl}/htyd/wxcard?name=${data.name}&mobile=${data.mobile}`;
    drawQrcode({
      width: 125,
      height: 125,
      canvasId: `myQrcode${template}`,
      text: url,
    })
  }
})