From ae43c2bc000691cbb8e3881298284b9256b00142 Mon Sep 17 00:00:00 2001
From: 石广澎 <shiguangpeng@163.com>
Date: 星期二, 14 一月 2025 15:16:08 +0800
Subject: [PATCH] feat(支付):防止用户多次点击
---
pay/scanpay.vue | 124 ++++++++++++++++++++++------------------
1 files changed, 68 insertions(+), 56 deletions(-)
diff --git a/pay/scanpay.vue b/pay/scanpay.vue
index afecb67..e5f8719 100644
--- a/pay/scanpay.vue
+++ b/pay/scanpay.vue
@@ -13,15 +13,9 @@
<view class="u-p-24 bg-fff u-m-32 u-br-10">
<view class="u-flex u-row-between">
<view class="u-font-28 color-666">閲戦</view>
- <view @click="buyerNote='';showRemark=true;" class="remark">娣诲姞澶囨敞</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>
@@ -52,7 +46,7 @@
</wx-open-launch-weapp>
</view>
</view>
- <block v-if="payWay==2&&shopInfo.userCouponFlag==1">
+ <block v-if="useCoupon">
<view class="bg-fff u-m-32 u-br-10">
<view class="u-flex u-p-24 u-border-bottom">
<!-- <u-icon name="coupon-fill" size="60rpx" color="#D31F28"></u-icon> -->
@@ -157,8 +151,8 @@
} from 'common/config.js';
import {
queryShopByCid,
- queryShopByShopId,
- getOnlineId,
+ queryShopByOnlineId,
+ queryShopByActQrId,
userLogin,
queryUseSweepPayCoupon,
getWechatConfigInfo,
@@ -171,23 +165,25 @@
export default {
data() {
return {
- smoney: '',
tips: '璇ュ晢鎴锋殏鏈紑閫氭敮浠樺姛鑳�',
+ payLoading: false,
loading: false,
remark: '',
buyerNote: '',
showRemark: false,
UNIONID: null,
- payWay: this.$utils.getPlat(), //2 寰俊 5鏀粯瀹� 15浜戦棯浠�
+ payWay: this.$utils.getPlat(), //2 寰俊鍏紬鍙� 3寰俊灏忕▼搴� 5鏀粯瀹� 15浜戦棯浠�
cid: '', //鐮佺墝id C鎵獴闈欐�佺爜鏃舵湁
activityQrcodeId: '', //鍔ㄦ�佹敹娆剧爜 C鎵獴鍔ㄦ�佺爜鏃舵湁
shopId: '', //鍟嗘埛id C鎵獴鍔ㄦ�佺爜鏃舵湁
bordShow: false, // 鏄剧ず閿洏
- orderId: '', //鍐�浼橀偖绾夸笂璁㈠崟id
+ onlineId: '', //鍐�浼橀偖绾夸笂璁㈠崟id
+ orderId: '', //
shopInfo: {
cusid: '',
shopName: '',
logoImage: '',
+ checkLocation: false,
scanFlag: -1,
useScoreFlag: -1, //鍟嗛摵鏄惁鍙敤绉垎 0鍚� 1鏄�
userCouponFlag: -1, //鍟嗛摵鏄惁鍙敤浼樻儬鍒� 0鍚� 1鏄�
@@ -213,6 +209,12 @@
};
},
computed: {
+ useCoupon() {
+ if(this.onlineId){
+ return this.couponInfo.id!=''
+ }
+ return this.payWay==2&&this.shopInfo.userCouponFlag==1
+ },
discount1() {
if(!(this.money || 0)||!this.checkCoupon.id){
return 0
@@ -246,34 +248,26 @@
}
},
onLoad(opt) {
- uni.setStorageSync('CID', opt.cid)
- uni.setStorageSync('SHOPID', opt.shopId)
- uni.setStorageSync('ORDERID', opt.orderId)
- 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 {
- this.bordShow = true
- }
- if (opt.orderId) {
- this.orderId = opt.orderId
- this.init()
- }
- if (opt.activityQrcodeId) {
- this.activityQrcodeId = opt.activityQrcodeId
- }
- if (opt.shopId) {
- this.shopId = opt.shopId
- this.init()
- }
+
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
+ this.shopId = opt.shopId
+ this.init()
+ } else {
+ this.shopInfo.scanFlag = 0
+ this.loading = false
+ this.tips = '璇锋壂鎻忓唨椹夸粯鐮佺墝锛�'
}
+
if (opt.code || opt.auth_code || opt.userAuthCode) {
let params = {
code: opt.code
@@ -349,14 +343,14 @@
uni.setStorageSync(ACCESSTOKEN, res.token)
uni.setStorageSync('IS_NEW', res.isNew)
this.isNew = res.isNew
- if (!res.isNew && !uni.$u.test.isEmpty(this.money)) {
+ if (!this.onlineId&&!res.isNew && !uni.$u.test.isEmpty(this.money)) {
this.queryUseSweepPayCoupon()
}
},
/*鎺堟潈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 || ''}`)
+ 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`
@@ -378,6 +372,10 @@
},
// 灞曠ず閿洏
showBord() {
+ if(this.onlineId||this.activityQrcodeId){
+ this.bordShow = false;
+ return
+ }
this.bordShow = true;
},
init() {
@@ -397,16 +395,16 @@
cid: this.cid
}
}
- if (this.shopId) {
- api = queryShopByShopId
+ if (this.activityQrcodeId) {
+ api = queryShopByActQrId
params = {
- shopId: this.shopId
+ activityQrcodeId: this.activityQrcodeId
}
}
- if (this.orderId) {
- api = getOnlineId
+ if (this.onlineId) {
+ api = queryShopByOnlineId
params = {
- onlineId: this.orderId
+ onlineId: this.onlineId
}
}
//鑾峰彇鍟嗛摵淇℃伅
@@ -419,8 +417,11 @@
res.logoImage = config.baseURL + res.logoImage
}
this.shopInfo = res
- if(this.orderId){
- this.money = res.totaPrice
+ if(res.total){
+ this.money = this.$utils.fenToYuan(res.total)
+ }
+ if(this.onlineId){
+ this.money = this.$utils.fenToYuan(res.totalPrice)
if(res.couponId){
this.couponInfo = {
id: res.couponId,
@@ -453,15 +454,11 @@
});
wx.ready( ()=> {
wx.hideAllNonBaseMenuItem();
- if(CHECK_LOCATION){
- this.wxGetLocation(null)
- }
})
})
}
if(this.payWay == 5){
ap.hideOptionButton();
- this.apGetLocation(null)
}
},
apGetLocation(callback){
@@ -474,7 +471,7 @@
}else{
uni.showModal({
title: '鎻愮ず',
- content: "鑾峰彇鍦扮悊浣嶇疆澶辫触锛屾棤娉曡繘琛屾敮浠橈紒",
+ content: "鑾峰彇鍦扮悊浣嶇疆澶辫触锛屾棤娉曡繘琛屾敮浠橈紒璇锋墦寮�鎵嬫満瀹氫綅鏉冮檺骞跺悓鎰忚幏鍙栦綅缃悗閲嶈瘯!",
confirmText: '閲嶆柊鎺堟潈',
cancelText: '閫�鍑�',
success: ret=>{
@@ -499,7 +496,7 @@
}else{
uni.showModal({
title: '鎻愮ず',
- content: "鑾峰彇鍦扮悊浣嶇疆澶辫触锛屾棤娉曡繘琛屾敮浠橈紒",
+ content: "鑾峰彇鍦扮悊浣嶇疆澶辫触锛屾棤娉曡繘琛屾敮浠橈紒璇锋墦寮�鎵嬫満瀹氫綅鏉冮檺骞跺悓鎰忚幏鍙栦綅缃悗閲嶈瘯!",
confirmText: '閲嶆柊鎺堟潈',
cancelText: '閫�鍑�',
success: ret=>{
@@ -516,7 +513,7 @@
},
// 鑾峰彇浼氬憳鐩稿叧淇℃伅
showCoupon() {
- if(this.orderId){
+ if(this.onlineId){
return
}
if (this.UNIONID||this.payWay==5) {
@@ -597,8 +594,13 @@
return
}
this.bordShow = false
+ if (this.payLoading) return
+ this.payLoading = true
// 閲戦 this.money
- uni.showLoading()
+ uni.showLoading({
+ title: '涓嬪崟涓�',
+ mask: true
+ })
let params = {
money: this.$utils.accMul(this.money,100),
shopId: this.shopInfo.id,
@@ -615,8 +617,8 @@
if (this.cid) {
params.cid = this.cid
}
- if (this.orderId) {
- params = {onlineId: this.onlineId}
+ if (this.onlineId) {
+ params.onlineId = this.onlineId
}
//鐢熸垚璁㈠崟
saveOrder(params).then(res => {
@@ -639,6 +641,7 @@
console.error(e);
}
}).catch(() => {
+ this.payLoading = false
uni.hideLoading()
})
},
@@ -655,6 +658,7 @@
"paySign": res.paySign //寰俊绛惧悕
},
(res) => {
+ this.payLoading = false
if (res.err_msg == "get_brand_wcpay_request:ok") {
// 浣跨敤浠ヤ笂鏂瑰紡鍒ゆ柇鍓嶇杩斿洖,寰俊鍥㈤槦閮戦噸鎻愮ず锛�
//res.err_msg灏嗗湪鐢ㄦ埛鏀粯鎴愬姛鍚庤繑鍥瀘k锛屼絾骞朵笉淇濊瘉瀹冪粷瀵瑰彲闈犮��
@@ -672,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
@@ -690,11 +695,18 @@
});
},
closeOrder() {
+ uni.showLoading({
+ title: '鍙栨秷鏀粯涓�',
+ mask: true
+ })
closeOrder({
params: {
id: this.orderId,
}
}).then(res => {
+ uni.hideLoading()
+ }).catch(()=>{
+ uni.hideLoading()
})
}
}
--
Gitblit v1.9.1