yangjie
/
Scan-Pay-H5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加支付失败/取消后：取消订单

Browse Source
addTips
游梦婷 1 year ago
parent e2b4cb6270
commit 74c14f913a
4 changed files with 179 additions and 96 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 28
      App.vue
  2. 5
      Utils/Api.js
  3. 105
      pages/index/index.vue
  4. 23
      pages/welcome/welcome.vue

28
App.vue
Unescape View File

@ -15,15 +15,17 @@
snNo: '', // 设备sn号
platformType: '', //区分平台
//正式
url: 'https://hsg.dctpay.com/user',
graurl: 'https://pay.dctpay.com/crest',
imgUrl: 'https://pay.dctpay.com/filesystem/',
imageWxImg: 'https://hsgcs.dctpay.com/filesystem/wxApplets/',
//测试
// url: 'https://hsgcs.dctpay.com/user',
// graurl:'https://gratia-pay.dctpay.com/crest',
// imgUrl: 'https://hsgcs.dctpay.com/filesystem/',
// url: 'https://hsg.dctpay.com/user',
// graurl: 'https://pay.dctpay.com/crest',
// imgUrl: 'https://pay.dctpay.com/filesystem/',
// imageWxImg: 'https://hsgcs.dctpay.com/filesystem/wxApplets/',
// redirectUrl:'https://pay.dctpay.com/scanPay',
//测试
url: 'https://hsgcs.dctpay.com/user',
graurl:'https://gratia-pay.dctpay.com/crest',
imgUrl: 'https://hsgcs.dctpay.com/filesystem/',
imageWxImg: 'https://hsgcs.dctpay.com/filesystem/wxApplets/',
redirectUrl:'https://gratia-pay.dctpay.com/scanPay',
isClick: true, //防止重复点击
},
onLaunch: function() {
@ -42,7 +44,7 @@
that.globalData.platformType = 'UQRCODEPAY';
}
uni.getStorage({
/* uni.getStorage({
key: 'openId',
success(e) {
if (e.data) {
@ -66,7 +68,13 @@
that.globalData.token = e.data;
}
}
})
}) */
that.globalData.openId = uni.getStorageSync("openId");
that.globalData.userInfo = uni.getStorageSync("user");
that.globalData.token = uni.getStorageSync("token");
},
onHide: function() {
console.log('App Hide')

5
Utils/Api.js
Unescape View File

@ -68,3 +68,8 @@ export const queryUserDiscountList = params => {
export const getUnionUserId = params => {
return POST('POST', `${grabase}/tradeOrder/getUnionUserId`, params).then(res => res.data);
}
//取消订单
export const cancelOrder = params => {
return POST('POST', `${grabase}/tradeOrder/cancelOrder`, params).then(res => res.data);
}

105
pages/index/index.vue
Unescape View File

@ -200,14 +200,16 @@
</view>
</wybPopup>
<wybPopup ref="popupTip" type="center" :maskClickClose="false" :height="popupHeight" :width="popupWidth" bgColor="" radius="20" :showCloseIcon="false">
<wybPopup ref="popupTip" type="center" :maskClickClose="false" :height="popupHeight" :width="popupWidth"
bgColor="" radius="20" :showCloseIcon="false">
<view class="width100 height100 pr">
<image class="popImg" mode="aspectFit" src="/static/tipBg.png"></image>
<view class="popContain width100 ">
<view class="tip-top font20">恭喜!获得了到店优惠</view>
<view class="tip-price tip-color">
<text class="font45 " v-if="tradeDetail">{{tradeDetail.rebateActivityActualPrice}}</text><text class="">元</text>
<text class="font45 " v-if="tradeDetail">{{tradeDetail.rebateActivityActualPrice}}</text><text
class="">元</text>
</view>
<view class="tip-color tip-desc">
到店付款可当现金用
@ -234,7 +236,8 @@
phone,
getUserAccount,
queryUserDiscountList,
calculation
calculation,
cancelOrder
} from '../../Utils/Api.js';
// #ifdef H5
var jweixin = require('jweixin-module');
@ -736,14 +739,12 @@
createJSAPIOrder(datas).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
this.outTradeNo = res.return_data.outTradeNo;
if (res.return_data.tradeDetail && res.return_data.tradeDetail.rebateActivityPart) {
this.tradeDetail = res.return_data.tradeDetail;
this.outTradeNo = res.return_data.outTradeNo;
this.$refs.popupTip.show();
return
}
this.jsapiPay(res.return_data.outTradeNo);
} else {
@ -763,8 +764,6 @@
this.jsapiPay(this.outTradeNo);
}
})
},
//唤起支付参数
jsapiPay(item) {
@ -775,7 +774,7 @@
let datas = {
outTradeNo: item
}
this.outTradeNo = "";
jsapiPay(datas).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
@ -807,6 +806,29 @@
}
})
},
//取消支付
cancelOrder(outTradeNo) {
let params = {
"outTradeNo": outTradeNo
}
cancelOrder(params).then(res => {
app.globalData.isClick = true;
this.outTradeNo = "";
if (res.return_code == '000000') {
// uni.showToast({
// title: "已取消订单",
// icon: 'none',
// duration: 2000
// })
} else {
uni.showToast({
title: res.return_msg,
icon: 'none',
duration: 2000
})
}
})
},
//删除金额
deleteVal() {
// this.plateNumberList.pop();
@ -932,10 +954,10 @@
jweixin.checkJsApi({
jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
success: function(res) {
app.globalData.isClick = true;
// app.globalData.isClick = true;
},
fail: function(res) {
app.globalData.isClick = true;
// app.globalData.isClick = true;
}
});
jweixin.chooseWXPay({
@ -955,15 +977,19 @@
})
},
cancel: function(r) {
app.globalData.isClick = true;
that.cancelOrder(that.outTradeNo); //取消订单
// app.globalData.isClick = true;
},
fail: function(res) {
app.globalData.isClick = true;
that.cancelOrder(that.outTradeNo); //取消订单
// app.globalData.isClick = true;
}
});
});
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
jweixin.error(function(res) {
app.globalData.isClick = true;
that.cancelOrder(that.outTradeNo); //取消订单
// app.globalData.isClick = true;
uni.showToast({
icon: 'none',
title: '支付失败了',
@ -999,17 +1025,21 @@
uni.showToast({
title: '支付成功'
})
},
cancel: function(r) {
app.globalData.isClick = true;
// app.globalData.isClick = true;
that.cancelOrder(that.outTradeNo); //取消订单
},
fail: function(res) {
app.globalData.isClick = true;
// app.globalData.isClick = true;
that.cancelOrder(that.outTradeNo); //取消订单
}
});
});
jweixin.error(function(res) {
app.globalData.isClick = true;
// app.globalData.isClick = true;
that.cancelOrder(that.outTradeNo); //取消订单
uni.showToast({
icon: 'none',
title: '支付失败了',
@ -1020,13 +1050,40 @@
},
//支付宝支付
alipayRequest(item) {
let that = this;
alipayApi.tradePay({
tradeNO: item
}, function(res) {
tradeNO: item,
success: function(res) {
if(res.resultCode==9000){
app.globalData.isClick = true;
// uni.showToast({
// title:"支付成功!",
// icon:'none'
// })
}else{
// uni.showToast({
// title:"支付失败!",
// icon:'none'
// })
that.cancelOrder(that.outTradeNo); //取消订单
}
},
fail: function(res) {
uni.showToast({
title:res,
icon:'none'
})
that.cancelOrder(that.outTradeNo); //取消订单
},
},
/* function(res) {
app.globalData.isClick = true;
// alert(JSON.stringify(res));
//支付完成的逻辑
});
} */
);
},
@ -1249,11 +1306,13 @@
.pr {
position: relative;
}
.popImg {
width: 100%;
height: 100%;
min-height: 430px;
}
.popContain {
position: absolute;
top: 0;
@ -1261,31 +1320,37 @@
box-sizing: border-box;
text-align: center;
font-size: 28rpx;
.tip-color {
color: #BF0E0F;
}
.tip-top {
color: white;
letter-spacing: 2px;
}
.tip-price {
margin-top: 143px;
font-weight: bold;
display: flex;
align-items: baseline;
justify-content: center;
.font45 {
font-size: 45px;
font-style: oblique;
margin-right: 5px;
}
}
.tip-desc {
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
}
.btnPay {
color: #FFFFFF;
background: linear-gradient(to right, #F46538, #E8411A);

23
pages/welcome/welcome.vue
Unescape View File

@ -96,10 +96,11 @@ import {
getH5AccessToken(params).then(res => {
if (res.return_code == '000000' && res.return_data.openid) {
app.globalData.openId = res.return_data.openid;
uni.setStorage({
uni.setStorageSync("openId",res.return_data.openid)
/* uni.setStorage({
key: "openId",
data: res.return_data.openid
})
}) */
uni.reLaunch({
url: '../index/index'
})
@ -116,10 +117,11 @@ import {
getAlipayUserId(params).then(res => {
if (res.return_code == '000000' && res.return_data.userId) {
app.globalData.openId = res.return_data.userId;
uni.setStorage({
uni.setStorageSync("openId",res.return_data.userId)
/* uni.setStorage({
key: "openId",
data: res.return_data.userId
})
}) */
uni.reLaunch({
url: '../index/index'
})
@ -138,10 +140,11 @@ import {
getUnionUserId(params).then(res => {
if (res.return_code == '000000' && res.return_data.respData.userId) {
app.globalData.openId = res.return_data.respData.userId;
uni.setStorage({
uni.setStorageSync("openId",res.return_data.respData.userId);
/* uni.setStorage({
key: "openId",
data: res.return_data.respData.userId
})
}) */
uni.reLaunch({
url: '../index/index'
})
@ -152,17 +155,19 @@ import {
},
//重定向方法
jumpWeb() {
let redirectUrl = app.globalData.redirectUrl;
if (app.globalData.platformType == 'WECHAT') {
location.href =
'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https://hsg.dctpay.com/wechat_authorize/?redirect_uri=https://pay.dctpay.com/scanPay&response_type=code&scope=snsapi_base#wechat_redirect';
'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https://hsg.dctpay.com/wechat_authorize/?redirect_uri='+redirectUrl+'&response_type=code&scope=snsapi_base#wechat_redirect';
}
if (app.globalData.platformType == 'ALIPAY') {
let str =encodeURIComponent(redirectUrl+"?sn=1000017476")
location.href =
'https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=2021003176605875&scope=auth_base&redirect_uri=https://pay.dctpay.com/redirect?redirect_uri=https%3A%2F%2Fpay.dctpay.com%2FscanPay%3Fsn%3D1000017476';
'https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=2021003176605875&scope=auth_base&redirect_uri=https://pay.dctpay.com/redirect?redirect_uri='+str;
}
if (app.globalData.platformType == 'UQRCODEPAY') {
location.href =
'https://qr.95516.com/qrcGtwWeb-web/api/userAuth?version=1.0.0&redirectUrl=https://pay.dctpay.com/scanPay';
'https://qr.95516.com/qrcGtwWeb-web/api/userAuth?version=1.0.0&redirectUrl='+redirectUrl;
}
},
}

Write Preview
Loading…
Cancel
Save