|
|
|
@ -1,10 +1,10 @@ |
|
|
|
|
<template> |
|
|
|
|
<el-dialog :visible="true" class="" :modal="false" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="animate__animated animate__bounceIn data-dia 2xl:w-7/12 xl:w-9/12 lg:w-full h-9/12"> |
|
|
|
|
<div slot="title" class="dia-header2"> |
|
|
|
|
<div class="data-title2">请选择业务</div> |
|
|
|
|
<div class="data-title2">业务选择</div> |
|
|
|
|
<div class="close"><img v-lazy="closeImg" alt="" @click="showBusinessSelect(false)" /></div> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips2">请选择您要办理的业务</p> |
|
|
|
|
<p class="tips2">请选择您要办理的业务:</p> |
|
|
|
|
<ul class="take-list2"> |
|
|
|
|
<li v-for="(item) in businessArr" :class="{checked: takeCheck == item.myKey,'animate-pulse': takeCheck == item.myKey}" class=" duration-1000" :key="item.myKey" @click="checkTake(item.myKey)"> |
|
|
|
|
<img v-lazy="businessImg" alt=""> |
|
|
|
@ -47,115 +47,115 @@ export default { |
|
|
|
|
// 选择业务逻辑 |
|
|
|
|
businessArr: [ |
|
|
|
|
{ |
|
|
|
|
myKey: '项目一', |
|
|
|
|
myKey: '业务一', |
|
|
|
|
text: ': 个人活期开户、存款' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二', |
|
|
|
|
myKey: '业务二', |
|
|
|
|
text: ': 个人活期转账、取款、销户' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目三', |
|
|
|
|
myKey: '业务三', |
|
|
|
|
text: ': 整存整取开户存款' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目四', |
|
|
|
|
myKey: '业务四', |
|
|
|
|
text: ': 整存整取部分提前支取' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目五', |
|
|
|
|
myKey: '业务五', |
|
|
|
|
text: ': 整存整取全部提前支取' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目六', |
|
|
|
|
myKey: '业务六', |
|
|
|
|
text: ': 零存整取开户' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目七', |
|
|
|
|
myKey: '业务七', |
|
|
|
|
text: ': 零存整取续存' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目八', |
|
|
|
|
myKey: '业务八', |
|
|
|
|
text: ': 零存整取销户' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目九', |
|
|
|
|
myKey: '业务九', |
|
|
|
|
text: ': 通知存款开户' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十', |
|
|
|
|
myKey: '业务十', |
|
|
|
|
text: ': 通知存款销户' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十一', |
|
|
|
|
myKey: '业务十一', |
|
|
|
|
text: ': 公司基本户和开立' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十二', |
|
|
|
|
myKey: '业务十二', |
|
|
|
|
text: ': 公司存款' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十三', |
|
|
|
|
myKey: '业务十三', |
|
|
|
|
text: ': 公司现金支票取款' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十四', |
|
|
|
|
myKey: '业务十四', |
|
|
|
|
text: ': 公司现金支票转账' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十五', |
|
|
|
|
myKey: '业务十五', |
|
|
|
|
text: ': 密码修改' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十六', |
|
|
|
|
myKey: '业务十六', |
|
|
|
|
text: ': 密码挂失' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十七', |
|
|
|
|
myKey: '业务十七', |
|
|
|
|
text: ': 挂失解挂' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十八', |
|
|
|
|
myKey: '业务十八', |
|
|
|
|
text: ': 现金领用' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目十九', |
|
|
|
|
myKey: '业务十九', |
|
|
|
|
text: ': 现金上缴' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十', |
|
|
|
|
myKey: '业务二十', |
|
|
|
|
text: ': 现金调入' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十一', |
|
|
|
|
myKey: '业务二十一', |
|
|
|
|
text: ': 现金调出' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十二', |
|
|
|
|
myKey: '业务二十二', |
|
|
|
|
text: ': 凭证领用' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十三', |
|
|
|
|
myKey: '业务二十三', |
|
|
|
|
text: ': 凭证上缴' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十四', |
|
|
|
|
myKey: '业务二十四', |
|
|
|
|
text: ': 凭证调入' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十五', |
|
|
|
|
myKey: '业务二十五', |
|
|
|
|
text: ': 凭证调出' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十六', |
|
|
|
|
myKey: '业务二十六', |
|
|
|
|
text: ': 支票出售' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十七', |
|
|
|
|
myKey: '业务二十七', |
|
|
|
|
text: ': 柜员日中轧账' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
myKey: '项目二十八', |
|
|
|
|
myKey: '业务二十八', |
|
|
|
|
text: ': 网点日中轧账' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
@ -185,7 +185,7 @@ export default { |
|
|
|
|
// message: '请选择一个业务' |
|
|
|
|
// }); |
|
|
|
|
// }); |
|
|
|
|
this.$confirm('由于您未选择一个业务,这将回到项目列表,是否继续?', '提示', { |
|
|
|
|
this.$confirm('由于您未选择一个业务,这将回到业务列表,是否继续?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
center: true, |
|
|
|
@ -277,6 +277,7 @@ export default { |
|
|
|
|
align-items: center; |
|
|
|
|
width: 30%; |
|
|
|
|
height: 10vh; |
|
|
|
|
font-size: 16px; |
|
|
|
|
margin: 1vh 0; |
|
|
|
|
border: 4px solid #DBDBDB; |
|
|
|
|
border-radius: 20px; |
|
|
|
@ -295,13 +296,19 @@ export default { |
|
|
|
|
//margin: 0 45px; |
|
|
|
|
} |
|
|
|
|
p{ |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
color: #000; |
|
|
|
|
text-align: center; |
|
|
|
|
text-align: left; |
|
|
|
|
padding: 0 20px; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
// white-space: wrap; |
|
|
|
|
// overflow: hidden; |
|
|
|
|
// text-overflow: ellipsis; |
|
|
|
|
text-overflow: -o-ellipsis-lastline; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
display: -webkit-box; |
|
|
|
|
-webkit-line-clamp: 2; |
|
|
|
|
-webkit-box-orient: vertical |
|
|
|
|
} |
|
|
|
|
&.checked{ |
|
|
|
|
background: rgba(97,145,255,0.10) url('../../assets/svg/checked.svg') 96% 7%/auto no-repeat; |
|
|
|
@ -319,6 +326,7 @@ export default { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 15px; |
|
|
|
|
height: 50px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: 50px; |
|
|
|
|
color:#fff; |
|
|
|
|
} |
|
|
|
@ -338,7 +346,7 @@ export default { |
|
|
|
|
.tips2 { |
|
|
|
|
margin: 1vh 0 2vh 0; |
|
|
|
|
text-align: left; |
|
|
|
|
font-size: 20px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
.list { |
|
|
|
|