''

liukangdong

2024-08-02 2bd2684d71fdfed5ff1ff1ea821d01f245c2623f

 wechat_jiaxuan/pages/design/design.js

@@ -1,8 +1,11 @@
// import { areaList } from '@vant/area-data';
import {
  getDictData,
  getArea,
  saveFreeCustomizationApply
} from '../../api/index'
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min');
var qqmapsdk;
Page({

  /**
@@ -10,8 +13,8 @@
   */
  data: {
    name: '',
    phone: '',

    phone: '', 
    
    showAreaList: false,
    areaList: [],
    addr: {},
@@ -27,8 +30,46 @@
  },
  onLoad(options) {
    this.initData()
  },
    qqmapsdk = new QQMapWX({
      key: 'HIDBZ-2QXL4-TAWUD-XET6Q-EKTJE-CCBSQ'
    });
    qqmapsdk.reverseGeocoder({
      success: (res) => {
        console.log('res', res);
        let addr = {
          provinceCode: res.result.ad_info.adcode.slice(0,2) + '000000',
          provinceName: res.result.ad_info.province,
          cityCode: res.result.ad_info.adcode.slice(0,4) + '0000',
          cityName: res.result.ad_info.city,
          areaCode: res.result.ad_info.adcode + '00',
          areaName: res.result.ad_info.district,
        }
        this.setData({ addr })

      }
    })
    const member =  wx.getStorageSync('member')
    this.setData({
      phone: member.phone,
      name: member.name
    })
  }, 
  regionChange(e) {
    console.log(e) 
    if(e.detail.value &&e.detail.value.length ==3){
      var tn = e.detail.label.split("-")
      const addr = {
        provinceCode: e.detail.value[0] ,
        provinceName: tn[0],
        cityCode:  e.detail.value[1] ,
        cityName:  tn[1],
        areaCode: e.detail.value[2] ,
        areaName:  tn[2]
      }
      this.setData({ addr, showAreaList: false })
      console.log('selectedOptions', addr);
    } 
  },
  onSubmit() {
    const {
      name,
@@ -51,6 +92,11 @@
      title: '请选择城市',
      icon: 'none'
    })
    console.log({
      name,
      phone,
      ...addr
    })
    saveFreeCustomizationApply({
      name,
      phone,
@@ -59,15 +105,10 @@
      wx.showToast({
        title: '报名成功'
      })
      wx.switchTab({
        url: '/pages/index/index',
      })
      setTimeout(() => {
        wx.navigateBack()
      }, 1000)
    })
  },
  // 显示城市弹窗
  chooseCity () {
    this.setData({ showAreaList: !this.data.showAreaList })
    console.log('chooseCity', this.data.showAreaList);
  },
  onFinish(e) {
    const { selectedOptions, value } = e.detail;
@@ -84,6 +125,7 @@
  },
  positionChange (e) {
    console.log(e.detail.value)
    console.log(e.detail.code)
    const names = e.detail.value
    const codes = e.detail.code
    let addr = {
@@ -106,13 +148,46 @@
  onClose() {
    this.setData({ showAreaList: false })
  },
  onClick() {
    this.setData({ showAreaList: true })
  },
  initData() {
    getArea({
      "level": "",
      "pid": ""
    }).then(res => {
      this.setData({areaList: res.data})
    })
    // getArea({
    //   "level": "",
    //   "pid": ""
    // }).then(res => {
    //   var tl = []
    //   if(res && res.data && res.data.length){
    //       res.data.forEach(element => { 
    //           let tc = []
    //           if(element.children &&element.children.length){
    //             element.children.forEach(c => { 
    //               let ta = []
    //               if(c.children &&c.children.length){
    //                 c.children.forEach(a => { 
    //                   ta.push({
    //                     name: a.name,
    //                     id: a.id 
    //                   })
    //                 })
    //               }
    //               tc.push({
    //                 name: c.name,
    //                 id: c.id,
    //                 children:ta,
    //               })
    //             })
    //           }
    //           tl.push({
    //             name: element.name,
    //             id: element.id,
    //             children: tc,
    //           })
    //       });
    //   }
    //   this.setData({areaList: tl})
    //   console.log(this.data.areaList)
    // })
    getDictData({
      code: 'WEIXIN_DEFAULT_IMGS',
      label: 'DESIGN_BANNER'