【优化】优化支付界面业务效果,弹窗支付成功失败,改为loading遮罩层效果,防止网络堵塞杜能造成多次请求支付的问题。

This commit is contained in:
大灰灰
2022-10-15 00:27:16 +08:00
parent 481dbe3ce5
commit bfad163e8a

View File

@@ -123,7 +123,11 @@
}, },
// 用户点击支付方式处理 // 用户点击支付方式处理
toPayHandler(e) { toPayHandler(e) {
this.popShow = true; //this.popShow = true;
uni.showLoading({
title: '加载中',
mask: true
});
let code = e.target.value.code; let code = e.target.value.code;
let data = { let data = {
@@ -158,17 +162,21 @@
signType: res.data.paymentParameters.signType, signType: res.data.paymentParameters.signType,
paySign: res.data.paymentParameters.paySign, paySign: res.data.paymentParameters.paySign,
success: function (e) { success: function (e) {
console.log(e);
if (e.errMsg === 'requestOrderPayment:ok') { if (e.errMsg === 'requestOrderPayment:ok') {
_this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId }); _this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId });
} }
setTimeout(function () {
uni.hideLoading();
}, 500);
}, },
fail: function (res) { fail: function (res) {
if (res.errMsg === 'requestPayment:fail cancel') { if (res.errMsg === 'requestPayment:fail cancel') {
_this.popHide(); //_this.popHide();
_this.$u.toast("您已经取消此方式支付,可继续选择其他方式支付。") _this.$u.toast("您已经取消此方式支付,可继续选择其他方式支付。")
} }
console.log(res); setTimeout(function () {
uni.hideLoading();
}, 500);
} }
}); });
} else { } else {
@@ -181,23 +189,30 @@
signType: res.data.signType, signType: res.data.signType,
paySign: res.data.paySign, paySign: res.data.paySign,
success: function (e) { success: function (e) {
console.log(e);
if (e.errMsg === 'requestPayment:ok') { if (e.errMsg === 'requestPayment:ok') {
_this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId }); _this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId });
} }
setTimeout(function () {
uni.hideLoading();
}, 500);
}, },
fail: function (res) { fail: function (res) {
if (res.errMsg === 'requestPayment:fail cancel') { if (res.errMsg === 'requestPayment:fail cancel') {
_this.popHide(); //_this.popHide();
_this.$u.toast("您已经取消此方式支付,可继续选择其他方式支付。") _this.$u.toast("您已经取消此方式支付,可继续选择其他方式支付。")
} }
console.log(res); setTimeout(function () {
uni.hideLoading();
}, 500);
} }
}); });
} }
} else { } else {
_this.$u.toast(res.msg) //_this.popHide();
_this.popHide(); setTimeout(function () {
uni.hideLoading();
_this.$u.toast(res.msg)
}, 500);
} }
}) })
break break
@@ -209,9 +224,15 @@
this.$u.api.pay(data).then(res => { this.$u.api.pay(data).then(res => {
if (res.status) { if (res.status) {
this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId }); this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId });
setTimeout(function () {
uni.hideLoading();
}, 500);
} else { } else {
this.$u.toast(res.msg) //this.popHide();
this.popHide(); setTimeout(function () {
_this.$u.toast(res.msg)
uni.hideLoading();
}, 500);
} }
}) })
break break