You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
2.1 KiB
105 lines
2.1 KiB
4 months ago
|
<template>
|
||
|
<view>
|
||
|
<view class="edgeInsetTop"></view>
|
||
|
<view class="cu-list menu">
|
||
|
<view class="cu-item">
|
||
|
<view class="content">
|
||
|
<text>账户</text>
|
||
|
</view>
|
||
|
<view class="action bankinfo">
|
||
|
<image :src="`/static/images/bank/${bankData.bankCode}.png`"></image>
|
||
|
<view class="">
|
||
|
<text>{{bankData.bankName}}</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="cu-item">
|
||
|
<view class="content">
|
||
|
<text>类型</text>
|
||
|
</view>
|
||
|
<view class="action">
|
||
|
<text>储蓄账户</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="cu-item">
|
||
|
<view class="content">
|
||
|
<text>账号</text>
|
||
|
</view>
|
||
|
<view class="action">
|
||
|
<text>{{bankData.cardCode}}</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="cu-item">
|
||
|
<view class="content">
|
||
|
<text>姓名</text>
|
||
|
</view>
|
||
|
<view class="action">
|
||
|
<text>{{bankData.username}}</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="cu-item">
|
||
|
<view class="content">
|
||
|
<text>预留号码</text>
|
||
|
</view>
|
||
|
<view class="action">
|
||
|
<text>{{bankData.mobile}}</text>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="edgeInsetBottom"></view>
|
||
|
<view class="wanlian cu-bar tabbar foot flex flex-direction">
|
||
|
<button @tap="delBank" class="cu-btn wanl-bg-orange lg">删除账户</button>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
data() {
|
||
|
return {
|
||
|
bankData: {}
|
||
|
};
|
||
|
},
|
||
|
onLoad(option) {
|
||
|
this.bankData = JSON.parse(option.data);
|
||
|
},
|
||
|
methods: {
|
||
|
async delBank(){
|
||
|
await uni.request({
|
||
|
url: '/wanlshop/pay/delPayAccount',
|
||
|
data: {
|
||
|
ids: this.bankData.id
|
||
|
},
|
||
|
success: res => {
|
||
|
this.$wanlshop.msg('删除成功');
|
||
|
this.$wanlshop.prePage().loadData();
|
||
|
this.$wanlshop.back(1);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
.wanlian.cu-bar.tabbar {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.wanlian.cu-bar.tabbar .cu-btn {
|
||
|
width: calc(100% - 50rpx);
|
||
|
}
|
||
|
.wanlian.cu-bar.tabbar .cu-btn.lg {
|
||
|
font-size: 32rpx;
|
||
|
height: 86rpx;
|
||
|
}
|
||
|
.bankinfo{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.bankinfo image{
|
||
|
width: 50rpx;
|
||
|
height: 50rpx;
|
||
|
margin-right: 20rpx;
|
||
|
}
|
||
|
</style>
|