|
|
@@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<view class="container" @click="choice('1111')"> |
|
|
|
<view class="container" @click="choice(item.bankCardId)" v-for="(item,index) in state.bankListArr"> |
|
|
|
<view class=""> |
|
|
|
<image class="bg" style="width:100%;height: 260rpx;" :src="`${$imgUrl}bank-bg.png`"></image> |
|
|
|
<view class="content"> |
|
|
@@ -11,13 +11,13 @@ |
|
|
|
<view class="card">储蓄卡</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="button" @click.stop='delCard(11)'>解除绑定</view> |
|
|
|
<view class="button" @click.stop='delCard(item.bankCardId)'>解除绑定</view> |
|
|
|
</view> |
|
|
|
<view class="value">6216 **** **** 8721</view> |
|
|
|
<view class="value">{{item.bankCardId}}</view> |
|
|
|
<!-- <view class='default'>默认</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="container" @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')"> |
|
|
|
</view> |
|
|
|
<!-- <view class="container" @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')"> |
|
|
|
<view class=""> |
|
|
|
<image class="bg" style="width:100%;height: 260rpx;" :src="`${$imgUrl}bank-bg.png`"></image> |
|
|
|
<view class="content"> |
|
|
@@ -34,31 +34,38 @@ |
|
|
|
<view class="value">6216 **** **** 8721</view> |
|
|
|
<view class='default'>默认</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style='margin: 40rpx 30rpx;' @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')"> |
|
|
|
<submit-button title="+ 添加银行卡"></submit-button> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view style='margin: 40rpx 30rpx;' @click="navTo('/subpackage/personal-center/setting/bank-card/bank-card-add')"> |
|
|
|
<submit-button title="+ 添加银行卡"></submit-button> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
import { reactive } from "vue"; |
|
|
|
import {request} from "@/utils/network/request.js"; |
|
|
|
import {queryBankCard,delBankCard} from "@/utils/network/api.js"; |
|
|
|
import {stringToJson} from "@/utils/network/encryption.js"; |
|
|
|
import {navTo} from '@/utils/utils'; |
|
|
|
import { onLoad} from "@dcloudio/uni-app"; |
|
|
|
import { request } from "@/utils/network/request.js"; |
|
|
|
import { queryBankCard, delBankCard } from "@/utils/network/api.js"; |
|
|
|
import { stringToJson } from "@/utils/network/encryption.js"; |
|
|
|
import { navTo } from '@/utils/utils'; |
|
|
|
import { onLoad } from "@dcloudio/uni-app"; |
|
|
|
const state = reactive({ |
|
|
|
name:'', |
|
|
|
params:{}, //传过来的参数 |
|
|
|
name: '', |
|
|
|
params: {}, //传过来的参数 |
|
|
|
choiceCard: "", |
|
|
|
bankListArr: [] |
|
|
|
}) |
|
|
|
onLoad((option : any) => { |
|
|
|
console.log("option",JSON.parse(decodeURIComponent(option.value))) |
|
|
|
state.name=option.name; |
|
|
|
state.choiceCard=option.choiceCard; |
|
|
|
state.params=JSON.parse(decodeURIComponent(option.value)) |
|
|
|
if (option.value) { |
|
|
|
state.params = JSON.parse(decodeURIComponent(option.value)) |
|
|
|
state.name = state.params.name; |
|
|
|
state.choiceCard = state.params.choiceCard; |
|
|
|
} |
|
|
|
if (option.name) { |
|
|
|
state.name = option.name; |
|
|
|
} |
|
|
|
console.log("option", state.params) |
|
|
|
getBankList(); |
|
|
|
}) |
|
|
|
const getBankList=()=>{ |
|
|
|
const getBankList = () => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
@@ -69,42 +76,44 @@ |
|
|
|
}; |
|
|
|
request(queryBankCard, options).then((res) => { |
|
|
|
const data = stringToJson(res.bizContent) |
|
|
|
console.log("获取银行卡",data) |
|
|
|
state.bankListArr = data.data |
|
|
|
console.log("获取银行卡", data) |
|
|
|
}) |
|
|
|
} |
|
|
|
const delCard=(cardId)=>{ |
|
|
|
const delCard = (cardId) => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
'accountId': state.name, |
|
|
|
'bankCardId':cardId |
|
|
|
'bankCardId': cardId |
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
request(delBankCard, options).then((res) => { |
|
|
|
const data = stringToJson(res.bizContent) |
|
|
|
console.log("删除银行卡",data); |
|
|
|
console.log("删除银行卡", data); |
|
|
|
getBankList(); |
|
|
|
}) |
|
|
|
} |
|
|
|
const choice=(cardNumber)=>{ |
|
|
|
if(!state.choiceCard){ |
|
|
|
navTo('/subpackage/personal-center/setting/bank-card/bank-card-add') |
|
|
|
}else{ |
|
|
|
uni.redirectTo({ |
|
|
|
//关闭当前页面,跳转到应用内的某个页面。 |
|
|
|
url:`/subpackage/after-sale/account-recharge/recharge?cardNumber=${cardNumber}&value=${encodeURIComponent(JSON.stringify(state.params))}` |
|
|
|
}); |
|
|
|
// navTo(`/subpackage/after-sale/account-recharge/recharge?cardNumber=${cardNumber}`) |
|
|
|
} |
|
|
|
const choice = (cardNumber) => { |
|
|
|
// if (!state.choiceCard) { |
|
|
|
// navTo('/subpackage/personal-center/setting/bank-card/bank-card-add') |
|
|
|
// } else { |
|
|
|
uni.redirectTo({ |
|
|
|
//关闭当前页面,跳转到应用内的某个页面。 |
|
|
|
url: `/subpackage/after-sale/account-recharge/recharge?cardNumber=${cardNumber}&value=${encodeURIComponent(JSON.stringify(state.params))}` |
|
|
|
}); |
|
|
|
// navTo(`/subpackage/after-sale/account-recharge/recharge?cardNumber=${cardNumber}`) |
|
|
|
// } |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.container { |
|
|
|
padding: 30rpx 30rpx 0 30rpx; |
|
|
|
position:relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.flex { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
@@ -122,7 +131,8 @@ |
|
|
|
text-align: center; |
|
|
|
line-height: 36rpx; |
|
|
|
} |
|
|
|
.default{ |
|
|
|
|
|
|
|
.default { |
|
|
|
position: absolute; |
|
|
|
top: 235rpx; |
|
|
|
left: 60rpx; |
|
|
@@ -132,6 +142,7 @@ |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 36rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.content { |
|
|
|
padding: 30rpx; |
|
|
|
position: absolute; |
|
|
@@ -170,4 +181,4 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |