|
|
@ -3,10 +3,10 @@ |
|
|
|
<view class="page full-height-with-titile" style="overflow: auto;" v-if="!showResult"> |
|
|
|
<!-- 主内容区域 --> |
|
|
|
<view class="content" @click="hideKeyboard"> |
|
|
|
<!-- <view v-show="step === 1" style="width: 100%;"> |
|
|
|
<!-- <view v-show="step === 1" style="width: 100%;"> |
|
|
|
<u-subsection style="width: 100%;" activeColor="#FDBE44" :list="['代付', '代收']" :current="0" @change="handleUserTypeChg"></u-subsection> |
|
|
|
</view> --> |
|
|
|
<view v-show="false" class="withdraw-amount" style="margin-bottom: 20rpx;"> |
|
|
|
<view v-if="false" class="withdraw-amount" style="margin-bottom: 20rpx;"> |
|
|
|
<text>支付类型</text> |
|
|
|
<view style="display: grid; grid-template-columns: repeat(3,1fr); width: 100%; margin: 10px auto;"> |
|
|
|
<view v-for="item in payType" @click="param.payType = item.key" :class="{'active': param.payType === item.key}" style="display: flex; flex-direction: column;justify-content: center; border-radius: 8px; align-items: center; padding: 5px 0;"> |
|
|
@ -122,6 +122,7 @@ |
|
|
|
<button v-if="step === 2" class="submit-btn" @click="onSubmit" style="margin-top: 30rpx;">{{this.$languageData.functions.payimme}}</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 银行卡列表弹出层 --> |
|
|
|
<uni-popup ref="bankListPopup" type="bottom"> |
|
|
@ -149,23 +150,19 @@ |
|
|
|
</view> |
|
|
|
</uni-popup> |
|
|
|
<loading ref="loading":custom="false" :shadeClick="false" :type="1" /> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { createTopUp } from '@/api/home/qrcode.js' |
|
|
|
import { getBalance } from '@/api/account/userAccount.js' |
|
|
|
import { getBankList2 } from '@/api/bank/index.js' |
|
|
|
import payPopup from '@/components/keyboard/payPopup.vue' |
|
|
|
import { checkPwd } from '@/api/mine/payPwd.js' |
|
|
|
import keyboard from "@/components/master-keyboard/master-keyboard.vue"; |
|
|
|
import payResult from '@/components/payResult/index.vue' |
|
|
|
|
|
|
|
export default { |
|
|
|
import { createTopUp } from '@/api/home/qrcode.js' |
|
|
|
import { getBalance } from '@/api/account/userAccount.js' |
|
|
|
import { getBankList2 } from '@/api/bank/index.js' |
|
|
|
import payPopup from '@/components/keyboard/payPopup.vue' |
|
|
|
import { checkPwd } from '@/api/mine/payPwd.js' |
|
|
|
import keyboard from "@/components/master-keyboard/master-keyboard.vue"; |
|
|
|
import payResult from '@/components/payResult/index.vue' |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
payPopup, |
|
|
|
payResult |
|
|
@ -197,6 +194,7 @@ export default { |
|
|
|
} |
|
|
|
], |
|
|
|
step: 1, |
|
|
|
amount: 0, |
|
|
|
|
|
|
|
success:true, |
|
|
|
showResult:false, |
|
|
@ -282,7 +280,7 @@ export default { |
|
|
|
this.bankList.unshift(account) |
|
|
|
account = { |
|
|
|
bankName:this.$languageData.functions.accBalance, |
|
|
|
cardNum2:'20 KIP' |
|
|
|
cardNum2: this.userAccount.availableBalance +' KIP' |
|
|
|
} |
|
|
|
this.bankList.unshift(account) |
|
|
|
this.userAccount.bankName = res[0].bankName |
|
|
@ -315,7 +313,7 @@ export default { |
|
|
|
this.closeBankList(); |
|
|
|
}, |
|
|
|
hideKeyboard() { |
|
|
|
uni.hideKeyboard(); |
|
|
|
// uni.hideKeyboard(); |
|
|
|
}, |
|
|
|
getBalance(){ |
|
|
|
getBalance().then(res=>{ |
|
|
@ -402,198 +400,198 @@ export default { |
|
|
|
this.show = true; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.active{ |
|
|
|
.active{ |
|
|
|
border: 1px solid #FDBF44; |
|
|
|
background-color: rgba(253, 191, 68, .2); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.popup-content2 { |
|
|
|
.popup-content2 { |
|
|
|
background-color: #fff; |
|
|
|
padding: 20px; |
|
|
|
border-radius: 10px; |
|
|
|
font-size: 20rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.page { |
|
|
|
.page { |
|
|
|
padding: 0; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.nav-bar { |
|
|
|
.nav-bar { |
|
|
|
height: 88rpx; |
|
|
|
background-color: #333333; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding: 0 30rpx; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.back-icon { |
|
|
|
.back-icon { |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.nav-title { |
|
|
|
.nav-title { |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
transform: translateX(-50%); |
|
|
|
color: #FFFFFF; |
|
|
|
font-size: 16px; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.content { |
|
|
|
.content { |
|
|
|
flex: 1; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-card { |
|
|
|
.bank-card { |
|
|
|
background-color: #FFFFFF; |
|
|
|
border-radius: 12rpx; |
|
|
|
padding: 30rpx; |
|
|
|
padding-bottom: 10rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.section-title { |
|
|
|
.section-title { |
|
|
|
font-size: 14px; |
|
|
|
color: #333333; |
|
|
|
margin-bottom: 14rpx; |
|
|
|
padding-bottom: 14rpx; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-info { |
|
|
|
.bank-info { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-detail { |
|
|
|
.bank-detail { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-name { |
|
|
|
.bank-name { |
|
|
|
font-size: 16px; |
|
|
|
color: #333333; |
|
|
|
margin-bottom: 8rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-number { |
|
|
|
.bank-number { |
|
|
|
font-size: 14px; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.withdraw-amount { |
|
|
|
.withdraw-amount { |
|
|
|
background-color: #FFFFFF; |
|
|
|
border-radius: 12rpx; |
|
|
|
padding: 20rpx; |
|
|
|
padding-bottom: 15rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.amount-header { |
|
|
|
.amount-header { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.withdraw-all { |
|
|
|
.withdraw-all { |
|
|
|
font-size: 14px; |
|
|
|
color: #f4d994; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.amount-input-area { |
|
|
|
.amount-input-area { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.u-input ::v-deep .uni-input-input { |
|
|
|
.u-input ::v-deep .uni-input-input { |
|
|
|
font-size: 58rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: #333333; |
|
|
|
height: 100rpx; |
|
|
|
line-height: 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.currency { |
|
|
|
.currency { |
|
|
|
font-size: 30px; |
|
|
|
color: #333333; |
|
|
|
margin-left: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.amount-footer { |
|
|
|
.amount-footer { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.available-amount { |
|
|
|
.available-amount { |
|
|
|
font-size: 14px; |
|
|
|
color: #999999; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bottom-button { |
|
|
|
.bottom-button { |
|
|
|
padding: 50rpx 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.submit-btn { |
|
|
|
.submit-btn { |
|
|
|
background-color: #FDBF44; |
|
|
|
color: #000; |
|
|
|
font-size: 16px; |
|
|
|
height: 88rpx; |
|
|
|
line-height: 88rpx; |
|
|
|
border-radius: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.popup-content { |
|
|
|
.popup-content { |
|
|
|
background-color: #FFFFFF; |
|
|
|
border-top-left-radius: 20rpx; |
|
|
|
border-top-right-radius: 20rpx; |
|
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.popup-header { |
|
|
|
.popup-header { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
padding: 30rpx; |
|
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.popup-title { |
|
|
|
.popup-title { |
|
|
|
font-size: 16px; |
|
|
|
color: #333333; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-list { |
|
|
|
.bank-list { |
|
|
|
max-height: 600rpx; |
|
|
|
overflow-y: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-item { |
|
|
|
.bank-item { |
|
|
|
padding: 30rpx; |
|
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-item-name { |
|
|
|
.bank-item-name { |
|
|
|
font-size: 16px; |
|
|
|
color: #333333; |
|
|
|
margin-bottom: 8rpx; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bank-item-number { |
|
|
|
.bank-item-number { |
|
|
|
font-size: 14px; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |