|
|
|
@ -98,7 +98,7 @@ |
|
|
|
|
:src="elImg[3].img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
></el-image> |
|
|
|
|
<p style="font-size: 14px;line-height: 15px">{{ elImg[3].name }}</p> |
|
|
|
|
<p :title="elImg[3].name">{{ elImg[3].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[4].key)}" @click="checkData(elImg[4].key)"> |
|
|
|
|
<img :src="elImg[4].img" :alt="elImg[4].name" :title="elImg[4].name"> |
|
|
|
@ -192,7 +192,7 @@ |
|
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption"> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
|
<ul class="flex justify-center" > |
|
|
|
|
<ul class="flex justify-center flex-wrap" > |
|
|
|
|
<div v-for="item in elImg3" class="list flex-col spacialStyle" style="justify-content: flex-start" @click="checkData(item.key, item.returnState)" :key="item.key"> |
|
|
|
|
<li :class="{checked: checkList.includes(item.key)}"> |
|
|
|
|
<!-- <img :src="item.img" :title="item.name" :alt="item.name"> --> |
|
|
|
@ -200,7 +200,7 @@ |
|
|
|
|
:src="item.img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
></el-image> |
|
|
|
|
<p>{{ item.name }}</p> |
|
|
|
|
<p :title="item.name">{{ item.name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<p>{{ item.returnState ? '已取回': (item.copy ? '复印件' : '') }}</p> |
|
|
|
|
</div> |
|
|
|
@ -276,7 +276,7 @@ export default { |
|
|
|
|
], |
|
|
|
|
elImg: [ |
|
|
|
|
{ img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405 }, |
|
|
|
|
{ img: require('@/assets/img/idCard-copy-sm.png'), name: '密码挂失申请书', key: 406 }, |
|
|
|
|
{ img: require('@/assets/img/goods/businessReportMissUser.png'), name: '密码挂失申请书', key: 406 }, |
|
|
|
|
{ img: require('@/assets/img/goods/businessSpecialApplication.png'), name: '特殊业务申请书', key: 407 }, |
|
|
|
|
{ img: require('@/assets/img/goods/ApplicationBankSettlement.png'), name: '开立单位银行结算账户申请书', key: 408 }, |
|
|
|
|
{ img: require('@/assets/img/goods/CashCertificate.png'), name: '现金存款凭证', key: 409 }, |
|
|
|
@ -290,7 +290,6 @@ export default { |
|
|
|
|
{ img: require('@/assets/img/goods/xhsqs.png'), name: '销户申请书', key: 588 }, |
|
|
|
|
], |
|
|
|
|
elImg2: [ |
|
|
|
|
{ img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405, copyState: false, returnState: false }, |
|
|
|
|
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13, copyState: false, returnState: false }, |
|
|
|
|
], |
|
|
|
|
elImg3: [], |
|
|
|
@ -467,12 +466,21 @@ export default { |
|
|
|
|
this.elImg2.map(item => { |
|
|
|
|
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) { |
|
|
|
|
item.copyState = true |
|
|
|
|
this.elImg3.push(item) |
|
|
|
|
const copyItem = JSON.parse(JSON.stringify(item)) |
|
|
|
|
copyItem.copy = true |
|
|
|
|
if (copyItem.key == 405) copyItem.key = 589 |
|
|
|
|
if (copyItem.key == 13) copyItem.key = 23 |
|
|
|
|
this.elImg3.push(copyItem) |
|
|
|
|
this.elImg3.find(e => e.key == item.key) || this.elImg3.push(item) // 取回弹框里没有该证件才需要添加进去 |
|
|
|
|
|
|
|
|
|
// 给取回弹框里添加复印的证件(只有下面这几个是有复印件图片的,没有复印件图片的,不用添加) |
|
|
|
|
let copyItem |
|
|
|
|
// if (copyItem.key == 405) copyItem.key = 589 |
|
|
|
|
if (item.key == 13) { |
|
|
|
|
copyItem = {name:'身份证复印件',img:require('@/assets/img/idCard-copy-sm.png'),key:23,copyState: true,returnState: false} |
|
|
|
|
} else if (item.key == 442) { |
|
|
|
|
copyItem = {name:'法人身份证复印件',img:require('@/assets/img/idCard-copy-sm.png'),key:431,copyState: true,returnState: false} |
|
|
|
|
} else if (item.key == 434) { |
|
|
|
|
copyItem = {name:'统一社会信用代码证复印件',img:require('@/assets/img/goods/营业执照复印件.png'),key:435,copyState: true,returnState: false} |
|
|
|
|
} else if (item.key == 436) { |
|
|
|
|
copyItem = {name:'开户许可证复印件',img:require('@/assets/img/goods/开户许可证复印件.png'),key:437,copyState: true,returnState: false} |
|
|
|
|
} |
|
|
|
|
if (copyItem) this.elImg3.push(copyItem) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.checkList = [] |
|
|
|
@ -568,7 +576,6 @@ export default { |
|
|
|
|
if(state) { |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.checkList.includes(id) ? this.checkList.splice(this.checkList.indexOf(id),1) : this.checkList.push(id) |
|
|
|
|
|
|
|
|
|
this.clickNum++ |
|
|
|
@ -603,8 +610,8 @@ export default { |
|
|
|
|
|
|
|
|
|
showCopy(){ |
|
|
|
|
console.log("🚀 ~ file: index.vue:607 ~ showCopy ~ this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id:", this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id) |
|
|
|
|
|
|
|
|
|
if (this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id === 500) { |
|
|
|
|
const { id } = this.$store.state.system.businessSelect[this.$store.state.system.businessKey] |
|
|
|
|
if (id === 500) { |
|
|
|
|
// 公司基本户开立业务要显示: 法人身份证、开立银行结算账户申请书、营业执照、开户许可证 |
|
|
|
|
this.elImg2 = [ |
|
|
|
|
{ img: require('@/assets/img/goods/idCard.png'), name: '法人身份证', key: 442, copyState: false, returnState: false }, |
|
|
|
@ -612,17 +619,23 @@ export default { |
|
|
|
|
{ img: require('@/assets/img/goods/营业执照.png'), name: '统一社会信用代码证', key: 434, copyState: false, returnState: false }, |
|
|
|
|
{ img: require('@/assets/img/goods/开户许可证.png'), name: '开户许可证', key: 436, copyState: false, returnState: false }, |
|
|
|
|
] |
|
|
|
|
} else if (this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id === 504) { |
|
|
|
|
} else if (id === 504) { |
|
|
|
|
// 密码修改业务要显示特殊业务申请书和身份证 |
|
|
|
|
this.elImg2 = [ |
|
|
|
|
{ img: require('@/assets/img/goods/businessSpecialApplication.png'), name: '特殊业务申请书', key: 407, copyState: false, returnState: false }, |
|
|
|
|
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13, copyState: false, returnState: false }, |
|
|
|
|
] |
|
|
|
|
} else if (this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id === 502) { |
|
|
|
|
// 公司现金支票取款业务要显示法人身份证 |
|
|
|
|
} else if (id === 502 || id === 501 || id === 503) { |
|
|
|
|
// 公司存款、取款、转账业务要显示法人身份证 |
|
|
|
|
this.elImg2 = [ |
|
|
|
|
{ img: require('@/assets/img/goods/idCard.png'), name: '法人身份证', key: 442, copyState: false, returnState: false }, |
|
|
|
|
] |
|
|
|
|
} else if (id === 489) { |
|
|
|
|
// 个人活期开户存款要显示开户申请书、身份证 |
|
|
|
|
this.elImg2 = [ |
|
|
|
|
{ img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405, copyState: false, returnState: false }, |
|
|
|
|
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13, copyState: false, returnState: false }, |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
this.workingName = '复印' |
|
|
|
|
this.copyVisible = true |
|
|
|
@ -796,10 +809,9 @@ export default { |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
overflow: hidden; |
|
|
|
|
padding: 10px; |
|
|
|
|
// &>img { |
|
|
|
|
// width: 100%; |
|
|
|
|
// //max-width: 90%; |
|
|
|
|
// } |
|
|
|
|
&>img { |
|
|
|
|
max-height: 80px; |
|
|
|
|
} |
|
|
|
|
&>.el-image { |
|
|
|
|
width: 100%; |
|
|
|
|
max-height: 80px; |
|
|
|
|