|
@@ -98,7 +98,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="pay-item" @click="tabClick(1)" v-if="showB2BpayMode">
|
|
|
|
|
|
+ <!-- <view class="pay-item" @click="tabClick(1)" v-if="showB2BpayMode">
|
|
<view class="pay-item-cell">
|
|
<view class="pay-item-cell">
|
|
<view class="item-icon"><text class="iconfont icon-qiyewangyinzhifu"></text></view>
|
|
<view class="item-icon"><text class="iconfont icon-qiyewangyinzhifu"></text></view>
|
|
<view class="item-texts"><text>企业网银支付</text></view>
|
|
<view class="item-texts"><text>企业网银支付</text></view>
|
|
@@ -121,7 +121,7 @@
|
|
></text>
|
|
></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
</view>
|
|
</view>
|
|
<view class="pay-statustext">
|
|
<view class="pay-statustext">
|
|
<view class="pay-statustext-inner">
|
|
<view class="pay-statustext-inner">
|
|
@@ -233,7 +233,7 @@ export default {
|
|
text: '知道了',
|
|
text: '知道了',
|
|
customStyle: {
|
|
customStyle: {
|
|
color: '#fff',
|
|
color: '#fff',
|
|
- bgColor: 'linear-gradient(90deg, #F28F31 0%, #F3B574 100%)'
|
|
|
|
|
|
+ bgColor: '#F3B574'
|
|
},
|
|
},
|
|
plain: false
|
|
plain: false
|
|
}
|
|
}
|
|
@@ -285,30 +285,29 @@ export default {
|
|
this.GetPayOrderInfo()
|
|
this.GetPayOrderInfo()
|
|
this.GetUserClubBanks()
|
|
this.GetUserClubBanks()
|
|
},
|
|
},
|
|
- GetPayOrderInfo() {
|
|
|
|
|
|
+ async GetPayOrderInfo() {
|
|
//初始化支付信息
|
|
//初始化支付信息
|
|
- this.PayService.PayOrderCheckoutShoporders({ shopOrderId: this.shopOrderId })
|
|
|
|
- .then(response => {
|
|
|
|
- let data = response.data
|
|
|
|
- this.discernReceipt = data.discernReceipt // 支付记录
|
|
|
|
- this.shopOrderInfo = data.shopOrder // 子订单
|
|
|
|
- this.obligation = data.shopOrder.obligation // 待付金额
|
|
|
|
- this.orderId = data.shopOrder.orderId // 主订单Id
|
|
|
|
- this.receiptAmount = data.shopOrder.receiptAmount // 已付金额
|
|
|
|
- this.payableAmount = data.shopOrder.realPay // 应付金额
|
|
|
|
- this.payAmount = this.toFixedFn(this.obligation) // 自定义金额
|
|
|
|
- this.balanceAmount = this.obligation - this.payAmount // 计算剩余支付金额
|
|
|
|
- // 支付方式配置
|
|
|
|
- if(data.onlinePayWays){
|
|
|
|
- this.checkPayMode(data.onlinePayWays)
|
|
|
|
- }
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.skeletonShow = false
|
|
|
|
- }, 500)
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
|
|
+ try{
|
|
|
|
+ const res = await this.PayService.PayOrderCheckoutShoporders({ shopOrderId: this.shopOrderId })
|
|
|
|
+ const data = res.data
|
|
|
|
+ this.discernReceipt = data.discernReceipt // 支付记录
|
|
|
|
+ this.shopOrderInfo = data.shopOrder // 子订单
|
|
|
|
+ this.obligation = data.shopOrder.obligation // 待付金额
|
|
|
|
+ this.orderId = data.shopOrder.orderId // 主订单Id
|
|
|
|
+ this.receiptAmount = data.shopOrder.receiptAmount // 已付金额
|
|
|
|
+ this.payableAmount = data.shopOrder.realPay // 应付金额
|
|
|
|
+ this.payAmount = this.toFixedFn(this.obligation) // 自定义金额
|
|
|
|
+ this.balanceAmount = this.obligation - this.payAmount // 计算剩余支付金额
|
|
|
|
+ // 支付方式配置
|
|
|
|
+ if(data.onlinePayWays){
|
|
|
|
+ this.checkPayMode(data.onlinePayWays)
|
|
|
|
+ }
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.skeletonShow = false
|
|
|
|
+ }, 500)
|
|
|
|
+ }catch(error){
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
|
+ }
|
|
},
|
|
},
|
|
async GetUserClubBanks() {
|
|
async GetUserClubBanks() {
|
|
//获取列表
|
|
//获取列表
|
|
@@ -346,37 +345,22 @@ export default {
|
|
if(this.isSubLoding){ return }
|
|
if(this.isSubLoding){ return }
|
|
switch (this.tabCurrentIndex) {
|
|
switch (this.tabCurrentIndex) {
|
|
case 0: // 微信支付
|
|
case 0: // 微信支付
|
|
- this.handleUmTrackEvent('Um_Event_ConfirmWechatPay', '微信支付')
|
|
|
|
this.MiniWxPayFor()
|
|
this.MiniWxPayFor()
|
|
break
|
|
break
|
|
case 1: // 企业网银
|
|
case 1: // 企业网银
|
|
this.payType = '1'
|
|
this.payType = '1'
|
|
- this.handleUmTrackEvent('Um_Event_ConfirmEbankPay', '企业网银')
|
|
|
|
this.handlePayOrderPayLink()
|
|
this.handlePayOrderPayLink()
|
|
break
|
|
break
|
|
case 2: // 个人网银
|
|
case 2: // 个人网银
|
|
this.payType = '2'
|
|
this.payType = '2'
|
|
- this.handleUmTrackEvent('Um_Event_ConfirmAbankPay', '个人网银')
|
|
|
|
this.handlePayOrderPayLink()
|
|
this.handlePayOrderPayLink()
|
|
break
|
|
break
|
|
case 3: // 快捷支付
|
|
case 3: // 快捷支付
|
|
- this.handleUmTrackEvent('Um_Event_ConfirmAbankPay', '快捷支付')
|
|
|
|
this.orderPayQuickPay()
|
|
this.orderPayQuickPay()
|
|
break
|
|
break
|
|
}
|
|
}
|
|
this.isSubLoding = true
|
|
this.isSubLoding = true
|
|
},
|
|
},
|
|
- handleUmTrackEvent(UmName, UmPageName) {
|
|
|
|
- // 友盟埋点收集
|
|
|
|
- if (process.env.NODE_ENV != 'development') {
|
|
|
|
- this.$uma.trackEvent(UmName, {
|
|
|
|
- Um_Key_PageName: UmPageName,
|
|
|
|
- Um_Key_SourcePage: '线上支付',
|
|
|
|
- Um_Key_PayName: `${this.buttonText}`,
|
|
|
|
- Um_Key_PayOrderID: `${this.shopOrderId}`
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
async orderPayQuickPay() {
|
|
async orderPayQuickPay() {
|
|
//快捷支付
|
|
//快捷支付
|
|
try {
|
|
try {
|
|
@@ -433,10 +417,6 @@ export default {
|
|
},
|
|
},
|
|
async MiniWxPayFor() {
|
|
async MiniWxPayFor() {
|
|
// 微信支付
|
|
// 微信支付
|
|
- if (this.payAmount > 5000) {
|
|
|
|
- this.modal = true
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
if (this.payAmount == 0) {
|
|
if (this.payAmount == 0) {
|
|
this.$util.msg('请输入本次支付的金额', 2000)
|
|
this.$util.msg('请输入本次支付的金额', 2000)
|
|
return
|
|
return
|
|
@@ -555,9 +535,9 @@ page {
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
.pay-content {
|
|
.pay-content {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 420rpx;
|
|
|
|
|
|
+ height: 380rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- padding: 64rpx 35rpx 0 35rpx;
|
|
|
|
|
|
+ padding: 38rpx 35rpx 0 35rpx;
|
|
background: url(https://static.caimei365.com/app/mini-mcare/icon/icon_payment@2x.png) no-repeat;
|
|
background: url(https://static.caimei365.com/app/mini-mcare/icon/icon_payment@2x.png) no-repeat;
|
|
background-size: cover;
|
|
background-size: cover;
|
|
float: left;
|
|
float: left;
|
|
@@ -570,7 +550,7 @@ page {
|
|
.pay-paid {
|
|
.pay-paid {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
- margin-bottom: 38rpx;
|
|
|
|
|
|
+ margin-bottom: 28rpx;
|
|
text {
|
|
text {
|
|
line-height: 48rpx;
|
|
line-height: 48rpx;
|
|
text-align: left;
|
|
text-align: left;
|
|
@@ -670,12 +650,12 @@ page {
|
|
.bot-resid-le {
|
|
.bot-resid-le {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
float: left;
|
|
float: left;
|
|
- color: $color-system;
|
|
|
|
|
|
+ color: #F85050;
|
|
}
|
|
}
|
|
.bot-resid-ri {
|
|
.bot-resid-ri {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
float: right;
|
|
float: right;
|
|
- color: #1890f9;
|
|
|
|
|
|
+ color: #999999;
|
|
.iconfont {
|
|
.iconfont {
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
}
|
|
}
|
|
@@ -689,7 +669,6 @@ page {
|
|
float: left;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0 0 32rpx 0;
|
|
padding: 0 0 32rpx 0;
|
|
- border-top: 1px solid #e1e1e1;
|
|
|
|
margin-top: 180rpx;
|
|
margin-top: 180rpx;
|
|
.pay-card-main {
|
|
.pay-card-main {
|
|
width: 100%;
|
|
width: 100%;
|