|
@@ -183,9 +183,19 @@
|
|
|
<img class="icon" src="../../assets/user/icon_yinhangka@3x.png" alt="" />
|
|
<img class="icon" src="../../assets/user/icon_yinhangka@3x.png" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="text2">银行卡</div>
|
|
<div class="text2">银行卡</div>
|
|
|
- <div class="text3">已添加银行卡信息</div>
|
|
|
|
|
|
|
+ <div class="text3">{{ ipcFlag ? '已添加银行卡信息' : '当前没有添加银行卡信息' }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="text4" v-if="!ipcFlag" @click="ipcFn">去添加</div>
|
|
|
|
|
+ <div class="text4" v-else @click="ipcShow = !ipcShow">{{ ipcShow ? '收起' : '查看' }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="boxIpc" v-if="ipcShow">
|
|
|
|
|
+ <div v-for="item in ipcList" :key="item.id">
|
|
|
|
|
+ <div class="ipc-top">
|
|
|
|
|
+ <div class="ipc-text">{{ item.bankName }}</div>
|
|
|
|
|
+ <div class="ipc-text2">{{ Ipc[0] }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="ipc-text1">{{ item.cardTypeDesc }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="text4" @click="ipcFn">查看</div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -207,12 +217,14 @@ export default {
|
|
|
tabs: ['粉丝', '关注'],
|
|
tabs: ['粉丝', '关注'],
|
|
|
active: '',
|
|
active: '',
|
|
|
isFollow: false,
|
|
isFollow: false,
|
|
|
|
|
+ ipcShow: false,
|
|
|
list: '',
|
|
list: '',
|
|
|
empty: false,
|
|
empty: false,
|
|
|
value: '',
|
|
value: '',
|
|
|
url: '/identityAuth/all',
|
|
url: '/identityAuth/all',
|
|
|
org: '',
|
|
org: '',
|
|
|
- lists: []
|
|
|
|
|
|
|
+ lists: [],
|
|
|
|
|
+ ipcList: []
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -220,9 +232,21 @@ export default {
|
|
|
Phone() {
|
|
Phone() {
|
|
|
return this.userInfo.phone.slice(0, 3) + ' **** ' + this.userInfo.phone.slice(7, 11);
|
|
return this.userInfo.phone.slice(0, 3) + ' **** ' + this.userInfo.phone.slice(7, 11);
|
|
|
},
|
|
},
|
|
|
|
|
+ Ipc() {
|
|
|
|
|
+ return this.ipcList.map(item => {
|
|
|
|
|
+ return item.bankNo.slice(0, 0) + ' **** ' + item.bankNo.slice(15, 19);
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
type() {
|
|
type() {
|
|
|
return this.lists[0].org;
|
|
return this.lists[0].org;
|
|
|
},
|
|
},
|
|
|
|
|
+ ipcFlag() {
|
|
|
|
|
+ if (this.ipcList.length > 0) {
|
|
|
|
|
+ return true;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
Status() {
|
|
Status() {
|
|
|
if (this.userInfo.authStatus === 'NOT_AUTH') {
|
|
if (this.userInfo.authStatus === 'NOT_AUTH') {
|
|
|
return '未认证';
|
|
return '未认证';
|
|
@@ -239,15 +263,14 @@ export default {
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
this.add();
|
|
this.add();
|
|
|
}, 1000);
|
|
}, 1000);
|
|
|
- this.$http
|
|
|
|
|
- .get('user/myBankCard', {
|
|
|
|
|
- userId: this.userInfo.id
|
|
|
|
|
- })
|
|
|
|
|
- .then(res => {
|
|
|
|
|
- console.log(res);
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ this.BackCard();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ BackCard() {
|
|
|
|
|
+ this.$http.get('user/myBankCard').then(res => {
|
|
|
|
|
+ this.ipcList = res;
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
ipcFn() {
|
|
ipcFn() {
|
|
|
if (this.userInfo.authStatus === 'SUCCESS') {
|
|
if (this.userInfo.authStatus === 'SUCCESS') {
|
|
|
this.$router.push('/Addipc');
|
|
this.$router.push('/Addipc');
|
|
@@ -713,6 +736,42 @@ export default {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .boxIpc {
|
|
|
|
|
+ width: 900px;
|
|
|
|
|
+ height: 75px;
|
|
|
|
|
+ background: linear-gradient(90deg, #37b074 0%, #52c174 100%);
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ margin-left: 36px;
|
|
|
|
|
+
|
|
|
|
|
+ .ipc-top {
|
|
|
|
|
+ padding: 16px 16px 2px 16px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ .ipc-text {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ line-height: 24px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .ipc-text2 {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ line-height: 24px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .ipc-text1 {
|
|
|
|
|
+ font-size: 10px;
|
|
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ line-height: 10px;
|
|
|
|
|
+ padding-left: 16px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
.border {
|
|
.border {
|
|
|
height: 1px;
|
|
height: 1px;
|
|
|
background: #494a4d;
|
|
background: #494a4d;
|