|
@@ -15,8 +15,6 @@
|
|
|
<text>储蓄卡</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image class="tool" src="/static/image/bindBank/tool.png" mode="" @click="del(item.id)">
|
|
|
- </image>
|
|
|
</view>
|
|
|
<view class="bank dis j-s a-c">
|
|
|
<view>{{item.bankNumber.slice(0,4)}}</view>
|
|
@@ -26,8 +24,8 @@
|
|
|
<view>{{item.bankNumber.slice(-3)}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="current==1" class="bankClass dis a-start f-c j-s" v-for="(item,index) in cardPackList2"
|
|
|
- :key="index" :style="{background:item.stylelist.background}">
|
|
|
+ <view v-if="current==1 && item.delFlag==0" class="bankClass dis a-start f-c j-s"
|
|
|
+ v-for="(item,index) in cardPackList2" :key="index" :style="{background:item.stylelist.background}">
|
|
|
<image class="Backgroundimage" src="/static/image/bindBank/img1.png" mode="" style=""></image>
|
|
|
<view class="dis j-s">
|
|
|
<view class="dis">
|
|
@@ -39,8 +37,13 @@
|
|
|
<text>储蓄卡</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image class="tool" src="/static/image/bindBank/tool.png" mode="" @click="del(item.id)">
|
|
|
- </image>
|
|
|
+ <view class="dis ">
|
|
|
+ <image class="tool" src="/static/image/bindBank/xiugai.png" style="margin-right: 12px;" mode=""
|
|
|
+ @click="update(item.id)">
|
|
|
+ </image>
|
|
|
+ <image class="tool" src="/static/image/bindBank/del.png" mode="" @click="del(item.id)">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="bank dis j-s a-c">
|
|
|
<view>{{item.bankNumber.slice(0,4)}}</view>
|
|
@@ -50,28 +53,35 @@
|
|
|
<view>{{item.bankNumber.slice(-3)}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="current==2" class="bankClass dis a-start f-c j-s" v-for="(item,index) in cardPackList3"
|
|
|
- :key="index" :style="{background:item.stylelist.background}">
|
|
|
- <image class="Backgroundimage" src="/static/image/bindBank/img1.png" mode="" style=""></image>
|
|
|
- <view class="dis j-s">
|
|
|
- <view class="dis">
|
|
|
- <view class="logo">
|
|
|
- <image :src="item.stylelist.logo" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="banktitle dis f-c j-s">
|
|
|
- <text>{{item.bankAccount}}</text>
|
|
|
- <text>储蓄卡</text>
|
|
|
- </view>
|
|
|
+ <view class="" v-if="current==2" v-for="(item,index) in cardPackList3" :key="index">
|
|
|
+ <view class="rejectionReason dis a-start j-start">
|
|
|
+ <view style="width: 5%;margin-top: 2px;">
|
|
|
+ <image src="/static/image/bindBank/bohui.png" mode="" style="width: 14px;height: 14px;">
|
|
|
+ </image>
|
|
|
</view>
|
|
|
- <image class="tool" src="/static/image/bindBank/tool.png" mode="" @click="del(item.id)">
|
|
|
- </image>
|
|
|
+ <view style="width: 95%;">
|
|
|
+ 驳回原因:{{item.remark?item.remark:'无'}}</view>
|
|
|
</view>
|
|
|
- <view class="bank dis j-s a-c">
|
|
|
- <view>{{item.bankNumber.slice(0,4)}}</view>
|
|
|
- <view>{{item.bankNumber.slice(4,8)}}</view>
|
|
|
- <view>{{item.bankNumber.slice(8,12)}}</view>
|
|
|
- <view>{{item.bankNumber.slice(12,16)}}</view>
|
|
|
- <view>{{item.bankNumber.slice(-3)}}</view>
|
|
|
+ <view class="bankClass dis a-start f-c j-s" :style="{background:item.stylelist.background}">
|
|
|
+ <image class="Backgroundimage" src="/static/image/bindBank/img1.png" mode="" style=""></image>
|
|
|
+ <view class="dis j-s">
|
|
|
+ <view class="dis">
|
|
|
+ <view class="logo">
|
|
|
+ <image :src="item.stylelist.logo" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="banktitle dis f-c j-s">
|
|
|
+ <text>{{item.bankAccount}}</text>
|
|
|
+ <text>储蓄卡</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="bank dis j-s a-c">
|
|
|
+ <view>{{item.bankNumber.slice(0,4)}}</view>
|
|
|
+ <view>{{item.bankNumber.slice(4,8)}}</view>
|
|
|
+ <view>{{item.bankNumber.slice(8,12)}}</view>
|
|
|
+ <view>{{item.bankNumber.slice(12,16)}}</view>
|
|
|
+ <view>{{item.bankNumber.slice(-3)}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -82,9 +92,37 @@
|
|
|
</view>
|
|
|
<u-modal v-model="deleteshow" :show-cancel-button='true' @confirm="delbankCard">
|
|
|
<view class="slot-content dis a-c j-c" style="padding: 10px;">
|
|
|
- <span style="font-weight: bold;">点击确认删除银行卡</span>
|
|
|
+ <span style="font-weight: bold;">点击确定解绑银行卡</span>
|
|
|
</view>
|
|
|
</u-modal>
|
|
|
+ <u-popup mode="bottom" v-model="promptShow" width="100%" height="50%" border-radius="14" :closeable="true">
|
|
|
+ <view style="padding: 16px;">
|
|
|
+ <view class="binding dis f-c a-c ">
|
|
|
+ <view class="title dis f-c a-c ">
|
|
|
+ <text>修改银行卡信息</text>
|
|
|
+ <text>请填写本人的银行卡信息</text>
|
|
|
+ </view>
|
|
|
+ <view class="formInfo">
|
|
|
+ <u-field v-model="form.bankNumber" @blur="validateBankCard" :field-style="{textAlign:'right'}"
|
|
|
+ label="银行卡" placeholder="请输入银行卡卡号">
|
|
|
+ </u-field>
|
|
|
+ <u-field v-model="form.realUserName" :field-style="{textAlign:'right'}" label="本人姓名"
|
|
|
+ placeholder="输入真实姓名">
|
|
|
+ </u-field>
|
|
|
+ <u-field @click="showAction" v-model="form.bankAccount" :field-style="{textAlign:'right'}"
|
|
|
+ label="选择银行" placeholder="点击选择银行">
|
|
|
+ </u-field>
|
|
|
+ <u-field v-model="form.bankAddress" :field-style="{textAlign:'right'}" label="开户行"
|
|
|
+ placeholder="输入开户行">
|
|
|
+ </u-field>
|
|
|
+ </view>
|
|
|
+ <u-button class="mt-5" type="primary"
|
|
|
+ style="background-color:#0052FF ;font-weight: bold;width: 100%;" @tap="updateSubmit">
|
|
|
+ 点击修改</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <u-select v-model="show" :list="bnklist" @confirm="confirm"></u-select>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -92,6 +130,107 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ show: false,
|
|
|
+ bnklist: [{
|
|
|
+ value: '1',
|
|
|
+ label: '中国工商银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '中国农业银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '3',
|
|
|
+ label: '中国银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '4',
|
|
|
+ label: '中国建设银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '5',
|
|
|
+ label: '交通银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '6',
|
|
|
+ label: '中国邮政储蓄银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '7',
|
|
|
+ label: '招商银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '8',
|
|
|
+ label: '中信银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '9',
|
|
|
+ label: '中国光大银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '10',
|
|
|
+ label: '华夏银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '11',
|
|
|
+ label: '中国民生银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '12',
|
|
|
+ label: '广发银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '13',
|
|
|
+ label: '平安银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '14',
|
|
|
+ label: '上海浦东发展银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '15',
|
|
|
+ label: '兴业银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '16',
|
|
|
+ label: '浙商银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '17',
|
|
|
+ label: '渤海银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '18',
|
|
|
+ label: '恒丰银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '19',
|
|
|
+ label: '北京银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '20',
|
|
|
+ label: '上海银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '21',
|
|
|
+ label: '晋商银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '22',
|
|
|
+ label: '山西银行'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '23',
|
|
|
+ label: '农村商业银行'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ form: {
|
|
|
+ bankNumber: "",
|
|
|
+ realUserName: "",
|
|
|
+ bankAccount: "",
|
|
|
+ bankAddress: "",
|
|
|
+ },
|
|
|
+ promptShow: false,
|
|
|
id: "",
|
|
|
deleteshow: false,
|
|
|
list: [{
|
|
@@ -102,6 +241,7 @@
|
|
|
name: '驳回',
|
|
|
}],
|
|
|
current: 1,
|
|
|
+ validateBankCardStatus: false, //银行卡验证状态
|
|
|
bankNumber: "",
|
|
|
cardPackList1: [],
|
|
|
cardPackList2: [],
|
|
@@ -166,6 +306,16 @@
|
|
|
logo: "/static/image/bankLogo/jinshang.png",
|
|
|
background: "linear-gradient(90deg, rgba(224, 150, 165, 0.7) 0%, #e096a5 100%)"
|
|
|
},
|
|
|
+ {
|
|
|
+ bankName: "山西银行",
|
|
|
+ logo: "/static/image/bankLogo/shanxi.png",
|
|
|
+ background: "linear-gradient(90deg, rgba(192, 19, 73, 0.7) 0%, #c01349 100%)"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bankName: "农村商业银行",
|
|
|
+ logo: "/static/image/bankLogo/nongcun.png",
|
|
|
+ background: "linear-gradient(90deg, rgba(0, 155, 77, 0.7) 0%, #009b4d 100%)"
|
|
|
+ },
|
|
|
],
|
|
|
}
|
|
|
},
|
|
@@ -174,6 +324,57 @@
|
|
|
},
|
|
|
onLoad() {},
|
|
|
methods: {
|
|
|
+ async updateSubmit() {
|
|
|
+ let res = await this.$http.put('/userBank/update', this.form);
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.promptShow = false;
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: "none"
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: "none"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ confirm(e) {
|
|
|
+ this.form.bankAccount = e[0].label;
|
|
|
+ },
|
|
|
+ showAction() {
|
|
|
+ this.show = true;
|
|
|
+ },
|
|
|
+ // 验证银行卡
|
|
|
+ async validateBankCard() {
|
|
|
+ var that = this;
|
|
|
+ that.form.bankAccount = "";
|
|
|
+ await bankBin.getBankBin(this.accountno)
|
|
|
+ .then((data) => {
|
|
|
+ that.form.bankAccount = data.bankName;
|
|
|
+ that.validateBankCardStatus = true;
|
|
|
+ return true;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ that.validateBankCardStatus = false;
|
|
|
+ return uni.showToast({
|
|
|
+ title: err.split(":")[1],
|
|
|
+ icon: "none"
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async update(id) {
|
|
|
+ let res = await this.$http.get('/userBank/getByBankId?id=' + id);
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.form.id = res.data.id;
|
|
|
+ this.form.bankNumber = res.data.bankNumber;
|
|
|
+ this.form.realUserName = res.data.realUserName;
|
|
|
+ this.form.bankAccount = res.data.bankAccount;
|
|
|
+ this.form.bankAddress = res.data.bankAddress;
|
|
|
+ this.promptShow = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
change(index) {
|
|
|
this.current = index;
|
|
|
},
|
|
@@ -223,8 +424,12 @@
|
|
|
this.id = id;
|
|
|
this.deleteshow = true;
|
|
|
},
|
|
|
+
|
|
|
async delbankCard() {
|
|
|
- let res = await this.$http.delete('/userBank/' + this.id);
|
|
|
+ let res = await this.$http.post('/userBank/unbind', {
|
|
|
+ id: this.id,
|
|
|
+ delFlag: '1',
|
|
|
+ });
|
|
|
if (res.code == '200') {
|
|
|
this.getcardPack();
|
|
|
uni.showToast({
|
|
@@ -239,6 +444,47 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+ .binding {
|
|
|
+ padding: 16px;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ text:first-child {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .formInfo {
|
|
|
+ margin-top: 18px;
|
|
|
+ width: 100%;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 4px 10px 0px #DAE3F4;
|
|
|
+ border-radius: 6px;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .rejectionReason {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ padding: 5px;
|
|
|
+ background: rgba(255, 15, 0, 0.1);
|
|
|
+ border-radius: 8px 8px 8px 8px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+
|
|
|
+
|
|
|
+ >view {
|
|
|
+ color: #DC0D00;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
page {
|
|
|
background-color: #fff;
|
|
|
}
|
|
@@ -302,7 +548,7 @@
|
|
|
}
|
|
|
|
|
|
.tool {
|
|
|
- width: 28px;
|
|
|
+ width: 20px;
|
|
|
height: 20px;
|
|
|
}
|
|
|
|