huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

update

Browse Source
20240205
luoJunYong.123 3 years ago
parent b86d882969
commit 294f851d9e
4 changed files with 25 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/img/selectBusiness.png
  2. 43
      src/pages/counter/list/index.vue
  3. 14
      src/store/modules/system.js
  4. 0
      test.js

BIN
src/assets/img/selectBusiness.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

43
src/pages/counter/list/index.vue
Unescape View File

@ -73,7 +73,7 @@
<el-tooltip placement="top" popper-class="sth-popper" offset="50"> <el-tooltip placement="top" popper-class="sth-popper" offset="50">
<div slot="content"> <div slot="content">
<div class="businessClass">展示业务列表</div> <img v-lazy="this.lazyImg[29]" alt="" />
</div> </div>
<img class="sth employee" v-lazy="lazyImg[21]" @click="showBusinessSelect(true)" alt="" /> <img class="sth employee" v-lazy="lazyImg[21]" @click="showBusinessSelect(true)" alt="" />
</el-tooltip> </el-tooltip>
@ -131,7 +131,7 @@
<el-form-item label="确认密码" prop="passwordAgain"> <el-form-item label="确认密码" prop="passwordAgain">
<el-input show-password v-model="passwordForm.passwordAgain" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off"></el-input> <el-input show-password v-model="passwordForm.passwordAgain" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
</el-form>@ </el-form>
</div> </div>
<div v-else-if="popText==='印章盒'" class="seal" style="width:1200px;"> <div v-else-if="popText==='印章盒'" class="seal" style="width:1200px;">
@ -211,7 +211,7 @@
<p class="tips2">请选择您要办理的业务</p> <p class="tips2">请选择您要办理的业务</p>
<ul class="take-list2"> <ul class="take-list2">
<li v-for="(item) in businessArr" :class="{checked: takeCheck == item.myKey}" :key="item.myKey" @click="checkTake(item.myKey)"> <li v-for="(item) in businessArr" :class="{checked: takeCheck == item.myKey}" :key="item.myKey" @click="checkTake(item.myKey)">
<img v-lazy="item.img" alt=""> <img v-lazy="businessImg" alt="">
<p>{{ item.myKey + item.text}}</p> <p>{{ item.myKey + item.text}}</p>
</li> </li>
</ul> </ul>
@ -268,139 +268,113 @@ export default {
// peopleSign: [], // peopleSign: [],
// moneyBox: [], // moneyBox: [],
takeCheck: '', // 选择业务逻辑 myKey用来确定选择哪个项目 takeCheck: '', // 选择业务逻辑 myKey用来确定选择哪个项目
businessImg: require('@/assets/img/业务列表2.png'),
businessArr: [ businessArr: [
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目一', myKey: '项目一',
text: ': 个人活期开户、存款' text: ': 个人活期开户、存款'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二', myKey: '项目二',
text: ': 个人活期转账、取款、销户' text: ': 个人活期转账、取款、销户'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目三', myKey: '项目三',
text: ': 整存整取开户存款' text: ': 整存整取开户存款'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目四', myKey: '项目四',
text: ': 整存整取部分提前支取' text: ': 整存整取部分提前支取'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目五', myKey: '项目五',
text: ': 整存整取全部提前支取' text: ': 整存整取全部提前支取'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目六', myKey: '项目六',
text: ': 零存整取开户' text: ': 零存整取开户'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目七', myKey: '项目七',
text: ': 零存整取续存' text: ': 零存整取续存'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目八', myKey: '项目八',
text: ': 零存整取销户' text: ': 零存整取销户'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目九', myKey: '项目九',
text: ': 通知存款开户' text: ': 通知存款开户'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十', myKey: '项目十',
text: ': 通知存款销户' text: ': 通知存款销户'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十一', myKey: '项目十一',
text: ': 公司基本户和开立' text: ': 公司基本户和开立'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十二', myKey: '项目十二',
text: ': 公司存款' text: ': 公司存款'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十三', myKey: '项目十三',
text: ': 公司现金支票取款' text: ': 公司现金支票取款'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十四', myKey: '项目十四',
text: ': 公司现金支票转账' text: ': 公司现金支票转账'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十五', myKey: '项目十五',
text: ': 密码修改' text: ': 密码修改'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十六', myKey: '项目十六',
text: ': 密码挂失' text: ': 密码挂失'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十七', myKey: '项目十七',
text: ': 挂失解挂' text: ': 挂失解挂'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十八', myKey: '项目十八',
text: ': 支票出售' text: ': 支票出售'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目十九', myKey: '项目十九',
text: ': 现金领用' text: ': 现金领用'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十', myKey: '项目二十',
text: ': 现金上缴' text: ': 现金上缴'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十一', myKey: '项目二十一',
text: ': 现金领用' text: ': 现金领用'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十二', myKey: '项目二十二',
text: ': 现金调出' text: ': 现金调出'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十三', myKey: '项目二十三',
text: ': 凭证调入' text: ': 凭证调入'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十四', myKey: '项目二十四',
text: ': 凭证调出' text: ': 凭证调出'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十五', myKey: '项目二十五',
text: ': 凭证上缴' text: ': 凭证上缴'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十六', myKey: '项目二十六',
text: ': 柜员日中轧账' text: ': 柜员日中轧账'
}, },
{ {
img: require('@/assets/svg/cash.svg'),
myKey: '项目二十七', myKey: '项目二十七',
text: ': 网点日中轧账' text: ': 网点日中轧账'
} }
@ -557,7 +531,8 @@ export default {
require('@/assets/img/tooltip/sfz.png'), require('@/assets/img/tooltip/sfz.png'),
require('@/assets/img/idCard-scanner.png'), require('@/assets/img/idCard-scanner.png'),
require('@/assets/svg/arrow-right.svg'), require('@/assets/svg/arrow-right.svg'),
require('@/assets/svg/close.svg') require('@/assets/svg/close.svg'),
require('@/assets/img/selectBusiness.png')
] ]
}; };
}, },
@ -1029,6 +1004,7 @@ export default {
} }
}, },
created() { created() {
console.log(this.lazyImg.length)
let arr = this.$route.path.split('/').slice(-2); let arr = this.$route.path.split('/').slice(-2);
if (arr.pop() === 'manage' || arr[0] === 'manage') { if (arr.pop() === 'manage' || arr[0] === 'manage') {
this.manageVisible = true; this.manageVisible = true;
@ -2941,7 +2917,7 @@ export default {
// margin-left: 50px; // margin-left: 50px;
// } // }
img{ img{
width: 30%; width: 20%;
margin: 0; margin: 0;
//height: 154px; //height: 154px;
//margin: 0 45px; //margin: 0 45px;
@ -2951,6 +2927,9 @@ export default {
color: #000; color: #000;
text-align: center; text-align: center;
padding: 0 20px; padding: 0 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
&.checked{ &.checked{
background: rgba(97,145,255,0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat; background: rgba(97,145,255,0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat;

14
src/store/modules/system.js
Unescape View File

@ -81,6 +81,20 @@ export default {
cultureIn: [], // 传票栏传票栏 cultureIn: [], // 传票栏传票栏
sealBox: [] // 印章盒 sealBox: [] // 印章盒
}, },
'项目三': {
data: [15, 13, 23, 14], // 现金、身份证原件、复印件、开户申请书
needs: [19],
isStamp: {
'业务专用章': [14]
},
backPeople: [142, 13 ],
cultureArr: [141, 23], // 入库
// 各种物品信息
moneyBox: [], // 钱箱
peopleSign: [], // 客户签字
cultureIn: [], // 传票栏传票栏
sealBox: [] // 印章盒
},
}, },
goods:[// 物品栏的物品 goods:[// 物品栏的物品
{ {

0
test.js
Unescape View File

Write Preview
Loading…
Cancel
Save