|
|
|
|
@ -159,8 +159,9 @@ |
|
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeCopyDia"> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
|
<ul class="list" style="justify-content: center"> |
|
|
|
|
<li v-for="item in elImg2" :class="{checked: checkList.includes(item.key)}" @click="checkData(item.key)" :key="item.key"> |
|
|
|
|
<ul class="flex justify-center "> |
|
|
|
|
<div v-for="item in elImg2" class="list flex-col spacialStyle" @click="checkData(item.key, item.copyState)" :key="item.key"> |
|
|
|
|
<li :class="{checked: checkList.includes(item.key)}"> |
|
|
|
|
<!-- <img :src="item.img" :title="item.name" :alt="item.name"> --> |
|
|
|
|
<el-image |
|
|
|
|
style="margin-top: -10" |
|
|
|
|
@ -169,25 +170,51 @@ |
|
|
|
|
></el-image> |
|
|
|
|
<p>{{ item.name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<p v-show="item.copyState">已复印</p> |
|
|
|
|
</div> |
|
|
|
|
</ul> |
|
|
|
|
<div class="dia-footer"> |
|
|
|
|
<button type="button" v-throttle @click="sureCopy">确定</button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia "> |
|
|
|
|
<div slot="title" class="dia-header"> |
|
|
|
|
<div class="data-title">取回</div> |
|
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption"> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
|
<ul class="list" style="justify-content: center"> |
|
|
|
|
<ul class="flex justify-center" > |
|
|
|
|
<div v-for="item in elImg2" class="list flex-col" @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"> --> |
|
|
|
|
<el-image |
|
|
|
|
:src="item.img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
></el-image> |
|
|
|
|
<p>{{ item.name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<p v-show="item.returnState">已取回</p> |
|
|
|
|
</div> |
|
|
|
|
</ul> |
|
|
|
|
<div class="dia-footer"> |
|
|
|
|
<button type="button" v-throttle @click="takeBack">确定</button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- <el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia "> |
|
|
|
|
<div slot="title" class="dia-header"> |
|
|
|
|
<div class="data-title">取回</div> |
|
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption"> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li :class="{checked: checkList.includes(13)}" @click="checkData(13)"> |
|
|
|
|
<img src="@/assets/img/idCard-sm.png" alt=""> |
|
|
|
|
<p>身份证</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(405)}" @click="checkData(405)" style='margin-left: 10px'> |
|
|
|
|
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> --> |
|
|
|
|
<li :class="{checked: checkList.includes(405)}" @click="checkData(405)"> |
|
|
|
|
<el-image |
|
|
|
|
style="margin-top: -10" |
|
|
|
|
:src="elImg[0].img" |
|
|
|
|
@ -199,7 +226,7 @@ |
|
|
|
|
<div class="dia-footer"> |
|
|
|
|
<button type="button" v-throttle @click="takeBack">确定</button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-dialog> --> |
|
|
|
|
|
|
|
|
|
<!-- 图片查看器 --> |
|
|
|
|
<el-dialog |
|
|
|
|
@ -256,8 +283,8 @@ export default { |
|
|
|
|
], |
|
|
|
|
elImg2: [ |
|
|
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405 }, |
|
|
|
|
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13 }, |
|
|
|
|
{ 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 }, |
|
|
|
|
|
|
|
|
|
], |
|
|
|
|
listLi1 : [ |
|
|
|
|
@ -278,6 +305,16 @@ export default { |
|
|
|
|
lazy1: require('@/assets/img/manager.png') |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416' |
|
|
|
|
let param= { |
|
|
|
|
parentId |
|
|
|
|
} |
|
|
|
|
getOperation(param).then((data)=>{ |
|
|
|
|
console.log('缓存的data') |
|
|
|
|
console.log(data) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
mixins: [saveSystemModule], |
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
@ -403,8 +440,14 @@ export default { |
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
// ... |
|
|
|
|
this.copyVisible = false |
|
|
|
|
this.elImg2.map(item => { |
|
|
|
|
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) { |
|
|
|
|
item.copyState = true |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.checkList = [] |
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
@ -413,7 +456,7 @@ export default { |
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
this.$message({ |
|
|
|
|
showClose: true, |
|
|
|
|
message: '网络可能有问题哦,填单失败', |
|
|
|
|
message: '网络可能有问题,填单失败', |
|
|
|
|
type: 'warning', |
|
|
|
|
center: true |
|
|
|
|
}); |
|
|
|
|
@ -443,6 +486,11 @@ export default { |
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
// ... |
|
|
|
|
this.recaptionVisible = false |
|
|
|
|
this.elImg2.map(item => { |
|
|
|
|
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) { |
|
|
|
|
item.returnState = true |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.checkList = [] |
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
setTimeout(() => { |
|
|
|
|
@ -503,7 +551,11 @@ export default { |
|
|
|
|
this.workingName = '填单' |
|
|
|
|
this.dataVisible = true |
|
|
|
|
}, |
|
|
|
|
checkData(id){ |
|
|
|
|
checkData(id, state){ |
|
|
|
|
if(state) { |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.checkList.includes(id) ? this.checkList.splice(this.checkList.indexOf(id),1) : this.checkList.push(id) |
|
|
|
|
|
|
|
|
|
this.clickNum++ |
|
|
|
|
@ -515,6 +567,9 @@ export default { |
|
|
|
|
}else if(this.workingName === '复印') { |
|
|
|
|
itemIndex = this.elImg2.findIndex(item => item.key === id) |
|
|
|
|
this.imgSrc = this.elImg2[itemIndex].img |
|
|
|
|
}else if(this.workingName === '取回') { |
|
|
|
|
itemIndex = this.elImg2.findIndex(item => item.key === id) |
|
|
|
|
this.imgSrc = this.elImg2[itemIndex].img |
|
|
|
|
} |
|
|
|
|
this.clickNum = 0; |
|
|
|
|
this.showImg = true |
|
|
|
|
@ -689,14 +744,55 @@ export default { |
|
|
|
|
} |
|
|
|
|
.list { |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-width: 5vw; |
|
|
|
|
overflow: auto; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
justify-content: center; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
&>li { |
|
|
|
|
li { |
|
|
|
|
width: 140px; |
|
|
|
|
height: 140px; |
|
|
|
|
margin: 10px 0; |
|
|
|
|
margin: 10px 10px; |
|
|
|
|
// 这里和common.js混了！ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
overflow: hidden; |
|
|
|
|
padding: 10px; |
|
|
|
|
// &>img { |
|
|
|
|
// width: 100%; |
|
|
|
|
// //max-width: 90%; |
|
|
|
|
// } |
|
|
|
|
&>.el-image { |
|
|
|
|
width: 100%; |
|
|
|
|
max-height: 80px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
img { |
|
|
|
|
//transform: translateY(-35%); |
|
|
|
|
// width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
p{ |
|
|
|
|
font-size: 14px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.list2 { |
|
|
|
|
max-height: 30vh; |
|
|
|
|
min-width: 5vw; |
|
|
|
|
overflow: auto; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
li { |
|
|
|
|
width: 140px; |
|
|
|
|
height: 140px; |
|
|
|
|
margin: 10px 10px; |
|
|
|
|
// 这里和common.js混了！ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
display: flex; |
|
|
|
|
@ -731,4 +827,8 @@ export default { |
|
|
|
|
opacity: 0; |
|
|
|
|
cursor: default!important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.spacialStyle { |
|
|
|
|
width: 30%!important; |
|
|
|
|
} |
|
|
|
|
</style> |
luoJunYong.123
3 years ago