mallplus/mallplusui-uniapp-wx/pages/order/payment/auth.vue

<template>
  <view class="content">
    <view class="content-c">

      <view class="load-text color-9">信息加载中.....</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      type: '',
      openid: '',
      orderId: '',
      state: ''
    }
  },
  onLoad(options) {
    this.orderId = options.order_id
    this.money = Number(options.money)
    this.type = Number(options.type)
    this.uid = Number(options.uid)
    this.state = this.$common.getQueryString('state')
    this.getCode()
  },
  methods: {
    getCode() {
      var code = this.$common.getQueryString('code')
      code && this.getOpenId(code)
    },
    async getOpenId(code) {
      console.log(code)
      let params = {
        code: code,
        scope: 2,
        state: this.state
      }
      //模拟接口
      let res = await Api.apiCall('get',Api.order.authCodeToOpenid,params);
      console.log(res);
      if (res) {
            this.login(data);
            console.log(data);
            this.$db.set('userInfos', data.userInfo);
            this.$db.set('token', data.tokenHead+data.token);
            uni.switchTab({
              url: '/pages/index/index'
            });

          //this.openid = res.data
        //  this.toPayHandler('wechatpay')
        } else {
          this.$common.errorToShow(res)
        }

    },
    checkWXJSBridge(data) {
      let that = this
      let interval = setInterval(() => {
        if (typeof window.WeixinJSBridge != 'undefined') {
          clearTimeout(interval)
          that.onBridgeReady(data)
        }
      }, 200)
    },
    onBridgeReady(data) {
      var _this = this
      window.WeixinJSBridge.invoke(
        'getBrandWCPayRequest',
        {
          appId: data.appid, // 公众号名称，由商户传入
          timeStamp: data.timeStamp, // 时间戳，自1970年以来的秒数
          nonceStr: data.nonceStr, // 随机串
          package: data.package,
          signType: data.signType, // 微信签名方式：
          paySign: data.paySign // 微信签名
        },
        function(res) {
          if (res.err_msg === 'get_brand_wcpay_request:ok') {
            _this.$common.successToShow('支付成功')
          } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
            _this.$common.errorToShow('取消支付')
          } else {
            _this.$common.errorToShow('支付失败')
          }
          setTimeout(() => {
            _this.$common.redirectTo(
              '/pages/order/payment/result?id=' + data.id
            )
          },1000)
        }
      )
    },
    toPayHandler(code) {
      let data = {
        payment_code: code,
        payment_type: this.type
      }
	  data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid
      //data['ids'] = this.type == 1 ? this.orderId : this.uid

      if (this.type == 1 && this.orderId) {
        // 微信jsapi支付
        if (this.openid) {
          data['params'] = {
            trade_type: 'JSAPI_OFFICIAL',
            openid: this.openid
          }
        }
      } else if (this.type == 2 && this.money) {
        if (this.openid) {
          data['params'] = {
            trade_type: 'JSAPI_OFFICIAL',
            money: this.money,
            openid: this.openid
          }
        }
      }else if ((this.type == 5 || this.type == 6) && this.recharge) {
		data['params'] = {
			trade_type: 'JSAPI_OFFICIAL',
			openid: this.openid,
			formid: this.orderId
		}
	  }
      this.$api.pay(data, res => {
        if (res.code == 200) {
          const data = res.data
          this.checkWXJSBridge(data)
        } else {
          this.$common.errorToShow(res.msg)
        }
      })
    }
  }
}
</script>

<style>
.content {
  position: relative;
  height: 80vh;
}
.content-c {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.load-img {
  width: 100upx;
  height: 100upx;
}
.load-text {
  font-size: 26upx;
}
</style>