<template>
|
<view>
|
<view class="" v-if="bankData.length > 0">
|
<view class="bankItem" v-for="(item, index) in bankData">
|
<view class="bank-v" @tap="setBankCookie(item)">
|
<text>{{item.realname}}</text>
|
<text>{{item.phone}}</text>
|
</view>
|
<view class="bank-v">{{item.bankname}}({{item.bankno}})</view>
|
<image class="rgt" src="/static/imgs/right.png" mode=""></image>
|
<view class="bank-c">
|
<view class="bank-df">
|
默认:
|
<switch @change="defChange" :data-id="item.id" v-if="item.isdef == 0" color="#e3b400" style="transform:scale(0.7)"/>
|
<switch @change="defChange" :data-id="item.id" v-else checked color="#e3b400" style="transform:scale(0.7)"/>
|
</view>
|
<view class="bank-c-main">
|
<view class="bank-c-c" @tap="$util.goPages('/pages/addBank/addBank?id=' + item.id)">
|
<image src="/static/imgs/edit.png" mode=""></image>
|
<text>编辑</text>
|
</view>
|
<view class="bank-c-c" @tap="delConfirm(item.id, index)">
|
<image src="/static/imgs/del.png" mode=""></image>
|
<text>删除</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="noData" v-else>
|
<image src="/static/imgs/noData.png" mode=""></image>
|
<view class="">没有银行卡信息</view>
|
</view>
|
<view class="bankBtn" @tap="goAdd">添加银行卡</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
pageIndex: 1,
|
pageSize: 200,
|
bankData: [],
|
backUrl: '',
|
}
|
},
|
onLoad(op) {
|
this.backUrl = op.backUrl ? op.backUrl : ''
|
this.getBank()
|
},
|
methods: {
|
goAdd () {
|
if(this.backUrl == ''){
|
this.$util.goPages('/pages/addBank/addBank')
|
} else {
|
this.$util.goPages('/pages/addBank/addBank?backUrl=' + this.backUrl)
|
}
|
},
|
//选择银行
|
setBankCookie (e) {
|
if(this.backUrl != ''){
|
uni.setStorageSync('choose-bank', JSON.stringify(e))
|
this.$util.goPages(this.backUrl)
|
}
|
},
|
defChange (e) {
|
let id = e.currentTarget.dataset.id
|
this.$util.post('Bank/setDef', {id: id}).then(res => {
|
if(res.code == 1){
|
for(let i in this.bankData){
|
if(this.bankData[i].id != id){
|
this.bankData[i].isdef = 0
|
}
|
}
|
}
|
})
|
},
|
getBank () {
|
this.$util.post('Bank/getBank', {pageIndex: this.pageIndex, pageSize: this.pageSize}).then(res => {
|
if(res.code == 1){
|
this.bankData = res.data.list
|
}
|
})
|
},
|
delConfirm (id, idx) {
|
let t = this
|
uni.showModal({
|
title: '温馨提示',
|
content: '是否删除银行卡信息？',
|
success: function (res) {
|
if (res.confirm) {
|
t.delBank(id, idx)
|
}
|
}
|
})
|
},
|
delBank(id, idx){
|
let t = this
|
t.$util.post('Bank/delBank', {id: id}).then(res => {
|
if(res.code == 1){
|
uni.showToast({
|
title: res.msg || '删除成功',
|
icon: 'success'
|
})
|
this.bankData.splice(idx, 1)
|
} else {
|
uni.showToast({
|
title: res.msg || '删除失败',
|
icon: 'error'
|
})
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
@import url(/static/css/bank.css);
|
</style>
|
