update

src/pages/counter/list/index.vue

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

src/store/modules/system.js

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