|
@@ -19,11 +19,11 @@
|
|
</view>
|
|
</view>
|
|
<view class="pay-bring-wrapper clearfix">
|
|
<view class="pay-bring-wrapper clearfix">
|
|
<view class="pay-bring-content">
|
|
<view class="pay-bring-content">
|
|
- <view class="text-title">
|
|
|
|
- <image src="https://static.caimei365.com/app/img/icon/icon-vxkecode.png" mode="" @click="previewImg"></image>
|
|
|
|
- </view>
|
|
|
|
- <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
|
- <view class="text-content">请点击上方二维码,长按保存后,使用微信扫码添加采美客服,将订单标识告知客服,客服会为您推荐最合适的线下转账方式。</view>
|
|
|
|
|
|
+ <view class="text-v title">转账信息 <text class="clipboard" @click.stop="clipboard(clipboardtEXT)">复制信息</text></view>
|
|
|
|
+ <view class="text-v">开户行:{{ bankInfo.bankOfDeposit }}</view>
|
|
|
|
+ <view class="text-v">银行卡号:{{ bankInfo.bankCardNo }}</view>
|
|
|
|
+ <view class="text-v">户名:{{ bankInfo.bankUserName }}</view>
|
|
|
|
+ <view class="text-content">请将订单款项转账至上述账号,转账完成后截图支付凭证,并在订单页面上传支付凭证。</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -32,11 +32,17 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
const thorui = require('@/components/clipboard/clipboard.thorui.js')
|
|
const thorui = require('@/components/clipboard/clipboard.thorui.js')
|
|
- import bankMixins from '@/mixins/bankMixins.js'
|
|
|
|
|
|
+ import bankMixins from './mixins/bankMixins.js'
|
|
export default{
|
|
export default{
|
|
mixins: [bankMixins],
|
|
mixins: [bankMixins],
|
|
data(){
|
|
data(){
|
|
return{
|
|
return{
|
|
|
|
+ bankInfo:{
|
|
|
|
+ bankOfDeposit:'中国农业银行股份有限公司北京康运支行',
|
|
|
|
+ bankCardNo:'11230401040009344',
|
|
|
|
+ bankUserName:'李斌'
|
|
|
|
+ },
|
|
|
|
+ clipboardtEXT:`开户行:中国农业银行股份有限公司北京康运支行,银行卡号:11230401040009344,户名:李斌`,
|
|
orderId:'',
|
|
orderId:'',
|
|
payableAmount:0,
|
|
payableAmount:0,
|
|
payOrderId:'',
|
|
payOrderId:'',
|
|
@@ -77,7 +83,7 @@
|
|
console.log(e)
|
|
console.log(e)
|
|
this.orderId = e.orderId
|
|
this.orderId = e.orderId
|
|
this.payOrderId ='#'+e.orderId+'#'
|
|
this.payOrderId ='#'+e.orderId+'#'
|
|
- this.cmGetBankTypeLists()
|
|
|
|
|
|
+ // this.cmGetBankTypeLists()
|
|
this.PayOrderCheckoutCounter(this.orderId)
|
|
this.PayOrderCheckoutCounter(this.orderId)
|
|
},
|
|
},
|
|
async PayOrderCheckoutCounter(orderId){
|
|
async PayOrderCheckoutCounter(orderId){
|
|
@@ -350,7 +356,6 @@
|
|
width: 654rpx;
|
|
width: 654rpx;
|
|
height: auto;
|
|
height: auto;
|
|
padding: 0 24rpx;
|
|
padding: 0 24rpx;
|
|
-
|
|
|
|
.text{
|
|
.text{
|
|
font-size: $font-size-24;
|
|
font-size: $font-size-24;
|
|
color: #666;
|
|
color: #666;
|
|
@@ -420,39 +425,41 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.text-v{
|
|
.text-v{
|
|
- font-size: $font-size-32;
|
|
|
|
|
|
+ font-size: $font-size-28;
|
|
color: #4A4F58;
|
|
color: #4A4F58;
|
|
line-height: 70rpx;
|
|
line-height: 70rpx;
|
|
- text-align: center;
|
|
|
|
|
|
+ text-align: justify;
|
|
margin-bottom: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
&.bg-color{
|
|
&.bg-color{
|
|
line-height: 44rpx;
|
|
line-height: 44rpx;
|
|
color: $color-system;
|
|
color: $color-system;
|
|
}
|
|
}
|
|
.clipboard{
|
|
.clipboard{
|
|
- width: 128rpx;
|
|
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
- background:linear-gradient(34deg, #FF2929 0%, #FF6D1B 100%);
|
|
|
|
|
|
+ background: #E2E2E2;
|
|
text-align: center;
|
|
text-align: center;
|
|
font-size: $font-size-24;
|
|
font-size: $font-size-24;
|
|
- color: #FFFFFF;
|
|
|
|
|
|
+ color: #999999;
|
|
border-radius: 24rpx;
|
|
border-radius: 24rpx;
|
|
- line-height: 48rpx;
|
|
|
|
|
|
+ line-height: 46rpx;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- margin-left: 10rpx;
|
|
|
|
|
|
+ margin-left: 24rpx;
|
|
|
|
+ border: 1px solid #f7f7f7;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 0 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.text-content{
|
|
.text-content{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 160rpx;
|
|
|
|
background-color: #F5F5F5;
|
|
background-color: #F5F5F5;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
- line-height: 40rpx;
|
|
|
|
|
|
+ line-height: 44rpx;
|
|
font-size: $font-size-28;
|
|
font-size: $font-size-28;
|
|
- color: #666666;
|
|
|
|
|
|
+ color: $color-system;
|
|
text-align: justify;
|
|
text-align: justify;
|
|
margin-top: 60rpx;
|
|
margin-top: 60rpx;
|
|
|
|
+ border-radius: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|