classroom-music-activation/miniprogram/pages/address/index.ts

import { api_sysAreaQueryAllProvince, api_userReceiveAddressPage, api_userReceiveAddressRemove, api_userReceiveAddressSave, api_userReceiveAddressUpdate } from "../../api/new"

// pages/address/index.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    selectAddressId: '', // 选中地址编号
    addressList: [] as any,
    addressShow: false,
    addressAfterLeave: false,
    showDialog: false,
    cacheArea: [] as { cityCode: string, shiftCityCode: string }[], // 临时存储的对应关系
    showArea: false,
    showAreaAfterLeave: false,
    areaList: [] as any,
    currentValues: [] as any,

    showTextarea: true,
    cursor: -1, // 初始光标位置

    // 添加地址表单信息
    id: "",
    name: '',
    phoneNumber: '',
    detailAddress: null,
    cityCode: null,
    cityName: "",
    provinceCode: null,
    provinceName: "",
    regionCode: '',
    regionName: "",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options: any) {
    if (options.receiveAddress) {
      this.setData({
        id: options.receiveAddress
      })
    }

    this.getAddress()
    this.getAreas()
  },
  /** 地址列表 */
  async getAddress() {
    try {
      const { data } = await api_userReceiveAddressPage({ page: 1, rows: -1 })
      this.setData({
        addressList: data.data.rows || []
      })
    } catch {
      // 
    }
  },
  /** 获取省市区 */
  async getAreas() {
    try {
      const { data } = await api_sysAreaQueryAllProvince({})
      const areaList: any = this.formateArea(data.data)
      const currentValues = []
      if (areaList?.province_list) {
        // 获取第一个键值对
        const firstKey = Object.keys(areaList?.province_list)[0];
        // 通过键获取值
        const firstValue = areaList?.province_list[firstKey];
        currentValues.push({
          code: firstKey,
          name: firstValue
        })
      }
      if (areaList?.city_list) {
        // 获取第一个键值对
        const firstKey = Object.keys(areaList?.city_list)[0];
        // 通过键获取值
        const firstValue = areaList?.city_list[firstKey];
        currentValues.push({
          code: firstKey,
          name: firstValue
        })
      }
      if (areaList?.county_list) {
        // 获取第一个键值对
        const firstKey = Object.keys(areaList?.county_list)[0];
        // 通过键获取值
        const firstValue = areaList?.county_list[firstKey];
        currentValues.push({
          code: firstKey,
          name: firstValue
        })
      }
      console.log(areaList,
        currentValues)
      this.setData({
        areaList,
        currentValues
      })
    } catch {
      // 
    }
  },
  formateArea(area: any[]) {
    const province_list: { [_: string]: string } = {};
    const city_list: { [_: string]: string } = {};
    const county_list: { [_: string]: string } = {};
    area.forEach((item: any) => {
      province_list[item.code] = item.name;
    });
    area.forEach((item: any) => {
      item.areas && item.areas.forEach((city: any, index: number) => {
        let code = city.code + ""
        // 某些数据不标准 这里需要转换一下
        if (code[4] !== "0" || code[5] !== "0") {
          // 现在把区域的数据改为市的
          const newCode = code.substring(0, 2) + (index < 10 ? `a${index}` : index < 20 ? `b${index - 10}` : index < 30 ? `c${index - 20}` : `d${index - 30}`) + "00";
          this.data.cacheArea.push({
            cityCode: code,
            shiftCityCode: newCode
          })
          code = newCode
        }
        city_list[code] = city.name;
      });
    });
    area.forEach((item: any) => {
      item.areas && item.areas.forEach((city: any) => {
        city.areas && city.areas.forEach((county: any) => {
          county_list[county.code] = county.name;
        });
      });
    });
    return {
      province_list,
      city_list,
      county_list
    };
  },
  // 转换
  formateCityCode(reverse?: boolean) {
    if (!this.data.regionCode && this.data.cityCode) {
      const cityCodeObj = this.data.cacheArea.find((item: any) => {
        return item[reverse ? "cityCode" : "shiftCityCode"] == this.data.cityCode
      })
      return cityCodeObj ? cityCodeObj[reverse ? "shiftCityCode" : "cityCode"] : ""
    }
    return this.data.cityCode
  },
  // onFocus() {
  //   // console.log('1111', this.data.detailAddress)
  //   this.setData({
  //     cursor: this.data.detailAddress.length, // 将光标移动到内容末尾
  //   });
  // },
  // onInput(event: any) {
  //   console.log(event, "111")
  //   this.setData({
  //     value: event.detail,
  //   });
  // },
  /** 显示选择地区 */
  onShowAreaList() {
    this.setData({
      showArea: true
    })
  },
  /** 关闭选择地区 */
  onCloseAreaList() {
    this.setData({
      showArea: false
    })
  },
  onAreaBeforeEnter() {
    this.setData({
      showAreaAfterLeave: false
    })
  },
  onAreaAfterLeave() {
    this.setData({
      showAreaAfterLeave: true
    })
  },
  /** 确定选择地区 */
  submitArea(e: any) {
    const selectedOptions: any = e.detail.values
    this.setData({
      provinceCode: selectedOptions[0].code,
      cityCode: selectedOptions[1].code,
      regionCode: selectedOptions[2]?.code || null,
      provinceName: selectedOptions[0].name || '',
      cityName: selectedOptions[1].name || '',
      regionName: selectedOptions[2]?.name || '',
      showArea: false,
    })
  },
  onShowAddress() {
    this.setData({
      addressAfterLeave: false,
      addressShow: true
    })
  },
  onCloseAddress() {
    this.setData({
      addressShow: false
    })
  },
  onAddressAfterLeave() {
    this.setData({
      addressAfterLeave: true,
      selectAddressId: '',
      name: '',
      phoneNumber: '',
      detailAddress: null,
      cityCode: null,
      cityName: "",
      provinceCode: null,
      provinceName: "",
      regionCode: '',
      regionName: "",
    })
  },

  /** Dialog 隐藏 */
  onDialogClose() {
    this.setData({
      showDialog: false
    })
  },
  /** 删除地址 */
  onRemoveAddress(e: any) {
    this.setData({
      showDialog: true,
      selectAddressId: e.target.dataset.id
    })
  },
  setShowTextarea() {
    const _this = this
    _this.setData({
      showTextarea: false
    })

    setTimeout(() => {
      _this.setData({
        showTextarea: true
      })
    }, 100);
  },
  /** 修改地址 */
  onUpdateAddress(e: any) {
    const id = e.target.dataset.id
    const addressInfo = this.data.addressList.find((item: any) => item.id === id)
    this.setData({
      addressShow: true,
      addressAfterLeave: false,
      selectAddressId: addressInfo.id,
      name: addressInfo.name,
      phoneNumber: addressInfo.phoneNumber,
      detailAddress: addressInfo.detailAddress,
      cityCode: addressInfo.city,
      cityName: addressInfo.cityName,
      provinceCode: addressInfo.province,
      provinceName: addressInfo.provinceName,
      regionCode: addressInfo.region,
      regionName: addressInfo.regionName,
    }, () => {
      this.setShowTextarea()
      const cityCode: any = this.formateCityCode(true)
      this.setData({
        cityCode
      })
    })
  },
  /** 选择地址 */
  onSelectAddress(e: any) {
    const id = e.currentTarget.dataset.id
    this.setData({
      id
    }, () => {
      wx.navigateBack()
    })
  },
  /** Dialog 确定 */
  async onDialogConfirm() {
    try {
      await api_userReceiveAddressRemove({
        id: this.data.selectAddressId
      })

      this.getAddress()
      // 如果删除的是已经选中的地址，则需要重置数据
      if (this.data.selectAddressId === this.data.id) {
        this.setData({
          id: ''
        })
      }
      this.onDialogClose()
    } catch {
    }
  },
  onUnload() {
    console.log('onUnload')
    const id = this.data.id
    const addressInfo = this.data.addressList.find((item: any) => item.id === id)
    const pages = getCurrentPages();
    const prevPage = pages[pages.length - 2]; // 获取上一个页面实例
    prevPage?.setData({
      backParams: {
        receiveAddress: addressInfo?.id || '',
        receiveAddressInfo: {
          addressDetail: addressInfo?.id ? (addressInfo.provinceName || '') + (addressInfo.cityName || '') + (addressInfo.regionName || '') + addressInfo.detailAddress : '',
          name: addressInfo?.name,
          phoneNumber: addressInfo?.phoneNumber
        }
      }
    });
  },
  /** 创建/修改收货地址 */
  async onOperationAddress() {
    const addressForm = this.data
    try {
      if (!addressForm.name) {
        wx.showToast({
          title: '请输入收货人姓名',
          icon: "none"
        })
        return
      }
      if (!addressForm.phoneNumber || !/^1[3456789]\d{9}$/.test(addressForm.phoneNumber)) {
        wx.showToast({
          title: '请输入正确的手机号码',
          icon: "none"
        })
        return
      }
      if (!addressForm.provinceCode || !addressForm.cityCode) {
        wx.showToast({
          title: '请选择地区',
          icon: "none"
        })
        return
      }
      if (!addressForm.detailAddress) {
        wx.showToast({
          title: '请输入详细地址',
          icon: "none"
        })
        return
      }
      const citycode = this.formateCityCode()
      const params = {
        name: addressForm.name,
        phoneNumber: addressForm.phoneNumber,
        province: addressForm.provinceCode,
        city: citycode,
        region: addressForm.regionCode || '',
        detailAddress: addressForm.detailAddress
      }
      if (addressForm.selectAddressId) {
        await api_userReceiveAddressUpdate({
          id: addressForm.selectAddressId,
          ...params
        })
        wx.showToast({
          title: '修改成功',
          icon: 'none'
        })
      } else {
        const {data} = await api_userReceiveAddressSave({
          ...params
        })
        wx.showToast({
          title: '添加成功',
          icon: 'none'
        })

        this.setData({
          id: data.data
        })
      }
      this.getAddress()
      this.onCloseAddress()
    } catch (e) {
      // 
      console.log(e, '1212')
    }
  },
})