xiaoe_mp_npm 0.2.1 → 0.2.2-beta1

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

@@ -1,831 +0,0 @@
-// 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");
-    },
-  }
-})