fastNetwork/pages/setting/setting.js

//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;
    // 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.makeQRCode();
  },
  makeQRCode(template = 0) {
    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",
    // }
    const url = `${app.globalData.publicUrl}/htyd/wxcard?name=${data.name}&mobile=${data.mobile}`;
    drawQrcode({
      width: 125,
      height: 125,
      canvasId: `myQrcode${template}`,
      text: url,
    })
  }
})