feat(支付):防止用户多次点击

石广澎

2025-01-14 ae43c2bc000691cbb8e3881298284b9256b00142

 pay/scanpay.vue

@@ -15,13 +15,7 @@
          <view class="u-font-28 color-666">金额</view>
          <view v-if="!onlineId" @click="buyerNote='';showRemark=true;" class="remark">添加备注</view>
        </view>
        <view v-if="smoney" class="u-p-v-20 u-flex u-col-bottom u-border-bottom u-relative money-box">
          <view class="money-icon color-333 lh-1">¥</view>
          <view class="u-flex-1 u-flex u-col-bottom u-m-l-10" style="height: 80rpx;">
            <view class="money-num lh-1">{{ smoney }}</view>
          </view>
        </view>
        <view v-else class="u-p-v-20 u-flex u-col-bottom u-border-bottom u-relative money-box">
        <view class="u-p-v-20 u-flex u-col-bottom u-border-bottom u-relative money-box">
          <view class="money-icon color-333 lh-1">¥</view>
          <view class="u-flex-1 u-flex u-col-bottom u-m-l-10" style="height: 80rpx;">
            <view v-if="money" class="money-num lh-1">{{ money }}</view>
@@ -157,8 +151,8 @@
} from 'common/config.js';
import {
  queryShopByCid,
  queryShopByShopId,
  getOnlineId,
  queryShopByOnlineId,
  queryShopByActQrId,
  userLogin,
  queryUseSweepPayCoupon,
  getWechatConfigInfo,
@@ -171,8 +165,8 @@
export default {
  data() {
    return {
      smoney: '',
      tips: '该商户暂未开通支付功能',
      payLoading: false,
      loading: false,
      remark: '',
      buyerNote: '',
@@ -189,6 +183,7 @@
        cusid: '',
        shopName: '',
        logoImage: '',
        checkLocation: false,
        scanFlag: -1,
        useScoreFlag: -1, //商铺是否可用积分 0否 1是
        userCouponFlag: -1, //商铺是否可用优惠券 0否 1是
@@ -253,31 +248,26 @@
    }
  },
  onLoad(opt) {
    uni.setStorageSync('CID', opt.cid)
    uni.setStorageSync('SHOPID', opt.shopId)
    uni.setStorageSync('SMONEY', opt.smoney)
    uni.setStorageSync('AQCI', opt.activityQrcodeId)
    this.UNIONID = uni.getStorageSync('UNIONID') || null
    this.isNew = uni.getStorageSync('IS_NEW')
    if (opt.smoney) {
      this.smoney = opt.smoney
      this.money = opt.smoney
    }else if (opt.onlineId) {

    if (opt.cid) {
      this.bordShow = true
      this.cid = opt.cid
      this.init()
    } else if (opt.onlineId) {
      this.onlineId = opt.onlineId
      this.init()
    } else if (opt.activityQrcodeId) {
      this.activityQrcodeId = opt.activityQrcodeId
    } else {
      this.bordShow = true
    }
    if (opt.shopId) {
      this.shopId = opt.shopId
      this.init()
    } else {
      this.shopInfo.scanFlag = 0
      this.loading = false
      this.tips = '请扫描冀驿付码牌！'
    }
    if (opt.cid) {
      this.cid = opt.cid
      this.init()
    }

    if (opt.code || opt.auth_code || opt.userAuthCode) {
      let params = {
        code: opt.code
@@ -360,7 +350,7 @@
    /*授权unionid*/
    toRegister() {
      if (this.payWay == 2) {
        const redirect_uri = encodeURIComponent(`${config.webURL}/pay/scanpay?cid=${this.cid || ''}&shopId=${this.shopId || ''}&activityQrcodeId=${this.activityQrcodeId || ''}&smoney=${this.smoney || ''}&onlineId=${this.onlineId||''}`)
        const redirect_uri = encodeURIComponent(`${config.webURL}/pay/scanpay?cid=${this.cid || ''}&activityQrcodeId=${this.activityQrcodeId || ''}&onlineId=${this.onlineId||''}`)
        uni.clearStorageSync()
        window.location.href =
            `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${config.wx_appid}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect`
@@ -382,6 +372,10 @@
    },
    // 展示键盘
    showBord() {
      if(this.onlineId||this.activityQrcodeId){
        this.bordShow = false;
        return
      }
      this.bordShow = true;
    },
    init() {
@@ -401,14 +395,14 @@
          cid: this.cid
        }
      }
      if (this.shopId) {
        api = queryShopByShopId
      if (this.activityQrcodeId) {
        api = queryShopByActQrId
        params = {
          shopId: this.shopId
          activityQrcodeId: this.activityQrcodeId
        }
      }
      if (this.onlineId) {
        api = getOnlineId
        api = queryShopByOnlineId
        params = {
          onlineId: this.onlineId
        }
@@ -423,8 +417,10 @@
          res.logoImage = config.baseURL + res.logoImage
        }
        this.shopInfo = res
        if(res.total){
          this.money = this.$utils.fenToYuan(res.total)
        }
        if(this.onlineId){
          this.smoney = this.$utils.fenToYuan(res.totalPrice)
          this.money = this.$utils.fenToYuan(res.totalPrice)
          if(res.couponId){
            this.couponInfo = {
@@ -458,15 +454,11 @@
          });
          wx.ready( ()=> {
            wx.hideAllNonBaseMenuItem();
            if(CHECK_LOCATION){
              this.wxGetLocation(null)
            }
          })
        })
      }
      if(this.payWay == 5&&CHECK_LOCATION){
      if(this.payWay == 5){
        ap.hideOptionButton();
        this.apGetLocation(null)
      }
    },
    apGetLocation(callback){
@@ -602,6 +594,8 @@
        return
      }
      this.bordShow = false
      if (this.payLoading) return
      this.payLoading = true
      // 金额 this.money
      uni.showLoading({
        title: '下单中',
@@ -624,7 +618,7 @@
        params.cid = this.cid
      }
      if (this.onlineId) {
        params = {payWay: this.payWay,onlineId: this.onlineId}
        params.onlineId = this.onlineId
      }
      //生成订单
      saveOrder(params).then(res => {
@@ -647,6 +641,7 @@
          console.error(e);
        }
      }).catch(() => {
        this.payLoading = false
        uni.hideLoading()
      })
    },
@@ -663,6 +658,7 @@
              "paySign": res.paySign //微信签名
            },
            (res) => {
              this.payLoading = false
              if (res.err_msg == "get_brand_wcpay_request:ok") {
                // 使用以上方式判断前端返回,微信团队郑重提示：
                //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
@@ -680,6 +676,7 @@
      ap.tradePay({
        tradeNO: res.tradeNO
      }, (res) => {
        this.payLoading = false
        if (res.resultCode == 9000) {
          uni.navigateTo({
            url: `/pay/paySuccess?orderId=${this.orderId}&youHuiInfo=${JSON