index.vue

<template>
  <div class="domain">{{message}}</div>
</template>

<script>
import { formatTime } from "@/utils/index";
import wxPay from "@/api/wxPay";
export default {
  components: {
    // card
  },
  data() {
    return {
      message: "正在支付中",
      shopmixid: "",
      openId: "",
      options: {},
      options_orderType:'',
      // 购买会员卡新页面
      options_isCard:'',
      options_isCardTitle:'',
      batchNumber : '',
      totalMoney : ''
    };
  },
  onLoad(options) {
    wx.showLoading({
      title: "加载中"
    });
    Object.assign(this.$data, this.$options.data()); //mpvue 的混合周期 使用小程序生命周期数据未初始化
    console.log("onload//",options);
    if(options.batchNumber){
      let ordercode = JSON.parse(options.ordercode)
      ordercode.orderSn = ''
      ordercode.batchNumber = options.batchNumber
      this.options = ordercode
      this.batchNumber = ordercode.batchNumber
      console.log(JSON.parse(options.ordercode).orderSn)
      if(JSON.parse(options.ordercode).orderSn){
          this.totalMoney = Number(JSON.parse(options.ordercode).orderSn.totalAmount).toFixed(2)
        }
        
      // }
      console.log(this.totalMoney,'totalMoney')
    }else{
      this.options = JSON.parse(options.ordercode);
    }
    
    this.options_orderType = options.orderType;
    this.options_isCard= options.isCard;
    this.options_isCardTitle= options.isCardTit;
    if(options.sessionid){
       try {
          wx.setStorageSync('sessionid', options.sessionid)
        } catch (e) { }
    }
    let that = this;
    wx.getStorage({
      key: "openid",
      success(res) {
        console.log(that.options, "++++");
        console.log(res, "openid");
        that.options.openId = res.data;
        that.options.tradeType = "Mini";
        console.log("支付开始", that.options);
        that.toPay();
      },
      fail(err){
        console.log('获取err',err)
      }
    });
  },
  methods: {
    toPay() {
      wxPay
        .to_wx_pay(this.options)
        .then(res => {
          wx.hideLoading();
          if (res.data.code == 200) {
            let payData = JSON.parse(res.data.data);
            console.log('wxPay',res.data)
            payData.success = res => {
              console.log("支付成功", res, this.options);
              this.message = "支付成功";
              const orderSn = this.options.orderSn;
              let vm = this
              
              try {
                
                const subscribeMessageObj = this.$store.state.subscribeMessageObj;
                if (subscribeMessageObj && Object.keys(subscribeMessageObj).length > 0) {
                  // TODO 小程序订阅消息埋点
                  const tmplIds = [];
                  for (var key in subscribeMessageObj) {
                    // 送礼订单
                    if (this.options_orderType == 5 && (key == 'gift_be_expire' || key == 'gift_draw')) {
                      tmplIds.push(subscribeMessageObj[key]);
                    }
                    // 订单发货
                    if (key == 'order_shipment') {
                      tmplIds.push(subscribeMessageObj[key]);
                    }
                  }

                  if (tmplIds.length > 0) {
                    wx.requestSubscribeMessage({
                      tmplIds: tmplIds,
                      success(res) {
                        fn(vm)
                        console.log("message success response: ", res);
                      },
                      fail(res) {
                        fn(vm)
                        console.log("message fail response: ", res)
                      }
                    })
                  }else{
                    fn(vm)
                  }
                }else{
                  console.log('来这里了')
                  fn(this)
                }

              } catch (err) {
                console.error("subscribeMessage-err", err);
              }
              function fn(_this){
                // _this.message = "支付成功";
                if(!_this.options_isCard){
                  let query;
                  if(_this.batchNumber){
                    query = {
                      orderSn: _this.options.orderSn,
                      batchNumber : _this.batchNumber,
                      multiMerchantsFlag : 1,
                      totalMoney : _this.totalMoney
                    };
                  }else{
                    query = {
                      orderSn: _this.options.orderSn
                    };
                  }
                  
                  wx.redirectTo({
                    url: `../index/main?from=wxPay&backpath=/pay/paySuccess&params=${JSON.stringify(
                      query
                    )}`
                  });
                }else{
                    let query = {
                      cardTitle: _this.options_isCardTitle
                    }
                  wx.redirectTo({
                    url: `../index/main?from=wxPay&backpath=/pay/payCardSuccess&params=${JSON.stringify(
                      query
                    )}`
                  });
                }
              }
            };
            payData.fail = res => {
              console.log("支付失败", res, this.options.orderSn);
              this.message = "支付失败";
              if (res.errMsg='requestPayment:fail cancel') {
                wxPay.cancelPayment(this.options.orderSn).then(() => {
                  console.log("取消成功");
                });
              }
              this.toPage();
            };
            payData.complete = res => {
              console.log("支付completa", res, this.options.orderSn);
              // if (res.errMsg == "requestPayment:fail cancel") {
              //   console.log("支付取消", this.options);
              //   this.message = "支付取消";
              //   this.toPage();
              // }
            };
            wx.requestPayment(payData);
          } else {
            wx.showToast({ title: res.data.msg, icon: "none" });
          }
        })
        .catch(err => {
          wx.showToast({ title: res.data.msg, icon: "none" });
        });
    },
    toPage() {
      console.log('支付失败来这里了',this.batchNumber)
      if(this.batchNumber){
        let query = {
          multiMerchantsFlag : 1
        }
        wx.redirectTo({
          url: `../index/main?from=wxPay&backpath=/order/orderList&params=${JSON.stringify(query)}`
        });
        return
      }
      let query = {
        orderSn: this.options.orderSn,
        payList: true,
        orderListToorderDetail: true
      };
      wx.redirectTo({
        url: `../index/main?from=wxPay&backpath=/order/orderDetail&params=${JSON.stringify(
          query
        )}`
      });
    }
  }
};
</script>

<style>
.domain {
  text-align: center;
  padding-top: 50%;
}
</style>