xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.js

@@ -0,0 +1,831 @@
+// src/ConfirmOrder/components/ConfirmOrderContent/index.js
+import {
+  getConfirmOrderDetail,
+  getExpressSwitch,
+  getPickerInfo,
+  getGoodsPackage,
+  getSuperVipInfo,
+  getBusinessFeature,
+  getMarketingInfo,
+  getPrePayInfoV3,
+  getShopConf
+} from "../../../common/api/confirmOrder"
+import {
+  isEmptyObject
+} from "../../../common/utils/index"
+import {
+  postCouponList
+} from "../../../common/utils/postCouponList"
+import {
+  MEMBER,
+  SPECIAL_COLUMN,
+  BIG_SPECIAL_COLUMN,
+  TRAINING_CAMP,
+} from "../../../common/utils/constants.js";
+import {
+  debounce
+} from "../../../common/utils/tool.js"
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    baseInfoQuery: {
+      type: Object,
+      value: () => {},
+    },
+    isCart: {
+      type: Number,
+      value: 0,
+    },
+    isTeam: {
+      type: Boolean,
+      default: false,
+    },
+    aliveInfo:{
+      type: Object,
+      value:{}
+    },
+    sensorReportParams:{
+      type: Object,
+      value:{}
+    }
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    activeMode: 0, // 0：快递配送，1：自提
+    express_type: 1, // 接口下发配送信息 1-快递配送 2-商品自提
+    userCanPick: 1, // 商家是否支持自提 1支持 0不支持
+    shopConf: {},
+    confirmOrderInfo: {
+      // 订单页详细信息(通过查询接口拿到)
+      app_info: {},
+      goods_info: {},
+    },
+    distributionMode: 0, // 配送方式 -1全部 1快递配送 2商品自提 （目前只支持实物商品，非实物商品返回0）
+    resource_id: "",
+    addressInfo: {}, // 地址信息（非自提）
+    pickerUserInfo: {}, // 自提人信息
+    hasEntityGoods: false, // 商品套餐是否包含实物商品
+    superVipInfo: {}, // 超级会员信息
+    businessConf: {},
+    marketingData: {}, //营销数据
+    isShowPoint: false, // 是否显示选择提货点组件
+    isShowSelectShipper: false, // 是否显示选择提货人组件
+    isShowCreateShipper: false, // 是否显示新增、编辑提货人组件
+    isShowAddressManage: false, // 是否显示地址管理组件（非自提）
+    isShowEditAddress: false, // 是否显示新建、编辑组件（非自提）
+    addressQuery: {}, // 地址相关组件需要的入参
+    marketingDataLoaded: false, //营销数据加载
+    cartInfoLoaded: false, //购物车数据加载
+    addressInfoLoaded: false, //地址信息加载
+    backType: 0, // 弹框顶部返回按钮操作
+    backPage: 1, // 1：确认订单页面大组件
+    shipperType: 1, // 1：新建自提人；2：编辑自提人
+    checkList: {}, // 支付前校验信息
+    beforePay: {}, // 支付前校验函数
+    afterPay: {}, // 支付后的参数
+    afterPayCallback: {}, // 支付后回调
+    payParams: {},
+    prePayParams: {}, //批价信息参数
+    getPrePayInfoReset: null, // 批价防抖函数回调
+    //错误信息
+    errMsg: {
+      10309: "该商品已售罄",
+      30201: "商家未设置支付方式，请联系商家处理",
+      30202: "支付失败，请联系商家处理",
+      10029: "已拥有，不可重复购买",
+      10067: "该商品已下架，不支持继续购买！",
+      10100: "该商品可能已下架或价格变更，请稍后再试。",
+      10306: "拼团失败，请刷新重试。",
+      10308: "活动即将开始",
+      10310: "商家正努力补货中",
+      10312: "未预约该活动",
+      20012: "购买数量超过活动限制。",
+      20020: "该团已满，请重新下单。",
+      20021: "该活动已结束。",
+      20011: "您已参与本团，不可重复参与。",
+      20077: "配送区域已更新，此收货地址超出配送范围，请重新选择",
+      20023: "单笔订单最多可购买1000件",
+    },
+  },
+
+  options: {
+    addGlobalClass: true
+  },
+
+  lifetimes: {
+    attached: async function () {
+      // 在组件实例进入页面节点树时执行
+      // 初始化数据
+      this.initData();
+      if (this.data.baseInfoQuery?.isCollectCoupons) {
+        const {
+          resource_id,
+          resource_type,
+          spu_id
+        } = this.data.baseInfoQuery
+        await postCouponList(spu_id || resource_id, resource_type).then(() => {
+          wx.showToast({
+            title: '您已享有最佳优惠，下单更优惠~',
+            icon: 'none',
+            duration: 2000
+          })
+        }).catch((err) => {
+          console.log("优惠券获取列表报错或者没有可领券", err)
+        })
+      }
+    },
+  },
+  computed: {
+    isShowMain(data) {
+      return (
+        !data.isShowPoint &&
+        !data.isShowSelectShipper &&
+        !data.isShowCreateShipper &&
+        !data.isShowAddressManage &&
+        !data.isShowEditAddress
+      )
+    },
+    //判断模式选择tab栏的显示和隐藏
+    showModeSelect(data) {
+      return data.distributionMode === -1 && data.userCanPick === 1;
+    },
+    // 显示地址栏的情况 商品有两种配送方式,商家关闭自提/购物车
+    showAddressSelect(data) {
+      return (
+        data.activeMode === 0 &&
+        (data.distributionMode === -1 || data.distributionMode === 1)
+      );
+    },
+    // 商品信息
+    goodsInfo(data) {
+      if (isEmptyObject(data.confirmOrderInfo.goods_info)) {
+        return data.baseInfoQuery;
+      }
+      return data.confirmOrderInfo.goods_info;
+    },
+    //通过商家是否开启自提和自提选择 决定自提组件的显示和隐藏
+    showPickSelf(data) {
+      return (
+        data.userCanPick === 1 &&
+        (data.activeMode === 1 || data.distributionMode === 2)
+      );
+    },
+    // 公共批价请求参数
+    commonPrePayParams(data) {
+      let spuType = data.baseInfoQuery.spu_type;
+      let coursePackage = [
+        MEMBER,
+        SPECIAL_COLUMN,
+        BIG_SPECIAL_COLUMN,
+        TRAINING_CAMP,
+      ];
+      let paymentType = 2;
+      if (coursePackage.includes(spuType)) {
+        paymentType = 3;
+      }
+      return {
+        pre_pay_type: data.baseInfoQuery.pre_pay_type || 1,
+        resource_id: data.baseInfoQuery.resource_id,
+        spu_id: data.baseInfoQuery.id,
+        count: data.baseInfoQuery.count,
+        // product_id: data.baseInfoQuery.id,
+        product_id: '',
+        resource_type: data.baseInfoQuery.resource_type,
+        spu_type: spuType,
+        payment_type: paymentType,
+        sku_id: data.baseInfoQuery.sku,
+      };
+    },
+    // 通过请求获取的批价参数是否都已加载完毕
+    prePayParamsInfoLoaded(data) {
+      return (
+        ((data.marketingDataLoaded && !data.isCart) ||
+          (data.isCart && data.cartInfoLoaded)) &&
+        (data.addressInfoLoaded ||
+          Object.keys(data.pickerUserInfo).length > 0 ||
+          data.activeMode === 0)
+        //加入商品自提后，这里判断是否加载完自提人消息来确定批价参数是否加载完毕
+        //每次切换提货模式时也要触发商品批价信息
+      );
+    },
+  },
+  observers: {
+    distributionMode(val) {
+      if (val === 1) {
+        this.setData({
+          express_type: val
+        })
+      } else if (val === 2) {
+        this.setData({
+          express_type: val
+        })
+      }
+    },
+    marketingData(marketingData) {
+      // 这里的逻辑应该是存在拼团的时候那么payment_type就要赋值为13，如果是限时折扣或者是单买的话，payment_type不做赋值默认为2
+      if (
+        marketingData &&
+        marketingData.payment_type &&
+        this.data.isTeam === "true"
+      ) {
+        this.payInfoChange({
+          name: "marketingData",
+          prePayParams: {
+            payment_type: marketingData.payment_type,
+          },
+        });
+      }
+      this.setData({
+        marketingDataLoaded: true
+      })
+    },
+    isShowCreateShipper(val) {
+      if (val) {
+        if (this.data.shipperType === 1) {
+          this.triggerEvent("changeSheetInfo", {
+            title: "新建提货人",
+          })
+        } else {
+          this.triggerEvent("changeSheetInfo", {
+            title: "编辑提货人",
+          })
+        }
+        this.triggerEvent("changeSheetInfo", {
+          showClose: false,
+          showBack: true,
+        })
+        this.setData({
+          backType: 3
+        })
+      } else {
+        this.backClick();
+      }
+    },
+    showPickSelf(val) {
+      if (!val) {
+        this.payInfoChange({
+          name: "pickerUserInfo",
+          errMsg: "",
+        });
+        this.payInfoChange({
+          name: "address",
+          errMsg: "",
+        });
+      }
+    },
+    isShowSelectShipper: function (newData) {
+      if (newData) {
+        this.triggerEvent("changeSheetInfo", {
+          title: "选择提货人",
+          showClose: false,
+          showBack: true,
+        })
+        this.setData({
+          backType: 2
+        })
+      } else {
+        this.backClick();
+      }
+    },
+    isShowAddressManage(newData) {
+      if (newData) {
+        this.triggerEvent("changeSheetInfo", {
+          title: "选择地址",
+          showClose: false,
+          showBack: true,
+        })
+        this.setData({
+          backType: 4
+        })
+      } else {
+        if (!this.data.isShowEditAddress) {
+          this.backClick()
+        }
+      }
+    },
+    isShowEditAddress(newData) {
+      if (newData) {
+        this.triggerEvent("changeSheetInfo", {
+          title: "地址编辑",
+          showClose: false,
+          showBack: true,
+        })
+        this.setData({
+          backType: 5
+        })
+      } else {
+        this.backClick()
+      }
+    },
+    isShowPoint: function (newData) {
+      if (newData) {
+        this.triggerEvent("changeSheetInfo", {
+          title: "提货地址",
+          showClose: false,
+          showBack: true,
+        })
+        this.setData({
+          backType: 1
+        })
+      } else {
+        this.backClick();
+      }
+    },
+    prePayParamsInfoLoaded(val) {
+      if (val) {
+        let obj = {
+          ...this.data.commonPrePayParams,
+          ...this.data.prePayParams,
+        }
+        this.setData({
+          getPrePayInfoReset: this.getPrePayInfo(obj)
+        })
+      }
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 初始化店铺设置信息
+    initShopConf() {
+      getShopConf().then(res => {
+        if (res.data.code === 0) {
+          this.setData({
+            shopConf: res.data.data
+          })
+        }
+      })
+    },
+    // 做防抖处理，避免短时间触发多次批价
+    getPrePayInfo: debounce(function (payload) {
+      // console.log("val: ", val);
+      // let payload = val[0]
+      if (!payload["resource_id"]) {
+        payload = {
+          ...payload,
+          resource_id: this.data.resource_id,
+        };
+      }
+      this.setData({
+        prePayParams: payload
+      })
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      return getPrePayInfoV3(payload).then(res => {
+          wx.hideLoading()
+          if (res.data.code === 0) {
+            this.setData({
+              prePayInfo: res.data.data
+            })
+          } else {
+            this.handlePreErrorCode(res.data);
+          }
+          if (wx.getStorageSync('toastWarn')) {
+            wx.showToast({
+              title: "单笔订单最多可购买1000件",
+              icon: 'none',
+              duration: 2000
+            })
+            setTimeout(() => {
+              wx.removeStorage({
+                key: "toastWarn"
+              })
+            }, 3000)
+          }
+          if (res.data.code === 10310 || res.data.code === 10309) {
+            this.setData({
+              ["checkList.order"]: "商家努力补货中"
+            })
+          } else {
+            this.setData({
+              ["checkList.order"]: ""
+            })
+          }
+        }).catch((err) => console.log(err))
+    }, 1000),
+    handlePreErrorCode(res) {
+      if (res.code !== 20077) {
+        this.handleErrorCode(res);
+      }
+    },
+    handleErrorCode(res) {
+      // 重复支付错误code特殊逻辑，不做toast处理，弹窗处理
+      if (res.code === 20022) {
+        return;
+      }
+
+      if (res.code === 10061001) {
+        wx.showToast({
+          title: "订单信息有变化, 请刷新后重试",
+          icon: 'none',
+          duration: 2000
+        })
+        setTimeout(() => {
+          this.onLoad()
+        }, 1000);
+        return;
+      }
+      wx.showToast({
+        title: this.data.errMsg[res.code] || res.msg,
+        icon: 'none',
+        duration: 2000
+      })
+    },
+    /**
+     * @description: 支付参数改变事件，用于约束各业务测支付参数传参
+     * @param {string}  data.name      业务侧名称，用于区分各业务侧参数
+     * @param {string}  data.errMsg    [同步校验]业务侧参数提示信息，用于支付前判断，目前主要用于判空提示(若为disabled标明只禁止提交，不弹提示。如信息采集，必须等信息采集加载完才能进行提交)
+     * @param {promise} data.beforePay [异步校验]业务侧用于进行支付前校验的校验方法, 这里为一个function，并返回一个Promise，resolve返回校验成功true或者校验失败false
+     * @param {object}  data.prePayParams 业务侧涉及的批价参数，当有此参数时，会触发重新批价
+     * @param {object}  data.payParams 业务侧涉及的支付参数，用于支付时传参
+     * @param {object}  data.afterPay  业务侧支付后使用的一些参数  callBack: 支付完成后回调，支付完成后就只执行此回调方法，回调可返回支付完成后的跳转页面;
+     *                                 srcUrl:支付失败跳转页面；backUrl: 支付成功跳转页面
+     * @param {Boolean} data.triggerPrePay  本次修改是否触发批价
+     */
+    payInfoChange(val) {
+      let data = {};
+      val.detail ? data = val.detail : data = val
+      this.setData({
+        [`checkList.${data.name}`]: data.errMsg || ""
+      })
+      if (data.beforePay) {
+        this.setData({
+          [`beforePay.${data.name}`]: data.beforePay
+        })
+      }
+      if (data.afterPay) {
+        let {
+          callBack,
+          ...others
+        } = data.afterPay;
+        this.setData({
+          afterPay: {
+            ...this.data.afterPay,
+            ...others,
+          }
+        })
+        if (callBack) {
+          this.setData({
+            [`afterPayCallback.${data.name}`]: callBack
+          })
+        }
+      }
+      // 支付参数处理
+      if (data.payParams) {
+        this.setData({
+          payParams: {
+            ...this.data.payParams,
+            ...data.payParams,
+          }
+        })
+      }
+      if (data.prePayParams) {
+        // 更新业务批价参数
+        this.setData({
+          prePayParams: {
+            ...this.data.prePayParams,
+            ...data.prePayParams,
+          }
+        })
+        if (this.data.prePayParamsInfoLoaded && data.triggerPrePay !== false) {
+          let obj = {
+            ...this.data.commonPrePayParams,
+            ...this.data.prePayParams,
+          }
+          this.setData({
+            getPrePayInfoReset: this.getPrePayInfo(obj)
+          })
+        }
+      }
+    },
+    // 返回箭头点击事件
+    backClick() {
+      switch (this.data.backType) {
+        case 1:
+          this.triggerEvent("changeSheetInfo", {
+            title: "确认订单",
+            showClose: true,
+            showBack: false,
+          })
+          this.setData({
+            isShowPoint: false,
+            backType: 0
+          })
+          break;
+        case 2:
+          this.triggerEvent("changeSheetInfo", {
+            title: "确认订单",
+            showClose: true,
+            showBack: false,
+          })
+          this.setData({
+            isShowSelectShipper: false,
+            backType: 0
+          })
+          break;
+        case 3:
+          if (this.data.backPage === 1) {
+            this.triggerEvent("changeSheetInfo", {
+              title: "确认订单",
+              showBack: false,
+            });
+          } else {
+            this.setData({
+              isShowSelectShipper: true,
+            })
+            this.triggerEvent("changeSheetInfo", {
+              title: "选择提货人",
+              showBack: true,
+            });
+          }
+          this.triggerEvent("changeSheetInfo", {
+            showClose: true,
+          });
+          this.setData({
+            isShowCreateShipper: false,
+            backType: 0
+          })
+          break;
+        case 4:
+          this.setData({
+            isShowAddressManage: false,
+            backType: 0
+          })
+          this.triggerEvent("changeSheetInfo", {
+            title: "确认订单",
+            showClose: true,
+            showBack: false,
+          })
+          break;
+        case 5:
+          this.setData({
+            isShowEditAddress: false,
+            backType: 0
+          })
+          this.triggerEvent("changeSheetInfo", {
+            title: "确认订单",
+            showClose: true,
+            showBack: false,
+          })
+          break;
+      }
+    },
+    // 供子组件修改父组件值
+    updataData(e) {
+      this.setData({
+        ...e.detail
+      })
+    },
+    async handleInfo() {
+      let result = await this.initConfirmOrderInfo();
+      this.handleOrderInfo(result);
+      wx.hideLoading()
+    },
+    // 初始化数据，请求相应接口
+    async initData() {
+      if (!this.data.shopConf || isEmptyObject(this.data.shopConf)) {
+        // 页面刷新重新初始化店铺设置信息
+        this.initShopConf();
+      }
+      let result = await this.initConfirmOrderInfo();
+      this.handleOrderInfo(result);
+      this.initDeliveryState();
+      this.initPickerInfo();
+      this.initGoodsPackage();
+      this.initSuperVipInfo();
+      this.initBusinessFeatureConf();
+      if (!this.data.isCart) {
+        this.initMarketingData();
+      }
+    },
+    // 获取营销活动信息
+    initMarketingData() {
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      let params = {
+        spu_id: this.data.baseInfoQuery.id,
+        spu_type: this.data.baseInfoQuery.spu_type,
+        resource_type: this.data.baseInfoQuery.resource_type,
+      }
+      getMarketingInfo(params).then(val => {
+          let res = val.data;
+          if (res.code === 0) {
+            let marketing_info = res.data.marketing_info;
+            if (
+              marketing_info?.activity_type === 3 &&
+              !(
+                (marketing_info?.all_stock > 0 &&
+                  marketing_info?.now_stock > 0) ||
+                marketing_info?.all_stock == 0
+              ) &&
+              ![21, 29, 41, 42].includes(marketing_info.resource_type)
+            ) {
+              // 这里的逻辑要注意，如果接口返回了营销信息但工程拿不到的话，问题就在这里。
+              // 如果是限时折扣，且达到了限量后，就应该不显示限时折扣的信息了，我选择在源头就断了这个数据，但保留了推广员的信息
+              // 且这里不能是多规格的商品，因为多规格的商品没有限量的设置，如果你看到的时候已经准备有了，麻烦跟产品说这需求咱不接，咱不受这鸟气
+              res.data.marketing_info = null;
+            }
+            this.setData({
+              marketingData: res.data
+            })
+          } else {
+            this.setData({
+              marketingDataLoaded: true
+            })
+          }
+        }).catch((err) => console.log(err))
+        .finally(() => {
+          // // wx.hideLoading()
+        })
+    },
+    // 业务特性信息
+    initBusinessFeatureConf() {
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      let params = {
+        spu_id: this.data.baseInfoQuery.id
+      }
+      getBusinessFeature(params).then(res => {
+          if (res.data.code === 0) {
+            this.setData({
+              businessConf: res.data.data
+            })
+          }
+        }).catch((err) => console.log(err))
+        .finally(() => {
+          // wx.hideLoading()
+        })
+    },
+    // 获取超级会员相关信息
+    initSuperVipInfo() {
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      let params = {
+        resource_id: this.data.baseInfoQuery.resource_id || this.data.resource_id,
+        resource_type: this.data.baseInfoQuery.resource_type,
+      };
+      getSuperVipInfo(params).then(res => {
+          if (res.data.code === 0) {
+            this.setData({
+              superVipInfo: res.data.data
+            })
+          }
+        }).catch((err) => console.log(err))
+        .finally(() => {
+          // wx.hideLoading()
+        })
+    },
+    // 商品的套餐信息
+    initGoodsPackage() {
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      let params = {
+        spu_id: this.data.baseInfoQuery.spu_id,
+      }
+      getGoodsPackage(params).then(res => {
+          let {
+            code,
+            data: goodsPackage
+          } = res.data
+          if (code === 0) {
+            this.setData({
+              hasEntityGoods: goodsPackage.entity_goods_num > 0 ? true : false
+            })
+            if (this.data.baseInfoQuery.spu_type != "ENT" && goodsPackage.has_package) {
+              this.setData({
+                distributionMode: goodsPackage.package_delivery
+              })
+            }
+          }
+        }).catch((err) => console.log(err))
+        .finally(() => {
+          // wx.hideLoading()
+        })
+    },
+    // 进入页面 初始化自提人信息
+    initPickerInfo() {
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      getPickerInfo().then(res => {
+          if (res.data.code === 0) {
+            this.setData({
+              pickerUserInfo: res.data.data || {}
+            })
+          }
+        }).catch((err) => console.log(err))
+        .finally(() => {
+          // wx.hideLoading()
+        })
+    },
+    // 初始化订单页基本信息
+    initConfirmOrderInfo() {
+      let {
+        id,
+        resource_type,
+        spu_type,
+        sku
+      } = this.data.baseInfoQuery
+      let params = {
+        spu_id: id,
+        resource_type,
+        spu_type,
+        address_id: this.data.addressInfo.id || "",
+        sku_id: sku || "",
+      }
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      return getConfirmOrderDetail(params)
+    },
+    // 处理初始化订单页基本信息
+    handleOrderInfo(val) {
+      let res = val.data
+      if (res.code === 0) {
+        this.setData({
+          confirmOrderInfo: res.data,
+          resource_id: res.data.goods_info.resource_id,
+        })
+        if (this.data.baseInfoQuery.spu_type === "ENT") {
+          this.setData({
+            distributionMode: res.data.goods_info.distribution_pattern
+          })
+        }
+        if (!this.data.isCart) {
+          let addressInfo = res.data.address_info;
+          this.setData({
+            addressInfo: Array.isArray(addressInfo) || !addressInfo ? {} : addressInfo
+          })
+        }
+        if (JSON.stringify(this.data.addressInfo) != "{}") {
+          this.payInfoChange({
+            name: 'address',
+            prePayParams: {
+              address_id: this.data.addressInfo && this.data.addressInfo.id,
+            }
+          });
+        }
+      }
+    },
+    // 获取商家自提状态
+    initDeliveryState() {
+      wx.showLoading({
+        mask: true,
+        title: '加载中'
+      })
+      getExpressSwitch().then(res => {
+          if (res.data.code === 0) {
+            this.setData({
+              userCanPick: res.data.data.self_service_switch
+            })
+          }
+        })
+        .catch((err) => console.log(err))
+        .finally(() => {
+          // wx.hideLoading()
+        })
+    },
+    // 切换配送模式
+    changeMode(e) {
+      let val = e.detail;
+      let num = 0;
+      val ? num = 2 : num = 1;
+      this.setData({
+        activeMode: val,
+        express_type: num
+      })
+    },
+    // 支付成功
+    successCallback(payResult) {
+      console.log("支付成功2");
+      this.triggerEvent("successCallback", payResult.detail);
+    },
+    // 支付失败
+    failCallback() {
+      console.log("支付失败2");
+      this.triggerEvent("failCallback");
+    },
+  }
+})