mall + pay:

1. 后台的收银台,接入微信扫码支付
This commit is contained in:
YunaiV
2023-07-15 21:18:36 +08:00
parent c44ace6011
commit a6437b7cc5
3 changed files with 36 additions and 2 deletions

View File

@ -26,7 +26,7 @@
<!-- 微信支付 -->
<el-descriptions title="选择微信支付" style="margin-top: 20px;" />
<div class="pay-channel-container">
<div class="box" v-for="channel in channels" v-if="channel.code.indexOf('wx_') === 0" :key="channel.code">
<div class="box" v-for="channel in channels" v-if="channel.code.indexOf('wx_') === 0" :key="channel.code" @click="submit(channel.code)">
<img :src="channel.icon">
<div class="title">{{ channel.name }}</div>
</div>
@ -125,6 +125,10 @@ export default {
name: '微信 App 支付',
icon: require("@/assets/images/pay/icon/wx_app.svg"),
code: "wx_app"
}, {
name: '微信条码支付',
icon: require("@/assets/images/pay/icon/wx_bar.svg"),
code: "wx_bar"
}, {
name: '模拟支付',
icon: require("@/assets/images/pay/icon/mock.svg"),
@ -195,6 +199,15 @@ export default {
}
return;
}
if (channelCode === PayChannelEnum.WX_BAR.code) {
this.barCode = {
channelCode: channelCode,
value: '',
title: '“微信”条码支付',
visible: true
}
return;
}
// 默认的提交处理
this.submit0(channelCode)
@ -207,7 +220,16 @@ export default {
returnUrl: location.href, // 支付成功后,支付渠道跳转回当前页;再由当前页,跳转回 {@link returnUrl} 对应的地址
...this.buildSubmitParam(channelCode)
}).then(response => {
// 直接返回已支付的情况,例如说扫码支付
const data = response.data
if (data.status === PayOrderStatusEnum.SUCCESS.status) {
this.clearQueryInterval();
this.$message.success('支付成功!');
this.goReturnUrl();
return
}
// 展示对应的界面
if (data.displayMode === PayDisplayModeEnum.URL.mode) {
this.displayUrl(channelCode, data)
} else if (data.displayMode === PayDisplayModeEnum.QR_CODE.mode) {
@ -230,11 +252,18 @@ export default {
}
}
}
// ② 微信 BarCode 支付时,需要传递 authCode 条形码
if (channelCode === PayChannelEnum.WX_BAR.code) {
return {
"channelExtras": {
"authCode": this.barCode.value
}
}
}
return {}
},
/** 提交支付后URL 的展示形式 */
displayUrl(channelCode, data) {
// window.open(data.displayContent)
location.href = data.displayContent
this.submitLoading = false
},