xiaoe_mp_npm 0.1.13 → 0.1.14

package/src/ConfirmOrder/components/AddressEdit/index.js

@@ -1,343 +1,343 @@
-// src/ConfirmOrder/components/AddressEdit/index.js
-import {
-  getCityList,
-  getAddressInfo,
-  deleteAddress,
-  updateAddress,
-  createAddress
-} from "../../../common/api/confirmOrder"
-import Dialog from '@vant/weapp/dialog/dialog';
-const computedBehavior = require('miniprogram-computed').behavior
-
-Component({
-  behaviors: [computedBehavior],
-  options: {
-    styleIsolation: 'shared',
-  },
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    addressList: {
-      type: Array,
-      value: () => [],
-    },
-    addressInfo: {
-      type: Object,
-      value: () => {},
-    },
-    addressQuery: {
-      type: Object,
-      value: () => {},
-    },
-    isShowEditAddress: {
-      type: Boolean,
-      value: false,
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    // 客户信息等
-    address: {
-      receiver: "",
-      phone: "",
-      area: "",
-      detail: "",
-      province: "",
-      city: "",
-      county: "",
-    },
-    cityList: [],
-    isdefault: false, // 是否默认收货地址
-    showArea: false, // 省市区显隐
-    areaList: {}, // 省市区数据
-    selectCountyId: '', // 选中的城市id
-  },
-  lifetimes: {
-    attached: async function () {
-      // 编辑需要调这个接口
-      if (this.data.addressQuery && this.data.addressQuery.id) {
-        let params = {
-          address_id: this.data.addressQuery.id
-        }
-        let result = await getAddressInfo(params)
-        this.initAddressInfo(result)
-      }
-      this.initCityList()
-    },
-  },
-  computed: {
-    // //用于标示进入编辑页时是新增（new）/编辑（edit）
-    isNew(data) {
-      return !data.addressQuery.id;
-    },
-    // // 用于标示是否第一次新增地址
-    haveAddress(data) {
-      return data.addressQuery.haveAddress;
-    },
-    // // 用于标示页面是来自订单(true)还是个人中心(false)
-    pageFlag(data) {
-      return data.addressQuery.selectable;
-    },
-    // 用于正则校验每个输入框的数组
-    dataArray(data) {
-      let arr = [];
-      for (const item in data.address) {
-        arr.push({
-          key: item,
-          value: data.address[item],
-        });
-      }
-      return arr;
-    },
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 保存地址
-    saveAddress(e) {
-      if (!e.detail?.noCheck) {
-        let flag = this.checkValue(this.data.dataArray);
-        if (flag !== true) {
-          wx.showToast({
-            title: flag,
-            icon: 'none',
-            duration: 2000
-          })
-          return;
-        }
-      }
-      let request = this.data.isNew ? createAddress : updateAddress
-      if (e.detail.provinceName) {
-        request = createAddress
-      }
-      let params = {
-        receiver: e.detail.provinceName ? e.detail.userName : this.data.address.receiver, // 收件人
-        phone: e.detail.provinceName ? e.detail.telNumber : this.data.address.phone, // 手机号码
-        province: e.detail.provinceName ? e.detail.provinceName : this.data.address.province, // 省
-        city: e.detail.provinceName ? e.detail.cityName : this.data.address.city, // 市
-        county: e.detail.provinceName ? e.detail.countyName : this.data.address.county, //区/县
-        detail: e.detail.provinceName ? e.detail.detailInfo : this.data.address.detail, // 详细地址
-        is_default: e.detail.provinceName ? 0 : (this.data.isdefault ? 1 : 0), // 是否设为默地址,
-        id: e.detail.provinceName ? null : (this.data.address.id || null),
-      };
-      console.log(params);
-      wx.showLoading({
-        mask: true,
-        title: '加载中'
-      })
-      request(params).then(res => {
-          if (res.data.code === 0) {
-            this.triggerEvent("updataData", {
-              addressInfo: {
-                ...params,
-                ...res.data.data,
-              },
-              isShowEditAddress: false
-            })
-            this.triggerEvent("initConfirmOrderInfo")
-          }
-        }).catch((err) => console.log(err))
-        .finally(() => {
-          wx.hideLoading()
-        })
-    },
-    // 删除地址
-    deleteAddress() {
-      Dialog.confirm({
-          context: this,
-          message: '是否确认删除地址？',
-        }).then(() => {
-          let params = {
-            id: this.data.address.id
-          }
-          wx.showLoading({
-            mask: true,
-            title: '加载中'
-          })
-          deleteAddress(params).then(res => {
-              if (res.data.code === 0) {
-                if (this.data.addressInfo.id === this.data.address.id) {
-                  this.triggerEvent("updataData", {
-                    addressInfo: {},
-                  })
-                }
-                this.triggerEvent("updataData", {
-                  isShowEditAddress: false
-                })
-                this.triggerEvent("initConfirmOrderInfo")
-              }
-            }).catch((err) => console.log(err))
-            .finally(() => {
-              wx.hideLoading()
-            })
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    // 选择省市区---确认
-    confirmArea(e) {
-      let data = e.detail.values
-      this.setData({
-        showArea: false,
-        ['address.province']: data[0] ? data[0].name : '',
-        ['address.city']: data[1] ? data[1].name : '',
-        ['address.county']: data[2] ? data[2].name : '',
-        ['address.area']: data.map(res => res.name).join("/")
-      })
-      // this.addressChanged = true;
-    },
-    // 获取收货地址信息
-    initCityList() {
-      const areaList = {
-        province_list: {},
-        city_list: {},
-        county_list: {},
-      }
-      getCityList().then(res => {
-        if (res.data.code === 0) {
-          this.setData({
-            cityList: res.data.data
-          })
-          // 省
-          this.data.cityList.forEach(province => {
-            if (province.name === this.data.address.province) {
-              this.setData({
-                selectCountyId: province.region_id
-              })
-            }
-            areaList.province_list[province.region_id] = province.name
-            // 市
-            province.cities.forEach(city => {
-              if (province.name === this.data.address.province && city.name === this.data.address.city) {
-                this.setData({
-                  selectCountyId: city.region_id
-                })
-              }
-              areaList.city_list[city.region_id] = city.name
-              // 区
-              city.counties.forEach(county => {
-                if (
-                  province.name === this.data.address.province &&
-                  city.name === this.data.address.city &&
-                  county.name === this.data.address.county
-                ) {
-                  this.setData({
-                    selectCountyId: county.region_id
-                  })
-                }
-                areaList.county_list[county.region_id] = county.name
-              })
-            })
-          })
-          this.setData({
-            areaList
-          })
-        }
-      })
-    },
-    // 编辑时获取地址详情回填
-    initAddressInfo(res) {
-      if (res.data.code === 0) {
-        let {
-          province,
-          city,
-          county
-        } = res.data.data
-        res.data.data.area =
-          `${province}` +
-          (city ? `/${city}` : "") +
-          (county ? `/${county}` : "");
-        this.setData({
-          address: res.data.data,
-          isdefault: res.data.data.is_default == 1
-        })
-      }
-    },
-    changeMsg(event) {
-      let newData = `address.${event.currentTarget.dataset.type}`
-      this.setData({
-        [newData]: event.detail
-      })
-    },
-    changeTel(event) {
-      const phone = event.detail;
-      if (phone) {
-        // 只能输入整数
-        if (!/^\d+$/.test(phone)) {
-          this.setData({
-            ['address.phone']: this.data.address.phone
-          })
-          return false
-        }
-      }
-      this.setData({
-        ['address.phone']: phone
-      })
-    },
-    // 显示省市区
-    showArea() {
-      this.setData({
-        showArea: !this.data.showArea
-      })
-    },
-    changeSwitch(e) {
-      this.setData({
-        isdefault: e.detail
-      })
-    },
-    // 所有输入框校验
-    checkValue(val) {
-      let flag = true;
-      for (let item of val) {
-        switch (item.key) {
-          case "receiver":
-            if (item.value || item.value.length > 0) {
-              continue;
-            } else {
-              flag = "请填写收货人姓名";
-              return flag;
-            }
-            break
-          case "phone":
-            if (item.value || item.value.length > 0) {
-              if (/^[1]([3-9])[0-9]{9}$/.test(item.value)) {
-                continue;
-              } else {
-                flag = "手机号格式错误";
-                return flag;
-              }
-            } else {
-              flag = "请填写手机号码";
-              return flag;
-            }
-            break
-          case "area":
-            if (item.value || item.value.length > 0) {
-              continue;
-            } else {
-              flag = "请选择所在地区";
-              return flag;
-            }
-            break
-          case "detail":
-            if (item.value || item.value.length > 0) {
-              continue;
-            } else {
-              flag = "请填写详细地址";
-              return flag;
-            }
-            break
-          default:
-            break;
-        }
-      }
-      return true;
-    },
-  }
+// src/ConfirmOrder/components/AddressEdit/index.js
+import {
+  getCityList,
+  getAddressInfo,
+  deleteAddress,
+  updateAddress,
+  createAddress
+} from "../../../common/api/confirmOrder"
+import Dialog from '@vant/weapp/dialog/dialog';
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  options: {
+    styleIsolation: 'shared',
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    addressList: {
+      type: Array,
+      value: () => [],
+    },
+    addressInfo: {
+      type: Object,
+      value: () => {},
+    },
+    addressQuery: {
+      type: Object,
+      value: () => {},
+    },
+    isShowEditAddress: {
+      type: Boolean,
+      value: false,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    // 客户信息等
+    address: {
+      receiver: "",
+      phone: "",
+      area: "",
+      detail: "",
+      province: "",
+      city: "",
+      county: "",
+    },
+    cityList: [],
+    isdefault: false, // 是否默认收货地址
+    showArea: false, // 省市区显隐
+    areaList: {}, // 省市区数据
+    selectCountyId: '', // 选中的城市id
+  },
+  lifetimes: {
+    attached: async function () {
+      // 编辑需要调这个接口
+      if (this.data.addressQuery && this.data.addressQuery.id) {
+        let params = {
+          address_id: this.data.addressQuery.id
+        }
+        let result = await getAddressInfo(params)
+        this.initAddressInfo(result)
+      }
+      this.initCityList()
+    },
+  },
+  computed: {
+    // //用于标示进入编辑页时是新增（new）/编辑（edit）
+    isNew(data) {
+      return !data.addressQuery.id;
+    },
+    // // 用于标示是否第一次新增地址
+    haveAddress(data) {
+      return data.addressQuery.haveAddress;
+    },
+    // // 用于标示页面是来自订单(true)还是个人中心(false)
+    pageFlag(data) {
+      return data.addressQuery.selectable;
+    },
+    // 用于正则校验每个输入框的数组
+    dataArray(data) {
+      let arr = [];
+      for (const item in data.address) {
+        arr.push({
+          key: item,
+          value: data.address[item],
+        });
+      }
+      return arr;
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 保存地址
+    saveAddress(e) {
+      if (!e.detail?.noCheck) {
+        let flag = this.checkValue(this.data.dataArray);
+        if (flag !== true) {
+          wx.showToast({
+            title: flag,
+            icon: 'none',
+            duration: 2000
+          })
+          return;
+        }
+      }
+      let request = this.data.isNew ? createAddress : updateAddress
+      if (e.detail.provinceName) {
+        request = createAddress
+      }
+      let params = {
+        receiver: e.detail.provinceName ? e.detail.userName : this.data.address.receiver, // 收件人
+        phone: e.detail.provinceName ? e.detail.telNumber : this.data.address.phone, // 手机号码
+        province: e.detail.provinceName ? e.detail.provinceName : this.data.address.province, // 省
+        city: e.detail.provinceName ? e.detail.cityName : this.data.address.city, // 市
+        county: e.detail.provinceName ? e.detail.countyName : this.data.address.county, //区/县
+        detail: e.detail.provinceName ? e.detail.detailInfo : this.data.address.detail, // 详细地址
+        is_default: e.detail.provinceName ? 0 : (this.data.isdefault ? 1 : 0), // 是否设为默地址,
+        id: e.detail.provinceName ? null : (this.data.address.id || null),
+      };
+      console.log(params);
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      request(params).then(res => {
+          if (res.data.code === 0) {
+            this.triggerEvent("updataData", {
+              addressInfo: {
+                ...params,
+                ...res.data.data,
+              },
+              isShowEditAddress: false
+            })
+            this.triggerEvent("initConfirmOrderInfo")
+          }
+        }).catch((err) => console.log(err))
+        .finally(() => {
+          wx.hideLoading()
+        })
+    },
+    // 删除地址
+    deleteAddress() {
+      Dialog.confirm({
+          context: this,
+          message: '是否确认删除地址？',
+        }).then(() => {
+          let params = {
+            id: this.data.address.id
+          }
+          wx.showLoading({
+            mask: true,
+            title: '加载中'
+          })
+          deleteAddress(params).then(res => {
+              if (res.data.code === 0) {
+                if (this.data.addressInfo.id === this.data.address.id) {
+                  this.triggerEvent("updataData", {
+                    addressInfo: {},
+                  })
+                }
+                this.triggerEvent("updataData", {
+                  isShowEditAddress: false
+                })
+                this.triggerEvent("initConfirmOrderInfo")
+              }
+            }).catch((err) => console.log(err))
+            .finally(() => {
+              wx.hideLoading()
+            })
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    // 选择省市区---确认
+    confirmArea(e) {
+      let data = e.detail.values
+      this.setData({
+        showArea: false,
+        ['address.province']: data[0] ? data[0].name : '',
+        ['address.city']: data[1] ? data[1].name : '',
+        ['address.county']: data[2] ? data[2].name : '',
+        ['address.area']: data.map(res => res.name).join("/")
+      })
+      // this.addressChanged = true;
+    },
+    // 获取收货地址信息
+    initCityList() {
+      const areaList = {
+        province_list: {},
+        city_list: {},
+        county_list: {},
+      }
+      getCityList().then(res => {
+        if (res.data.code === 0) {
+          this.setData({
+            cityList: res.data.data
+          })
+          // 省
+          this.data.cityList.forEach(province => {
+            if (province.name === this.data.address.province) {
+              this.setData({
+                selectCountyId: province.region_id
+              })
+            }
+            areaList.province_list[province.region_id] = province.name
+            // 市
+            province.cities.forEach(city => {
+              if (province.name === this.data.address.province && city.name === this.data.address.city) {
+                this.setData({
+                  selectCountyId: city.region_id
+                })
+              }
+              areaList.city_list[city.region_id] = city.name
+              // 区
+              city.counties.forEach(county => {
+                if (
+                  province.name === this.data.address.province &&
+                  city.name === this.data.address.city &&
+                  county.name === this.data.address.county
+                ) {
+                  this.setData({
+                    selectCountyId: county.region_id
+                  })
+                }
+                areaList.county_list[county.region_id] = county.name
+              })
+            })
+          })
+          this.setData({
+            areaList
+          })
+        }
+      })
+    },
+    // 编辑时获取地址详情回填
+    initAddressInfo(res) {
+      if (res.data.code === 0) {
+        let {
+          province,
+          city,
+          county
+        } = res.data.data
+        res.data.data.area =
+          `${province}` +
+          (city ? `/${city}` : "") +
+          (county ? `/${county}` : "");
+        this.setData({
+          address: res.data.data,
+          isdefault: res.data.data.is_default == 1
+        })
+      }
+    },
+    changeMsg(event) {
+      let newData = `address.${event.currentTarget.dataset.type}`
+      this.setData({
+        [newData]: event.detail
+      })
+    },
+    changeTel(event) {
+      const phone = event.detail;
+      if (phone) {
+        // 只能输入整数
+        if (!/^\d+$/.test(phone)) {
+          this.setData({
+            ['address.phone']: this.data.address.phone
+          })
+          return false
+        }
+      }
+      this.setData({
+        ['address.phone']: phone
+      })
+    },
+    // 显示省市区
+    showArea() {
+      this.setData({
+        showArea: !this.data.showArea
+      })
+    },
+    changeSwitch(e) {
+      this.setData({
+        isdefault: e.detail
+      })
+    },
+    // 所有输入框校验
+    checkValue(val) {
+      let flag = true;
+      for (let item of val) {
+        switch (item.key) {
+          case "receiver":
+            if (item.value || item.value.length > 0) {
+              continue;
+            } else {
+              flag = "请填写收货人姓名";
+              return flag;
+            }
+            break
+          case "phone":
+            if (item.value || item.value.length > 0) {
+              if (/^[1]([3-9])[0-9]{9}$/.test(item.value)) {
+                continue;
+              } else {
+                flag = "手机号格式错误";
+                return flag;
+              }
+            } else {
+              flag = "请填写手机号码";
+              return flag;
+            }
+            break
+          case "area":
+            if (item.value || item.value.length > 0) {
+              continue;
+            } else {
+              flag = "请选择所在地区";
+              return flag;
+            }
+            break
+          case "detail":
+            if (item.value || item.value.length > 0) {
+              continue;
+            } else {
+              flag = "请填写详细地址";
+              return flag;
+            }
+            break
+          default:
+            break;
+        }
+      }
+      return true;
+    },
+  }
 })