diff --git a/src/components/myTitle/index.vue b/src/components/myTitle/index.vue
new file mode 100644
index 0000000..0bd0aed
--- /dev/null
+++ b/src/components/myTitle/index.vue
@@ -0,0 +1,27 @@
+<template>
+    <!-- <div class="flex mt-8 ml-12 text-xl title"> -->
+    <div class="title">
+        <template v-for="(item, index) in titleArr">
+            <p :key="index + 'p'">{{ item }}</p>
+            <i :key="index + 'i'" v-if="index<titleArr.length-1" class="el-icon-arrow-right text-xl"></i>
+        </template>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        titleArr: Array
+    }
+}
+</script>
+
+<style>
+    .title{
+        height: 60px;
+        display: flex;
+        align-items: center;
+        padding-left: 0px;
+        margin-top: 10px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 584953f..06a4039 100644
--- a/src/main.js
+++ b/src/main.js
@@ -18,6 +18,7 @@ import VueLazyload from 'vue-lazyload';
 import plugins from '@/plugins';
 import filters from '@/plugins/filters'
 import axios from 'axios'
+
 Vue.prototype.$axios = axios
 
 Vue.directive('focus', {/* 聚焦事件 */
diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue
index a239f8b..e457885 100644
--- a/src/pages/counter/list/index.vue
+++ b/src/pages/counter/list/index.vue
@@ -96,7 +96,7 @@
 
         <!-- 物品栏 -->
         <div ref="goods" class="goods-dia" :class="{ active: showGoods }">
-            <div :id="item.name" v-for="(item, index) in goodsShelfTotalData" :key="index" class=" justify-center" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item,'goods')">
+            <div :id="item.name" v-for="(item, index) in goods" :key="index" class=" justify-center" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item,'goods')">
                 <img :style="item.name==='开户申请书'?'margin-top:10px;':''" :src="item.src" alt="" />
                 <p>{{item.name}}</p>
             </div>
@@ -141,7 +141,7 @@
                 </div>
             </div>
 
-            <div v-else-if="popText==='重要空白凭证箱'" class="seal" style="width:1200px;" ref="popUpImportanceArr">
+            <div v-else-if="popText==='重要空白凭证箱'" class="seal" style="width:1200px;">
                 <div class="left else">
                     <div v-for="(item, index) in importanceArr" :key="index" :class="{ checked: importantChecked.includes(item.id),file:true, importanceArrClass: true }" @click="dblClickFn(item)">
                         <img :src="item.src" alt="" />
@@ -764,23 +764,6 @@ export default {
             if(newVal) {
                 this.$nextTick(() => {
                     const importanceArrClassArr = document.getElementsByClassName('importanceArrClass')
-                    new Sortable(this.$refs.popUpImportanceArr, {
-                        animation: 150,
-                        group: {
-                            name:'shared',
-                            pull:'clone',// 是否可以被移出或克隆
-                            put:true
-                        },
-                        sort: false,// 禁止排序
-                        // 结束拖拽
-                        onAdd: evt => {
-                            if(!importanceArrClassArr.length) return that.$message.warning('非可拖拽的交互！')
-                            console.log('what the fuck')
-                            console.log(this.goodsShelfTotalData)
-                        },
-                    });
-                    
-                    // popUpImportanceArr
                     for(let i=0;i<this.importanceArr.length;i++) {
                         new Sortable(importanceArrClassArr[i], {
                             animation: 150,
@@ -791,42 +774,27 @@ export default {
                             },
                             sort: false,// 禁止排序
                             onEnd: evt => { // 结束拖拽
-                                console.log('???')
-                                // 判断拖拽的地址
-                                if(!this.$refs.popUpImportanceArr) return this.$message.warning('非可拖拽的交互！') 
-                                let targetDom = this.$refs.popUpImportanceArr.getBoundingClientRect()
-                                if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
-                                    if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
-                                        /* oldindex识别是拖拽了哪个文件 */
-                                        console.log(this.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
-                                        this.checkList.push(this.goodsShelfTotalData[evt.oldIndex].name)
-                                        let ifElse = 0;
-                                        for(var i=0;i<this.popArr.length;i++){
-                                            if (this.goodsShelfTotalData[evt.oldIndex].name == this.popArr[i].name){
-                                                if (this.receptionList == null){
-                                                    this.receptionList = []
-                                                }
-                                                if (this.receptionList.length){
-                                                    for(var j=0;j< this.receptionList.length;j++){
-                                                        if (this.receptionList[j].name == this.goodsShelfTotalData[evt.oldIndex].name){
-                                                            ifElse = ifElse+1
-                                                        }
-                                                    }
-                                                    if(ifElse > 0){
-
-                                                    }else{
-                                                        this.receptionList.push(this.popArr[i])
-                                                    }
-                                                }else{
-                                                    this.receptionList.push(this.popArr[i])
-                                                }
-                                            }
+                                if(this.judgePosition(evt)){
+                                    console.log(evt)
+                                    const getIt = evt.target.textContent
+                                    for(var i=0;i<this.goods.length;i++){
+                                        if (this.goods[i].name == getIt){
+                                            return this.$message.warning('物品栏中已有该物品')
+                                        }
+                                    }
+                                    // console.log(this.goodsShelfTotalData)
+                                    for(let i=0;i<this.popArr.length; i++) {
+                                        if(this.popArr[i].name === getIt) {
+                                            this.$store.commit('system/changeGoods',{push:[this.popArr[i]]})
+                                            return 
                                         }
                                     }
+                                }else{
+                                    this.$message.warning('非可拖拽的交互！') 
                                 }
-                            },
-                        });
-                    }
+                            }
+                        })
+                    };
                 })
                 
             }
@@ -859,9 +827,8 @@ export default {
                 if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
                     if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
                         /* oldindex识别是拖拽了哪个文件 */
-                        console.log(that.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
+                        // console.log(that.goodsShelfTotalData[evt.oldIndex].name,'执行拖拽2');
                         that.checkList.push(that.goodsShelfTotalData[evt.oldIndex].name)
-                        let ifElse = 0;
                         for(var i=0;i<that.popArr.length;i++){
                             if (that.goodsShelfTotalData[evt.oldIndex].name == that.popArr[i].name){
                                 if (that.receptionList == null){
@@ -870,14 +837,10 @@ export default {
                                 if (that.receptionList.length){
                                     for(var j=0;j< that.receptionList.length;j++){
                                         if (that.receptionList[j].name == that.goodsShelfTotalData[evt.oldIndex].name){
-                                            ifElse = ifElse+1
+                                            return;
                                         }
                                     }
-                                    if(ifElse > 0){
-
-                                    }else{
-                                        that.receptionList.push(that.popArr[i])
-                                    }
+                                    that.receptionList.push(that.popArr[i])
                                 }else{
                                     that.receptionList.push(that.popArr[i])
                                 }
@@ -904,19 +867,17 @@ export default {
                 if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
                     if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
                         /* oldindex识别是拖拽了哪个文件 */
+                        console.log(evt)
+                        console.log(that.importanceArr)
+                        console.log(that.goodsShelfTotalData)
                         console.log(that.importanceArr[evt.oldIndex].name,'执行拖拽2');
                         that.checkList.push(that.importanceArr[evt.oldIndex].name)
-                        let ifElse = 0;
                         if(that.goodsShelfTotalData.length > 0){
                             for(var i=0;i<that.goodsShelfTotalData.length;i++){
                                 if(that.goodsShelfTotalData[i].name == that.importanceArr[evt.oldIndex].name){
-                                    ifElse = ifElse+1
-                                }else{
-
+                                    return
                                 }
                             }
-                        }
-                        if (ifElse == 0){
                             that.goodsShelfTotalData.push(that.importanceArr[evt.oldIndex])
                         }
                     }
@@ -1101,19 +1062,19 @@ export default {
                 // 把确定的数据传输进物品栏
                 goods.map(e=>{
                     clickList.map(el=>{
+                        console.log(el)
                         if(el===e.id){
                             arr.push(e)
                         }
                     })
                 })
                 this.$store.commit('system/changeGoods',{push:arr})
-                clickList.length = 0
+                clickList = []
             }else{
                 if (this.$store.state.system.id == '33'){
                     this.nbm = 33
                     this.goodsShelfTotalData = this.auditGoodsShelf
                     if (this.receptionList.length >0){
-                        console.log(this.receptionList)
                         sessionStorage.setItem('nomClientIdentity', JSON.stringify(this.receptionList))
                     }
                 }
@@ -1238,220 +1199,224 @@ export default {
               }
             }
         //   this.toggleGoods()
-          if(this.popText == '密码器'){
-              if (this.nbm == 8){
-                  let formList = []
-                  let ruleReqs = sessionStorage.getItem('ruleReqs')
-                  if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
-                  for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "18", "emptyTwo": this.passwordForm.passwordAgain, "operationIds": "287,282,"+this.receptionList[i].id,"type": "3"})}
-                  sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
-              }
-              if(this.passwordForm.password && this.passwordForm.passwordAgain){
-                if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){
-                    if(this.passwordForm.password == this.passwordForm.passwordAgain) {
-                    this.$store.commit('system/changePop', {show: false, text: ''})
-                    this.$message.success(`${this.popText}操作成功！`)
-                    }
-                }
-            }else{
-              this.$message.error('请输入密码和确认密码');
-            }
-          }else{
-            if (this.receptionList.length >0){
-                let formList = []
-                this.toggleGoods()
-              this.$message.success(`${this.popText}操作成功！`)
-                if (this.nbm == 0){ //用户
-                }else if (this.nbm == 1){ //传票箱
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id,"emptyOne": "", "emptyTwo": "", "operationIds": "287,4,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'287,4',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 2){ //普通凭证箱
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,3,"+this.receptionList[i].id, "type": "" })}
-                    let params= {
-                        parentId:'287,3',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 3){ //重要空白凭证箱
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                    for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,2,"+this.receptionList[i].id, "type": "" })}
-                    let params= {
-                        parentId:'287,2',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 4){ //钱箱
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     let formList = [];
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({
-                         "answerId":this.receptionList[i].id,
-                         "emptyOne": "",
-                         "emptyTwo": "",
-                         "operationIds": "287,1,"+this.receptionList[i].id,
-                         "type": "" })}
-                    let params= {
-                        parentId:'287,1',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 5){ //印章盒
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,8,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'287,8',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 6){ //验钞机
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,9,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'287,9',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 7){ //打印机
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,10,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'0,10',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 9){//资料
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,11,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'0,11',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 10){ //刷卡器
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,6,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'0,6',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else if (this.nbm == 11){ //身份证扫描仪
-                    let projectId = sessionStorage.getItem('projectId')
-                    let startTime = sessionStorage.getItem('startTime')
-                     for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,7,"+this.receptionList[i].id,"type": ""})}
-                    let params= {
-                        parentId:'0,7',
-                        lcJudgmentRuleReq:formList,
-                        projectId:+projectId,
-                        startTime:startTime,
-                    }
-                    addOperation(params).then((data)=>{
-                        this.$message({
-                            message: '提交成功',
-                            type: 'success'
-                        });
-                    }).catch((error)=>{
-                    })
-                }else{
+        //   else if(this.popText == '密码器'){
+        //       if (this.nbm == 8){
+        //           let formList = []
+        //           let ruleReqs = sessionStorage.getItem('ruleReqs')
+        //           if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
+        //           for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "18", "emptyTwo": this.passwordForm.passwordAgain, "operationIds": "287,282,"+this.receptionList[i].id,"type": "3"})}
+        //           sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
+        //       }
+        //       if(this.passwordForm.password && this.passwordForm.passwordAgain){
+        //         if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){
+        //             if(this.passwordForm.password == this.passwordForm.passwordAgain) {
+        //             this.$store.commit('system/changePop', {show: false, text: ''})
+        //             this.$message.success(`${this.popText}操作成功！`)
+        //             }
+        //         }
+        //     }else{
+        //       this.$message.error('请输入密码和确认密码');
+        //     }
+        //   }else{
+        //     if (this.receptionList.length >0){
+        //         let formList = []
+        //         this.toggleGoods()
+        //       this.$message.success(`${this.popText}操作成功！`)
+        //         if (this.nbm == 0){ //用户
+        //         }else if (this.nbm == 1){ //传票箱
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id,"emptyOne": "", "emptyTwo": "", "operationIds": "287,4,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'287,4',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 2){ //普通凭证箱
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,3,"+this.receptionList[i].id, "type": "" })}
+        //             let params= {
+        //                 parentId:'287,3',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 3){ //重要空白凭证箱
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //             for (var i=0;i<this.receptionList.length;i++){formList.push({ "answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,2,"+this.receptionList[i].id, "type": "" })}
+        //             let params= {
+        //                 parentId:'287,2',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 4){ //钱箱
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              let formList = [];
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({
+        //                  "answerId":this.receptionList[i].id,
+        //                  "emptyOne": "",
+        //                  "emptyTwo": "",
+        //                  "operationIds": "287,1,"+this.receptionList[i].id,
+        //                  "type": "" })}
+        //             let params= {
+        //                 parentId:'287,1',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 5){ //印章盒
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,8,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'287,8',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 6){ //验钞机
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,9,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'287,9',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 7){ //打印机
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "287,10,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'0,10',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 9){//资料
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,11,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'0,11',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 10){ //刷卡器
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,6,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'0,6',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else if (this.nbm == 11){ //身份证扫描仪
+        //             let projectId = sessionStorage.getItem('projectId')
+        //             let startTime = sessionStorage.getItem('startTime')
+        //              for (var i=0;i<this.receptionList.length;i++){formList.push({"answerId":this.receptionList[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "0,7,"+this.receptionList[i].id,"type": ""})}
+        //             let params= {
+        //                 parentId:'0,7',
+        //                 lcJudgmentRuleReq:formList,
+        //                 projectId:+projectId,
+        //                 startTime:startTime,
+        //             }
+        //             addOperation(params).then((data)=>{
+        //                 this.$message({
+        //                     message: '提交成功',
+        //                     type: 'success'
+        //                 });
+        //             }).catch((error)=>{
+        //             })
+        //         }else{
 
-                }
-                this.$store.commit('system/changePop',{show:false,text:''})
-                this.receptionList = [];
-            }else{
-              this.$message.error('请从物品栏中拖拽所需资料');
-            }
-          }
+        //         }
+        //         this.$store.commit('system/changePop',{show:false,text:''})
+        //         this.receptionList = [];
+        //     }else{
+        //       this.$message.error('请从物品栏中拖拽所需资料');
+        //     }
+        //   }
           
         },
         toPart(){
             this.$router.push('/index')
         },
+        judgePosition(evt) {
+            const targetDom = this.$refs.goods.getBoundingClientRect()
+            return evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left && evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top
+        }
     }
 };
 </script>
@@ -2418,7 +2383,11 @@ export default {
                 width: 95%;
                 max-height: 105px;
                 margin: auto;
-                margin-top: 40px;
+                position: absolute;
+                top: .5vh;
+                left: 50%;
+                transform: translateX(-50%);
+                // margin-top: 40px;
             }
             p {
                 position: absolute;
@@ -2451,16 +2420,16 @@ export default {
     // 兼容小屏幕的goods-dia
     @media screen and (min-width: 1200px) and (max-width: 1919px) {
         .goods-dia {
-                //height: 15vh;
+                height: 15vh;
                 width: 100%;
                 .justify-center {
-                    //max-height: 13vh;
+                    max-height: 13vh;
                 }
                 .file {
                     top: 0;
-                    //max-height: 13vh;
+                    max-height: 13vh;
                     img {
-                        //max-height: 8vh;
+                        max-height: 8vh;
                         margin: auto;
                         margin-top: 1vh;
                     }
diff --git a/src/pages/manage/index/index.vue b/src/pages/manage/index/index.vue
index 692246f..817cb93 100644
--- a/src/pages/manage/index/index.vue
+++ b/src/pages/manage/index/index.vue
@@ -39,7 +39,7 @@ export default {
         }
     },
     components: {
-        navbar,
+        navbar
     },
     computed:{
         full:function(){
@@ -69,31 +69,35 @@ export default {
     $font_size_All: 16px; // 字体大小
     $submenu_padding_left: 25px; // 相应的padding-left大小
 
-
     @media screen and (min-width: 1920px) {
-        /deep/.el-form {
-            // height: 42vh;
-            min-height: 45vh;
-            // overflow: auto;
-        }
-        /deep/.submitBtn{
-            max-width: 10vw!important;
-            
+        /deep/.body {
+            min-height: 50vh;
         }
     }
 
     @media screen and (min-width: 1200px) and (max-width: 1700px) {
-        /deep/.el-form {
-            min-height: 40vh;
-        }
-        /deep/.submitBtn{
-            max-width: 12vw!important;
-            
+        /deep/.body {
+            min-height: 30vh;
         }
     }
 
-
-
+    // .wrap2{
+    //     width: 100%;
+    //     display: flex;
+    //     flex-direction: column;
+    //     overflow: hidden;
+    //     .title{
+    //         height: 60px;
+    //         display: flex;
+    //         align-items: center;
+    //         font-size: 20px;
+    //         padding-left: 50px;
+    //     }
+    //     .body{
+    //         margin-top: 50px;
+    //     }
+    // }
+    
     .box{
         display: flex;
         min-width: 1300px;
diff --git a/src/pages/manage/list/acceptanceDraft/invoice.vue b/src/pages/manage/list/acceptanceDraft/invoice.vue
index f856f6d..b7624b5 100644
--- a/src/pages/manage/list/acceptanceDraft/invoice.vue
+++ b/src/pages/manage/list/acceptanceDraft/invoice.vue
@@ -1,11 +1,7 @@
 // 个人客户
 <template>
-    <div class="wrap">
-        <div class="flex mt-8 ml-12 text-xl">
-            <p>客户信息</p>
-            <i class="el-icon-arrow-right text-xl"></i>
-            <p>个人客户信息建立</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['客户信息', '个人客户信息建立']"/>
         <div class="body">
             <el-row :gutter="20">
                 <el-form ref="form" :model="form" label-width="140px" :rules="rules">
@@ -119,9 +115,13 @@
 <script>
 import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
 import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 
 export default {
     name: 'index',
+    components: {
+        MyTitle
+    },
     data() {
         return {
             visible: false,
@@ -319,26 +319,11 @@ export default {
     display: flex;
     flex-direction: column;
     overflow: auto;
-    .title{
-        height: 60px;
-        display: flex;
-        align-items: center;
-        font-size: 20px;
-        padding-left: 50px;
-    }
+    padding: 24px 0 24px 24px;
     .body{
         margin-top: 50px;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
-    // .submitBtn{
-    //     position: relative;
-    //     width: 300px;
-    //     font-size: 18px;
-    //     height: 68px;
-    //     margin-top: 50px;
-    //     border-radius: 10px;
-    //     bottom: 10px;
-    //     left: 50%;
-    //     transform: translate(-50%,-20%);
-    // }
 }
 </style>
diff --git a/src/pages/manage/list/business/deposit.vue b/src/pages/manage/list/business/deposit.vue
index d08fe17..5556bd5 100644
--- a/src/pages/manage/list/business/deposit.vue
+++ b/src/pages/manage/list/business/deposit.vue
@@ -1,11 +1,7 @@
 // 存款
 <template>
-    <div class="wrap">
-        <div class="title">
-            <p>公司业务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{text}}</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['公司业务', text]"/>
         
         <!-- 存款 -->
         <div class="body">
@@ -46,6 +42,7 @@
             </el-row>
             <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
         </div>
+        
 
         <el-dialog
             style="margin-top:10vh"
@@ -75,9 +72,12 @@ import { mapState } from 'vuex'
 import { checkHanzi, checkName, ismoney, rateListen, myValidate, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
 import { vercustomer, verrate } from '@/utils/verify.js'
 import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
-    components:{},
+    components:{
+        MyTitle
+    },
     data() {
         return {
             text:'存款',/* 顶部文字 */
@@ -207,97 +207,15 @@ export default {
 
 <style lang="scss" scoped>
     .wrap{
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding: 24px 0 24px 24px;
-        .nav{
-            /deep/ .el-menu.el-menu--horizontal{
-                border: 0;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item.is-active{
-                border:2px solid #568DF2;
-                border-radius: 10px;
-                color: #000;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item{
-                border: 2px solid transparent;
-                border-radius: 10px;
-                margin-right: 10px;
-                height: 30px;
-                line-height: 28px;
-            }
-        }
-        
-        .body{
-            margin-top: 50px;
-            overflow: auto;
-            .idCard{
-                border-radius: 5px;
-                background: #CFDDFF;
-                text-align: center;
-                height: 40px;
-                line-height: 40px;
-                font-size: 18px;
-                color: #6191FF;
-            }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        // .submitBtn{
-        //     position: relative;
-        //     width: 300px;
-        //     font-size: 18px;
-        //     height: 68px;
-        //     margin-top: 50px;
-        //     border-radius: 10px;
-        //     bottom: 10px;
-        //     left: 50%;
-        //     transform: translate(-50%,-0%);
-        // }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
-        }
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    padding: 24px 0 24px 24px;
+    .body{
+        margin-top: 50px;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
+}
 </style>
diff --git a/src/pages/manage/list/business/openAccount.vue b/src/pages/manage/list/business/openAccount.vue
index dc76549..86f7b1d 100644
--- a/src/pages/manage/list/business/openAccount.vue
+++ b/src/pages/manage/list/business/openAccount.vue
@@ -1,11 +1,7 @@
 // 开户
 <template>
-    <div class="wrap">
-        <div class="title">
-            <p>公司业务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{text}}</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['公司业务', text]"/>
         
         <!-- 开户 -->
         <div class="body">
@@ -87,6 +83,7 @@
             </el-row>
             <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
         </div>
+        
 
         <el-dialog
             style="margin-top:10vh"
@@ -116,9 +113,12 @@ import { mapState } from 'vuex'
 import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
 import { vercustomer, verrate } from '@/utils/verify.js'
 import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
-    components:{},
+    components:{
+        MyTitle
+    },
     data() {
         return {
             text:'开户',/* 顶部文字 */
@@ -317,105 +317,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    .wrap{
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding: 24px 0 24px 24px;
-        .nav{
-            /deep/ .el-menu.el-menu--horizontal{
-                border: 0;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item.is-active{
-                border:2px solid #568DF2;
-                border-radius: 10px;
-                color: #000;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item{
-                border: 2px solid transparent;
-                border-radius: 10px;
-                margin-right: 10px;
-                height: 30px;
-                line-height: 28px;
-            }
-        }
-        .title{
-            height: 60px;
-            display: flex;
-            align-items: center;
-            font-size: 20px;
-            padding-left: 0px;
-            margin-top: 10px;
-        }
-        .body{
-            margin-top: 50px;
-            overflow: auto;
-            .idCard{
-                border-radius: 5px;
-                background: #CFDDFF;
-                text-align: center;
-                height: 40px;
-                line-height: 40px;
-                font-size: 18px;
-                color: #6191FF;
-            }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        // .submitBtn{
-        //     position: relative;
-        //     width: 300px;
-        //     font-size: 18px;
-        //     height: 68px;
-        //     margin-top: 50px;
-        //     border-radius: 10px;
-        //     bottom: 10px;
-        //     left: 50%;
-        //     transform: translate(-50%,-50%);
-        // }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
-        }
+.wrap{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    padding: 24px 0 24px 24px;
+    .body{
+        margin-top: 50px;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
+}
 </style>
diff --git a/src/pages/manage/list/business/transfer.vue b/src/pages/manage/list/business/transfer.vue
index 4049da3..7f7e84a 100644
--- a/src/pages/manage/list/business/transfer.vue
+++ b/src/pages/manage/list/business/transfer.vue
@@ -1,11 +1,8 @@
 // 转账
 <template>
-    <div class="wrap">
-        <div class="title">
-            <p>公司业务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{text}}</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['公司业务', text]"/>
+
         
         <!-- 开户 -->
         <div class="body">
@@ -74,6 +71,7 @@
             </el-row>
             <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
         </div>
+        
 
         <el-dialog
             style="margin-top:10vh"
@@ -102,9 +100,12 @@
 import { mapState } from 'vuex'
 import { myValidate, ismoney, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
 import { vercustomer } from '@/utils/verify.js'
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
-    components:{},
+    components:{
+        MyTitle
+    },
     data() {
         return {
             text:'转账',/* 顶部文字 */
@@ -261,93 +262,12 @@ export default {
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
-        .nav{
-            /deep/ .el-menu.el-menu--horizontal{
-                border: 0;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item.is-active{
-                border:2px solid #568DF2;
-                border-radius: 10px;
-                color: #000;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item{
-                border: 2px solid transparent;
-                border-radius: 10px;
-                margin-right: 10px;
-                height: 30px;
-                line-height: 28px;
-            }
-        }
         .body{
             margin-top: 50px;
-            overflow: auto;
-            .idCard{
-                border-radius: 5px;
-                background: #CFDDFF;
-                text-align: center;
-                height: 40px;
-                line-height: 40px;
-                font-size: 18px;
-                color: #6191FF;
-            }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        // .submitBtn{
-        //     position: relative;
-        //     width: 300px;
-        //     font-size: 18px;
-        //     height: 68px;
-        //     margin-top: 50px;
-        //     border-radius: 10px;
-        //     bottom: 10px;
-        //     left: 50%;
-        //     transform: translate(-50%,-50%);
-        // }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
+            overflow-y: auto;
+            overflow-x: hidden;
         }
     }
 </style>
diff --git a/src/pages/manage/list/business/withdrawal.vue b/src/pages/manage/list/business/withdrawal.vue
index b597fdc..8590852 100644
--- a/src/pages/manage/list/business/withdrawal.vue
+++ b/src/pages/manage/list/business/withdrawal.vue
@@ -1,11 +1,7 @@
 // 取款
 <template>
-    <div class="wrap">
-        <div class="title">
-            <p>公司业务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{text}}</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['公司业务', text]"/>
         
         <!-- 开户 -->
         <div class="body">
@@ -64,7 +60,7 @@
             </el-row>
             <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
         </div>
-
+        
         <el-dialog
             style="margin-top:10vh"
             :visible.sync="visible"
@@ -93,9 +89,12 @@ import { mapState } from 'vuex'
 import { myValidate, ismoney, checkName, checkHanzi, autoPlay, autoPlay2  } from '@/utils/utilFunction.js'
 import { vercustomer, verrate } from '@/utils/verify.js'
 import { addOperation, getOperation } from '@/api/http';
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
-    components:{},
+    components:{
+        MyTitle
+    },
     data() {
         return {
             text:'取款',/* 顶部文字 */
@@ -281,105 +280,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    .wrap{
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        padding: 24px 0 24px 24px;
-        .nav{
-            /deep/ .el-menu.el-menu--horizontal{
-                border: 0;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item.is-active{
-                border:2px solid #568DF2;
-                border-radius: 10px;
-                color: #000;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item{
-                border: 2px solid transparent;
-                border-radius: 10px;
-                margin-right: 10px;
-                height: 30px;
-                line-height: 28px;
-            }
-        }
-        .title{
-            height: 60px;
-            display: flex;
-            align-items: center;
-            font-size: 20px;
-            padding-left: 0px;
-            margin-top: 10px;
-        }
-        .body{
-            margin-top: 50px;
-            overflow: auto;
-            .idCard{
-                border-radius: 5px;
-                background: #CFDDFF;
-                text-align: center;
-                height: 40px;
-                line-height: 40px;
-                font-size: 18px;
-                color: #6191FF;
-            }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        // .submitBtn{
-        //     position: relative;
-        //     width: 300px;
-        //     font-size: 18px;
-        //     height: 68px;
-        //     margin-top: 50px;
-        //     border-radius: 10px;
-        //     bottom: 10px;
-        //     left: 50%;
-        //     transform: translate(-50%,-50%);
-        // }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
-        }
+.wrap{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    padding: 24px 0 24px 24px;
+    .body{
+        margin-top: 50px;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
+}
 </style>
diff --git a/src/pages/manage/list/cityWide/cityWideIn.vue b/src/pages/manage/list/cityWide/cityWideIn.vue
index 2906a5a..ba7421f 100644
--- a/src/pages/manage/list/cityWide/cityWideIn.vue
+++ b/src/pages/manage/list/cityWide/cityWideIn.vue
@@ -1,11 +1,7 @@
 // 存款
 <template>
-    <div class="wrap">
-        <div class="title">
-            <p>同城交换</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>同城提入</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['同城交换', '同城提入']"/>
         
         <!-- 存款 -->
         <div class="body">
@@ -95,9 +91,12 @@
 <script>
 import { mapState } from 'vuex'
 import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
-    components:{},
+    components:{
+        MyTitle
+    },
     data() {
         return {
             text:'存款',/* 顶部文字 */
@@ -287,94 +286,12 @@ export default {
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
-        .nav{
-            /deep/ .el-menu.el-menu--horizontal{
-                border: 0;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item.is-active{
-                border:2px solid #568DF2;
-                border-radius: 10px;
-                color: #000;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item{
-                border: 2px solid transparent;
-                border-radius: 10px;
-                margin-right: 10px;
-                height: 30px;
-                line-height: 28px;
-            }
-        }
-        
         .body{
             margin-top: 50px;
-            overflow: auto;
-            .idCard{
-                border-radius: 5px;
-                background: #CFDDFF;
-                text-align: center;
-                height: 40px;
-                line-height: 40px;
-                font-size: 18px;
-                color: #6191FF;
-            }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 68px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-0%);
-        }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
+            overflow-y: auto;
+            overflow-x: hidden;
         }
     }
 </style>
diff --git a/src/pages/manage/list/cityWide/cityWideOut.vue b/src/pages/manage/list/cityWide/cityWideOut.vue
index 2982ed1..3b186fb 100644
--- a/src/pages/manage/list/cityWide/cityWideOut.vue
+++ b/src/pages/manage/list/cityWide/cityWideOut.vue
@@ -1,11 +1,7 @@
 // 存款
 <template>
-    <div class="wrap">
-        <div class="title">
-            <p>同城交换</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>同城提出</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['同城交换', '同城提出']"/>
         
         <!-- 存款 -->
         <div class="body">
@@ -94,9 +90,12 @@
 <script>
 import { mapState } from 'vuex'
 import { myValidate, ismoney, inputListen, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
-    components:{},
+    components:{
+        MyTitle
+    },
     data() {
         return {
             text:'存款',/* 顶部文字 */
@@ -271,94 +270,12 @@ export default {
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
-        .nav{
-            /deep/ .el-menu.el-menu--horizontal{
-                border: 0;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item.is-active{
-                border:2px solid #568DF2;
-                border-radius: 10px;
-                color: #000;
-            }
-            /deep/ .el-menu--horizontal > .el-menu-item{
-                border: 2px solid transparent;
-                border-radius: 10px;
-                margin-right: 10px;
-                height: 30px;
-                line-height: 28px;
-            }
-        }
-        
         .body{
             margin-top: 50px;
-            overflow: auto;
-            .idCard{
-                border-radius: 5px;
-                background: #CFDDFF;
-                text-align: center;
-                height: 40px;
-                line-height: 40px;
-                font-size: 18px;
-                color: #6191FF;
-            }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 68px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-0%);
-        }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
+            overflow-y: auto;
+            overflow-x: hidden;
         }
     }
 </style>
diff --git a/src/pages/manage/list/client/consumerClient.vue b/src/pages/manage/list/client/consumerClient.vue
index 59b7a56..dfa948c 100644
--- a/src/pages/manage/list/client/consumerClient.vue
+++ b/src/pages/manage/list/client/consumerClient.vue
@@ -1,11 +1,7 @@
 // 个人客户
 <template>
-    <div class="wrap">
-        <div class="flex mt-8 ml-12 text-xl">
-            <p>客户信息</p>
-            <i class="el-icon-arrow-right text-xl"></i>
-            <p>个人客户信息建立</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['客户信息', '个人客户信息建立']"/>
         <div class="body">
             <el-row :gutter="20">
                 <el-form ref="form" :model="form" label-width="140px" :rules="rules">
@@ -69,8 +65,9 @@
 
                 </el-form>
             </el-row>
+            <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
         </div>
-        <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
+        
         <el-dialog
             style="margin-top:10vh"
             :visible.sync="visible"
@@ -112,6 +109,7 @@ import { vername, vermob } from '@/utils/verify.js'
 import { addOperation, getOperation } from '@/api/http';
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
 import { phoneListen, mailBoxListen, checkRequired, myValidate, checkName } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 
 export default {
     name: 'index',
@@ -222,6 +220,9 @@ export default {
             ],
         }
     },
+    components: {
+        MyTitle
+    },
     mounted() {
         this.getFormData()
         this.$refs.userName.focus();
@@ -357,66 +358,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
 .wrap{
     width: 100%;
     display: flex;
     flex-direction: column;
-    overflow: hidden;
-    .title{
-        height: 60px;
-        display: flex;
-        align-items: center;
-        font-size: 20px;
-        padding-left: 50px;
-    }
+    overflow: auto;
+    padding: 24px 0 24px 24px;
     .body{
         margin-top: 50px;
-        // .idCard{
-        //     cursor: pointer;
-        //     border-radius: 5px;
-        //     background: #CFDDFF;
-        //     text-align: center;
-        //     height: 40;
-        //     line-height: 40;
-        //     font-size: 18px;
-        //     color: #6191FF;
-        // }
+        overflow-y: auto;
+        overflow-x: hidden;
     }
-    // .submitBtn{
-    //     position: absolute;
-    //     width: 300px;
-    //     font-size: 18px;
-    //     height: 68px;
-    //     border-radius: 10px;
-    //     bottom: 10px;
-    //     left: 50%;
-    //     transform: translate(-50%,-50%);
-    // }
-    // .popBody{
-    //     min-height: 200px;
-    //     display: flex;
-    //     align-items: center;
-    //     justify-content: center;
-    //     text-align: center;
-    // }
-    // .popBtns{
-    //     display: flex;
-    //     justify-content: space-between;
-    //     align-items: center;
-    //     .btn{
-    //         width: 180px;
-    //         border-radius: 10px;
-    //         font-size: 18px;
-    //     }
-    //     .close{
-    //         background: #CFDEFF;
-    //         color: #6191FF;
-    //     }
-    //     .sure{
-    //         background: #6191FF;
-    //         color: #fff;
-    //     }
-    // }
 }
 </style>
diff --git a/src/pages/manage/list/client/corporateClient.vue b/src/pages/manage/list/client/corporateClient.vue
index b01b24a..e70cf6e 100644
--- a/src/pages/manage/list/client/corporateClient.vue
+++ b/src/pages/manage/list/client/corporateClient.vue
@@ -1,53 +1,52 @@
 // 企业客户
 <template>
-    <div class="wrap w-full">
-        <div class="title flex mt-4 ml-12 text-xl">
-            <p>客户信息</p>
-            <i class="el-icon-arrow-right text-xl"></i>
-            <p>公司客户信息建立</p>
-        </div>
+    <div class="wrap2 wrap">
+        <MyTitle :titleArr="['客户信息', '公司客户信息建立']"/>
         <div class="body">
-            <el-form ref="form" :model="form" label-width="140px" :rules="rules">
-                <el-col :span="10"  :offset="1">
-                    <el-form-item label="证件类型">
-                        <el-select v-model="form.documentType" placeholder="请选择" ref="documentType">
-                            <el-option label="统一社会信用代码证" value="统一社会信用代码证"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="公司名称" prop="companyName">
-                        <el-input v-model="form.companyName" @input="(val) => checkHanzi(val, form, 'companyName')" ref="companyName"></el-input>
-                    </el-form-item>
-                    <el-form-item label="注册资本">
-                        <el-input v-model="form.registeredCapital" ref="registeredCapital"></el-input>
-                    </el-form-item>
-                    <el-form-item label="法人证件号码" required>
-                        <div class="idCard" @click="popUp">
-                            <p>请刷身份证</p>
-                        </div>
-                    </el-form-item>
-                    <el-form-item label="联系电话" :rules="rules.phone" prop="phone">
-                        <el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')"  maxlength="12" ref='phone'></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="10" :offset="1">
-                    <el-form-item label="代码证号" prop="codeNumber">
-                        <el-input :value="form.codeNumber" @input="(val) => checkHanzi(val, form, 'codeNumber')" ref="codeNumber"></el-input>
-                    </el-form-item>
-                    <el-form-item label="公司地址">
-                        <el-input v-model="form.companyAddress" ref="companyAddress"></el-input>
-                    </el-form-item>
-                    <el-form-item label="法人证件类型" prop="certificateType">
-                        <el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
-                            <el-option label="身份证" value="身份证"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="法人姓名" prop="name">
-                        <el-input v-model="form.name" @input="(val) => checkName(val, form, 'name')" ref="name"></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-form>
+            <el-row :gutter="20">
+                <el-form ref="form" :model="form" label-width="140px" :rules="rules">
+                    <el-col :span="10"  :offset="1">
+                        <el-form-item label="证件类型">
+                            <el-select v-model="form.documentType" placeholder="请选择" ref="documentType">
+                                <el-option label="统一社会信用代码证" value="统一社会信用代码证"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="公司名称" prop="companyName">
+                            <el-input v-model="form.companyName" @input="(val) => checkHanzi(val, form, 'companyName')" ref="companyName"></el-input>
+                        </el-form-item>
+                        <el-form-item label="注册资本">
+                            <el-input v-model="form.registeredCapital" ref="registeredCapital"></el-input>
+                        </el-form-item>
+                        <el-form-item label="法人证件号码" required>
+                            <div class="idCard" @click="popUp">
+                                <p>请刷身份证</p>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="联系电话" :rules="rules.phone" prop="phone">
+                            <el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')"  maxlength="12" ref='phone'></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="代码证号" prop="codeNumber">
+                            <el-input :value="form.codeNumber" @input="(val) => checkHanzi(val, form, 'codeNumber')" ref="codeNumber"></el-input>
+                        </el-form-item>
+                        <el-form-item label="公司地址">
+                            <el-input v-model="form.companyAddress" ref="companyAddress"></el-input>
+                        </el-form-item>
+                        <el-form-item label="法人证件类型" prop="certificateType">
+                            <el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
+                                <el-option label="身份证" value="身份证"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="法人姓名" prop="name">
+                            <el-input v-model="form.name" @input="(val) => checkName(val, form, 'name')" ref="name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
         </div>
-        <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
+        
 
         <el-dialog
             style="margin-top:10vh"
@@ -90,9 +89,13 @@ import { mapState, mapMutations } from 'vuex'
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
 import { addOperation, getOperation } from '@/api/http';
 import { phoneListen, checkRequired, myValidate, checkHanzi, checkName } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 
 export default {
     name: 'index',
+    components: {
+        MyTitle
+    },
     data() {
         return {
             visible:false,// 表单
@@ -241,34 +244,45 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
-.body{
-    margin-top: 50px;
-    margin-bottom: 50px;
-    .idCard{
-        cursor: pointer;
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-    }
-}
-@media screen and (min-width: 1200px) and (max-width: 1700px) {
-    .body {
-        margin-bottom: 50px;
+.wrap{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: 24px 0 24px 24px;
+    overflow: auto;
+    .body{
+        margin-top: 50px;
+        overflow: auto;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
 }
-// .submitBtn{
-//     position: absolute;
-//     width: 300px;
-//     font-size: 18px;
-//     height: 68px;
-//     border-radius: 10px;
-//     bottom: 10px;
-//     left: 50%;
-//     transform: translate(-50%,-50%);
+// .body{
+//     margin-top: 50px;
+//     .idCard{
+//         cursor: pointer;
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//     }
+// }
+// @media screen and (min-width: 1200px) and (max-width: 1700px) {
+//     .body {
+//         margin-bottom: 50px;
+//     }
 // }
+// // .submitBtn{
+// //     position: absolute;
+// //     width: 300px;
+// //     font-size: 18px;
+// //     height: 68px;
+// //     border-radius: 10px;
+// //     bottom: 10px;
+// //     left: 50%;
+// //     transform: translate(-50%,-50%);
+// // }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/callDeposits/accountClosed.vue b/src/pages/manage/list/personal/callDeposits/accountClosed.vue
index c34e1f3..25c64a9 100644
--- a/src/pages/manage/list/personal/callDeposits/accountClosed.vue
+++ b/src/pages/manage/list/personal/callDeposits/accountClosed.vue
@@ -305,30 +305,14 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        margin-top: 50px;
-        border-radius: 10px;
-        bottom: 10px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
+// .submitBtn{
+//         position: relative;
+//         width: 10vw!important;
+//         font-size: 18px;
+//         height: 168px!important;
+//         border-radius: 10px;
+//         bottom: 10px;
+//         left: 50%;
+//         transform: translate(-50%,0);
+//     }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/callDeposits/callDeposits.vue b/src/pages/manage/list/personal/callDeposits/callDeposits.vue
index 3cd8305..b88c30c 100644
--- a/src/pages/manage/list/personal/callDeposits/callDeposits.vue
+++ b/src/pages/manage/list/personal/callDeposits/callDeposits.vue
@@ -1,19 +1,15 @@
 <template>
     <!-- 通知存款 -->
-    <div class="wrap">
+    <div class="wrap wrap2">
         <div class="nav">
             <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                 <el-menu-item index="1">开户</el-menu-item>
                 <el-menu-item index="2">支取销户</el-menu-item>
             </el-menu>
         </div>
-        <div class="title">
-            <p>个人业务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>通知存款</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>{{text}}</p>
-        </div>
+        
+
+        <MyTitle :titleArr="['个人业务', '通知存款', text]"/>
 
         <!-- 开户 -->
         <open-account v-if="activeIndex==='1'"></open-account>
@@ -46,11 +42,13 @@
 <script>
 import openAccount from './openAccount.vue'
 import accountClosed from './accountClosed.vue'
+import MyTitle from '@/components/myTitle'
 
 export default {
     name: 'index',
     components:{
         openAccount,accountClosed,
+        MyTitle
     },
     data() {
         return {
@@ -88,7 +86,7 @@ export default {
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        // overflow: auto;
         padding: 24px 0 24px 24px;
         .nav{
             /deep/ .el-menu.el-menu--horizontal{
@@ -116,8 +114,7 @@ export default {
             margin-top: 10px;
         }
         .body{
-            margin-top: 50px;
-            overflow: auto;
+            // overflow: auto;
             .idCard{
                 border-radius: 5px;
                 background: #CFDDFF;
@@ -127,62 +124,6 @@ export default {
                 font-size: 18px;
                 color: #6191FF;
             }
-            .add{
-                position: relative;
-                &::after{
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    right: 3%;
-                    top: -4%;
-                    border: 1px dashed #CFDDFF;
-                    width: 88%;
-                    height: 268px;
-                }
-                .addBtn{
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translate(50%,-50%);
-                    font-size: 22px;
-                }
-            }
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 68px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-50%);
-        }
-        .popBody{
-            min-height: 200px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-        .popBtns{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .btn{
-                width: 180px;
-                border-radius: 10px;
-                font-size: 18px;
-            }
-            .close{
-                background: #CFDEFF;
-                color: #6191FF;
-            }
-            .sure{
-                background: #6191FF;
-                color: #fff;
-            }
         }
     }
 </style>
diff --git a/src/pages/manage/list/personal/callDeposits/openAccount.vue b/src/pages/manage/list/personal/callDeposits/openAccount.vue
index 1267781..36747f6 100644
--- a/src/pages/manage/list/personal/callDeposits/openAccount.vue
+++ b/src/pages/manage/list/personal/callDeposits/openAccount.vue
@@ -260,30 +260,4 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        border-radius: 10px;
-        bottom: 10px;
-        margin-top: 50px;
-        left: 50%;
-        transform: translate(-50%,0%);
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/deposit.vue b/src/pages/manage/list/personal/currentAccount/deposit.vue
index 822fe2b..9ed3a18 100644
--- a/src/pages/manage/list/personal/currentAccount/deposit.vue
+++ b/src/pages/manage/list/personal/currentAccount/deposit.vue
@@ -1,45 +1,46 @@
 /* 个人业务>活期业务>存款 */
 <template>
     <div class="body">
-        <el-row :gutter="20" style="margin: 0">
-            <el-form ref="form" :model="form" label-width="120px" :rules="rules">
-                <el-col :span="10" :offset="1">
-                    <el-form-item label="卡号">
-                        <div class="idCard" @click="popUp('刷卡器')">
-                            <p>请刷卡</p>
-                        </div>
-                    </el-form-item>
-                    <el-form-item label="币种">
-                        <el-select v-model="form.currency" placeholder="请选择" ref="currency">
-                            <el-option label="CNY人民币" value="CNY人民币"> </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="金额">
-                        <el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="10" :offset="1">
-                    <el-form-item label="客户姓名" prop="userName">
-                        <el-input ref="userName"  :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
-                    </el-form-item>
-                    <el-form-item label="钞汇标识" prop="goldLogo">
-                        <el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
-                            <el-option  label="钞户" value="钞户"> </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="年利率" prop="annualInterest">
-                        <el-input :value="form.annualInterest" @input="(val) => rateListen(val, form, 'annualInterest')" ref="annualInterest"></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="21" :offset="1">
-                    <el-form-item label="摘要">
-                        <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark" ref="remark"></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-form>
-        </el-row>
-        <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
-    </div>
+            <el-row :gutter="20" style="margin: 0">
+                <el-form ref="form" :model="form" label-width="120px" :rules="rules">
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="卡号">
+                            <div class="idCard" @click="popUp('刷卡器')">
+                                <p>请刷卡</p>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="币种">
+                            <el-select v-model="form.currency" placeholder="请选择" ref="currency">
+                                <el-option label="CNY人民币" value="CNY人民币"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="金额">
+                            <el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="客户姓名" prop="userName">
+                            <el-input ref="userName"  :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
+                        </el-form-item>
+                        <el-form-item label="钞汇标识" prop="goldLogo">
+                            <el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
+                                <el-option  label="钞户" value="钞户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="年利率" prop="annualInterest">
+                            <el-input :value="form.annualInterest" @input="(val) => rateListen(val, form, 'annualInterest')" ref="annualInterest"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="21" :offset="1">
+                        <el-form-item label="摘要">
+                            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.remark" ref="remark"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
+        </div>
+    
 </template>
 <script>
 import { mapMutations } from 'vuex'
diff --git a/src/pages/manage/list/personal/currentAccount/index.vue b/src/pages/manage/list/personal/currentAccount/index.vue
index f1789ef..fb3d575 100644
--- a/src/pages/manage/list/personal/currentAccount/index.vue
+++ b/src/pages/manage/list/personal/currentAccount/index.vue
@@ -1,6 +1,6 @@
 // 活期业务
 <template>
-    <div class="wrap">
+    <div class="wrap wrap2">
         <div class="nav">
             <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                 <el-menu-item index="1">开户</el-menu-item>
@@ -11,13 +11,14 @@
                 <el-menu-item index="6">销户</el-menu-item>
             </el-menu>
         </div>
-        <div class="title">
+        <!-- <div class="title">
             <p>个人业务</p>
             <i class="el-icon-arrow-right"></i>
             <p>活期业务</p>
             <i class="el-icon-arrow-right"></i>
             <p>{{text}}</p>
-        </div>
+        </div> -->
+        <MyTitle :titleArr="['客户信息', '个人客户信息建立', text]"/>
         
         <!-- 开户 -->
         <open-account v-if="activeIndex==='1'"></open-account>
@@ -63,6 +64,7 @@ import withdrawal from './withdrawal.vue'
 import transferAccounts from './transferAccounts.vue'
 import settle from './settle.vue'
 import accountCancellation from './accountCancellation.vue'
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
     components:{
@@ -71,7 +73,8 @@ export default {
         withdrawal,
         transferAccounts,
         settle,
-        accountCancellation
+        accountCancellation,
+        MyTitle
 
     },
     data() {
@@ -102,7 +105,7 @@ export default {
         }
     },
     created() {
-        
+        this.handleSelect('1')
     },
     methods: {
         handleSelect(val){
@@ -124,7 +127,7 @@ export default {
         width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: hidden;
+        overflow: auto;
         padding: 24px 0 24px 24px;
         .nav{
             /deep/ .el-menu.el-menu--horizontal{
@@ -153,7 +156,6 @@ export default {
         }
         .body{
             margin-top: 50px;
-            overflow: auto;
             .idCard{
                 border-radius: 5px;
                 background: #CFDDFF;
diff --git a/src/pages/manage/list/personal/currentAccount/openAccount.vue b/src/pages/manage/list/personal/currentAccount/openAccount.vue
index a7fd855..1c3f1dd 100644
--- a/src/pages/manage/list/personal/currentAccount/openAccount.vue
+++ b/src/pages/manage/list/personal/currentAccount/openAccount.vue
@@ -1,7 +1,9 @@
 /* 个人业务>活期业务>开户 */
 <template>
-    <div class="body">
-        <el-row :gutter="20" style="margin: 0">
+<div>
+  <div class="body">
+    <div>
+      <el-row :gutter="20" style="margin: 0">
             <el-form ref="form" :model="form" label-width="120px" :rules="rules">
                 <el-col :span="10" :offset="2">
                     <el-form-item label="客户号">
@@ -149,28 +151,33 @@
           <el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button>
         </el-row>
       </div>
+    </div>
+        
       <el-button @click="formSubmit" type="primary" class="submitBtn">提交</el-button>
-      <el-dialog
-          style="margin-top:10vh"
-          :visible.sync="visible"
-          :modal="false"
-          width="40%"
-          :close-on-click-modal="false"
-          :show-close="false"
-          custom-class="data-dia"
-      >
-        <div slot="title" class="dia-header">
-          <div class="data-title">提交</div>
-        </div>
-        <div class="popBody">
-          <h2>提交后将不可更改，您确认提交吗？</h2>
-        </div>
-        <div class="popBtns">
-          <el-button class="close btn" @click="visible = false">取 消</el-button>
-          <el-button class="sure btn" type="primary" @click="popSure">确 定</el-button>
-        </div>
-      </el-dialog>
     </div>
+    
+    <el-dialog
+        style="margin-top:10vh"
+        :visible.sync="visible"
+        :modal="false"
+        width="40%"
+        :close-on-click-modal="false"
+        :show-close="false"
+        custom-class="data-dia"
+    >
+      <div slot="title" class="dia-header">
+        <div class="data-title">提交</div>
+      </div>
+      <div class="popBody">
+        <h2>提交后将不可更改，您确认提交吗？</h2>
+      </div>
+      <div class="popBtns">
+        <el-button class="close btn" @click="visible = false">取 消</el-button>
+        <el-button class="sure btn" type="primary" @click="popSure">确 定</el-button>
+      </div>
+    </el-dialog>
+  
+</div>
 </template>
 <script>
 import {getSubjectInfo,addOperation,getOperation} from "@/api/http.js";
diff --git a/src/pages/manage/list/personal/currentAccount/settle.vue b/src/pages/manage/list/personal/currentAccount/settle.vue
index 444263a..d75851f 100644
--- a/src/pages/manage/list/personal/currentAccount/settle.vue
+++ b/src/pages/manage/list/personal/currentAccount/settle.vue
@@ -173,29 +173,29 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    // .submitBtn{
-    //     position: relative;
-    //     width: 300px;
-    //     font-size: 18px;
-    //     height: 68px;
-    //     margin-top: 50px;
-    //     border-radius: 10px;
-    //     bottom: 10px;
-    //     left: 50%;
-    //     transform: translate(-50%,-20%);
-    // }
-}
+// .body{
+//     margin-top: 50px;
+//     overflow: auto;
+//     .idCard{
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//         cursor: pointer;
+//     }
+//     // .submitBtn{
+//     //     position: relative;
+//     //     width: 300px;
+//     //     font-size: 18px;
+//     //     height: 68px;
+//     //     margin-top: 50px;
+//     //     border-radius: 10px;
+//     //     bottom: 10px;
+//     //     left: 50%;
+//     //     transform: translate(-50%,-20%);
+//     // }
+// }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/transferAccounts.vue b/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
index 07284a9..7a5d43d 100644
--- a/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
+++ b/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
@@ -180,30 +180,28 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    // .submitBtn{
-    //     position: relative;
-    //     width: 300px;
-    //     font-size: 18px;
-    //     height: 68px;
-    //     margin-top: 50px;
-    //     border-radius: 10px;
-    //     bottom: 10px;
-    //     left: 50%;
-    //     transform: translate(-50%,-50%);
-    // }
-}
+// .body{
+//     margin-top: 50px;
+//     .idCard{
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//         cursor: pointer;
+//     }
+//     // .submitBtn{
+//     //     position: relative;
+//     //     width: 300px;
+//     //     font-size: 18px;
+//     //     height: 68px;
+//     //     margin-top: 50px;
+//     //     border-radius: 10px;
+//     //     bottom: 10px;
+//     //     left: 50%;
+//     //     transform: translate(-50%,-50%);
+//     // }
+// }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/currentAccount/withdrawal.vue b/src/pages/manage/list/personal/currentAccount/withdrawal.vue
index 98ed600..714d2c1 100644
--- a/src/pages/manage/list/personal/currentAccount/withdrawal.vue
+++ b/src/pages/manage/list/personal/currentAccount/withdrawal.vue
@@ -50,6 +50,7 @@
         </el-row>
         <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
     </div>
+    
 </template>
 <script>
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
diff --git a/src/pages/manage/list/personal/timeDeposit/deposit.vue b/src/pages/manage/list/personal/timeDeposit/deposit.vue
index c282cb5..d777674 100644
--- a/src/pages/manage/list/personal/timeDeposit/deposit.vue
+++ b/src/pages/manage/list/personal/timeDeposit/deposit.vue
@@ -259,30 +259,30 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        border-radius: 10px;
-        margin-top: 50px;
-        bottom: 10px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
+// .body{
+//     margin-top: 50px;
+//     padding-bottom: 50px;
+//     overflow: auto;
+//     .idCard{
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//         cursor: pointer;
+//     }
+//     .submitBtn{
+//         position: relative;
+//         width: 300px;
+//         font-size: 18px;
+//         height: 68px;
+//         border-radius: 10px;
+//         margin-top: 50px;
+//         bottom: 10px;
+//         left: 50%;
+//         transform: translate(-50%,-20%);
+//     }
+// }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/timeDeposit/openAccount.vue b/src/pages/manage/list/personal/timeDeposit/openAccount.vue
index 58b77ae..ef73996 100644
--- a/src/pages/manage/list/personal/timeDeposit/openAccount.vue
+++ b/src/pages/manage/list/personal/timeDeposit/openAccount.vue
@@ -212,30 +212,30 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        margin-top: 50px;
-        border-radius: 10px;
-        bottom: 10px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
+// .body{
+//     margin-top: 50px;
+//     padding-bottom: 50px;
+//     overflow: auto;
+//     .idCard{
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//         cursor: pointer;
+//     }
+//     .submitBtn{
+//         position: relative;
+//         width: 300px;
+//         font-size: 18px;
+//         height: 68px;
+//         margin-top: 50px;
+//         border-radius: 10px;
+//         bottom: 10px;
+//         left: 50%;
+//         transform: translate(-50%,-20%);
+//     }
+// }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/timeDeposit/timeDeposit.vue b/src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
index 90df5f2..de7f4d8 100644
--- a/src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
+++ b/src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
@@ -1,6 +1,6 @@
 // 整存整取
 <template>
-    <div class="wrap">
+    <div class="wrap wrap2">
         <div class="nav">
             <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                 <el-menu-item index="1">开户</el-menu-item>
@@ -9,13 +9,14 @@
                
             </el-menu>
         </div>
-        <div class="title">
+        <!-- <div class="title">
             <p>个人业务</p>
             <i class="el-icon-arrow-right"></i>
             <p>整存整取</p>
             <i class="el-icon-arrow-right"></i>
             <p>{{text}}</p>
-        </div>
+        </div> -->
+        <MyTitle :titleArr="['个人业务', '整存整取', text]"/>
         <!-- 开户 -->
         <open-account v-if="activeIndex==='1'"></open-account>
         <!-- 存款 -->
@@ -51,6 +52,7 @@ import { mapState } from 'vuex'
 import openAccount from './openAccount.vue'
 import deposit from './deposit.vue'
 import withdrawal from './withdrawal.vue'
+import MyTitle from '@/components/myTitle'
 
 export default {
     name: 'index',
@@ -58,6 +60,7 @@ export default {
         openAccount,
         deposit,
         withdrawal,
+        MyTitle
     },
     data() {
         return {
diff --git a/src/pages/manage/list/personal/timeDeposit/withdrawal.vue b/src/pages/manage/list/personal/timeDeposit/withdrawal.vue
index 36ccab3..a4fe276 100644
--- a/src/pages/manage/list/personal/timeDeposit/withdrawal.vue
+++ b/src/pages/manage/list/personal/timeDeposit/withdrawal.vue
@@ -190,30 +190,30 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        border-radius: 10px;
-        margin-top: 50px;
-        bottom: 0px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
+// .body{
+//     margin-top: 50px;
+//     padding-bottom: 50px;
+//     overflow: auto;
+//     .idCard{
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//         cursor: pointer;
+//     }
+//     .submitBtn{
+//         position: relative;
+//         width: 300px;
+//         font-size: 18px;
+//         height: 68px;
+//         border-radius: 10px;
+//         margin-top: 50px;
+//         bottom: 0px;
+//         left: 50%;
+//         transform: translate(-50%,-20%);
+//     }
+// }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/usefulPhrases/accountClosed.vue b/src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
index 856982c..dbec306 100644
--- a/src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
+++ b/src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
@@ -247,30 +247,30 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        margin-top: 50px;
-        border-radius: 10px;
-        bottom: 10px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
+// .body{
+//     margin-top: 50px;
+//     padding-bottom: 50px;
+//     overflow: auto;
+//     .idCard{
+//         border-radius: 5px;
+//         background: #CFDDFF;
+//         text-align: center;
+//         height: 40px;
+//         line-height: 40px;
+//         font-size: 18px;
+//         color: #6191FF;
+//         cursor: pointer;
+//     }
+//     .submitBtn{
+//         position: relative;
+//         width: 300px;
+//         font-size: 18px;
+//         height: 68px;
+//         margin-top: 50px;
+//         border-radius: 10px;
+//         bottom: 10px;
+//         left: 50%;
+//         transform: translate(-50%,-20%);
+//     }
+// }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue b/src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
index 7bb3f97..9566ec1 100644
--- a/src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
+++ b/src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
@@ -165,30 +165,4 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        border-radius: 10px;
-        margin-top: 50px;
-        bottom: 10px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/usefulPhrases/openAccount.vue b/src/pages/manage/list/personal/usefulPhrases/openAccount.vue
index dcebdff..ad22d28 100644
--- a/src/pages/manage/list/personal/usefulPhrases/openAccount.vue
+++ b/src/pages/manage/list/personal/usefulPhrases/openAccount.vue
@@ -244,30 +244,4 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.body{
-    margin-top: 50px;
-    padding-bottom: 50px;
-    overflow: auto;
-    .idCard{
-        border-radius: 5px;
-        background: #CFDDFF;
-        text-align: center;
-        height: 40px;
-        line-height: 40px;
-        font-size: 18px;
-        color: #6191FF;
-        cursor: pointer;
-    }
-    .submitBtn{
-        position: relative;
-        width: 300px;
-        font-size: 18px;
-        height: 68px;
-        margin-top: 50px;
-        border-radius: 10px;
-        bottom: 10px;
-        left: 50%;
-        transform: translate(-50%,-20%);
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue b/src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
index 6ed9971..ad751c4 100644
--- a/src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
+++ b/src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- 零存整取 -->
-    <div class="wrap">
+    <div class="wrap wrap2">
         <div class="nav">
             <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                 <el-menu-item index="1">开户</el-menu-item>
@@ -9,13 +9,14 @@
                
             </el-menu>
         </div>
-        <div class="title">
+        <!-- <div class="title">
             <p>个人业务</p>
             <i class="el-icon-arrow-right"></i>
             <p>零存整取</p>
             <i class="el-icon-arrow-right"></i>
             <p>{{text}}</p>
-        </div>
+        </div> -->
+        <MyTitle :titleArr="['个人业务', '零存整取', text]"/>
 
         <!-- 开户 -->
         <open-account v-if="activeIndex==='1'"></open-account>
@@ -51,12 +52,14 @@
 import openAccount from './openAccount.vue'
 import continueDeposit from './continueDeposit.vue'
 import accountClosed from './accountClosed.vue'
+import MyTitle from '@/components/myTitle'
 export default {
     name: 'index',
     components:{
         openAccount,
         continueDeposit,
         accountClosed,
+        MyTitle
     },
     data() {
         return {
diff --git a/src/pages/manage/list/servicesAccount/passwordChange.vue b/src/pages/manage/list/servicesAccount/passwordChange.vue
index 9b8d069..9b839c2 100644
--- a/src/pages/manage/list/servicesAccount/passwordChange.vue
+++ b/src/pages/manage/list/servicesAccount/passwordChange.vue
@@ -1,10 +1,6 @@
 <template>
-    <div class="changePassword">
-        <div class="title">
-            <p>账户服务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>密码修改</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['账户服务', '密码修改']"/>
         <div class="body">
             <el-row :gutter="20" style="margin: 0">
                 <el-form ref="form" :model="form" label-width="120px" :rules="rules">
@@ -44,36 +40,41 @@
                 </el-form>
             </el-row>
             <el-button @click="submitForm" type="primary" class="submitBtn">提交</el-button>
-            <el-dialog
-                style="margin-top:10vh"
-                :visible.sync="visible"
-                :modal="false"
-                width="40%"
-                :close-on-click-modal="false"
-                :show-close="false"
-                custom-class="data-dia"
-            >
-                <div slot="title" class="dia-header">
-                <div class="data-title">提交</div>
-                </div>
-                <div class="popBody">
-                <h2 v-if='dialogChange'>本业务需要授权</h2>
-                </div>
-                <div class="popBtns">
-                <el-button class="close btn" @click="visible = false">取 消</el-button>
-                <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
-                </div>
-            </el-dialog>
+            
         </div>
+        <el-dialog
+            style="margin-top:10vh"
+            :visible.sync="visible"
+            :modal="false"
+            width="40%"
+            :close-on-click-modal="false"
+            :show-close="false"
+            custom-class="data-dia"
+        >
+            <div slot="title" class="dia-header">
+            <div class="data-title">提交</div>
+            </div>
+            <div class="popBody">
+            <h2 v-if='dialogChange'>本业务需要授权</h2>
+            </div>
+            <div class="popBtns">
+            <el-button class="close btn" @click="visible = false">取 消</el-button>
+            <el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button>
+            </div>
+            </el-dialog>
     </div>
     
 </template>
 <script>
 import { vercustomer } from '@/utils/verify.js'
 import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 export default{
     name:'',
     props:{},
+    components: {
+        MyTitle
+    },
     data(){
         return{
             dialogChange: true,
@@ -170,40 +171,17 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.changePassword{
+
+.wrap{
     width: 100%;
-    .title{
-        margin-left: 80px;
-        height: 60px;
-        display: flex;
-        align-items: center;
-        font-size: 20px;
-        padding-left: 0px;
-        margin-top: 10px;
-    }
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    padding: 24px 0 24px 24px;
     .body{
-        margin-top: 70px;
-        .idCard{
-            border-radius: 5px;
-            background: #CFDDFF;
-            text-align: center;
-            height: 40px;
-            line-height: 40px;
-            font-size: 18px;
-            color: #6191FF;
-            cursor: pointer;
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 68px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-20%);
-        }
+        margin-top: 50px;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/servicesAccount/passwordLost.vue b/src/pages/manage/list/servicesAccount/passwordLost.vue
index 2a289b8..6a6f433 100644
--- a/src/pages/manage/list/servicesAccount/passwordLost.vue
+++ b/src/pages/manage/list/servicesAccount/passwordLost.vue
@@ -1,10 +1,7 @@
 <template>
-    <div class="changePassword">
-        <div class="title">
-            <p>账户服务</p>
-            <i class="el-icon-arrow-right"></i>
-            <p>密码挂失</p>
-        </div>
+    <div class="wrap wrap2">
+        <MyTitle :titleArr="['账户服务', '密码挂失']"/>
+
         <div class="body">
             <el-row :gutter="20" style="margin: 0">
                 <el-form ref="form" :model="form" label-width="120px" :rules="rules">
@@ -65,9 +62,13 @@
 <script>
 import { vercustomer } from '@/utils/verify.js'
 import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 export default{
     name:'',
     props:{},
+    components: {
+        MyTitle
+    },
     data(){
         return{
             dialogChange: false,
@@ -144,40 +145,16 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.changePassword{
-    width: 100%;
-    .title{
-        margin-left: 80px;
-        height: 60px;
+    .wrap{
+        width: 100%;
         display: flex;
-        align-items: center;
-        font-size: 20px;
-        padding-left: 0px;
-        margin-top: 10px;
-    }
-    .body{
-        margin-top: 70px;
-        .idCard{
-            border-radius: 5px;
-            background: #CFDDFF;
-            text-align: center;
-            height: 40px;
-            line-height: 40px;
-            font-size: 18px;
-            color: #6191FF;
-            cursor: pointer;
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 68px;
+        flex-direction: column;
+        overflow: auto;
+        padding: 24px 0 24px 24px;
+        .body{
             margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-20%);
+            overflow-y: auto;
+            overflow-x: hidden;
         }
     }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/servicesAccount/relieveLost.vue b/src/pages/manage/list/servicesAccount/relieveLost.vue
index 6af3b80..f09b166 100644
--- a/src/pages/manage/list/servicesAccount/relieveLost.vue
+++ b/src/pages/manage/list/servicesAccount/relieveLost.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="changePassword">
+    <div class="wrap wrap2">
         <div class="title">
             <p>账户服务</p>
             <i class="el-icon-arrow-right"></i>
@@ -68,9 +68,13 @@
 <script>
 import { vercustomer } from '@/utils/verify.js'
 import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js'
+import MyTitle from '@/components/myTitle'
 export default{
     name:'',
     props:{},
+    components: {
+        MyTitle
+    },
     data(){
         return{
             form:{
@@ -156,40 +160,16 @@ export default{
 }
 </script>
 <style lang='scss' scoped>
-.changePassword{
+.wrap{
     width: 100%;
-    .title{
-        margin-left: 80px;
-        height: 60px;
-        display: flex;
-        align-items: center;
-        font-size: 20px;
-        padding-left: 0px;
-        margin-top: 10px;
-    }
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    padding: 24px 0 24px 24px;
     .body{
-        margin-top: 70px;
-        .idCard{
-            border-radius: 5px;
-            background: #CFDDFF;
-            text-align: center;
-            height: 40px;
-            line-height: 40px;
-            font-size: 18px;
-            color: #6191FF;
-            cursor: pointer;
-        }
-        .submitBtn{
-            position: relative;
-            width: 300px;
-            font-size: 18px;
-            height: 68px;
-            margin-top: 50px;
-            border-radius: 10px;
-            bottom: 10px;
-            left: 50%;
-            transform: translate(-50%,-20%);
-        }
+        margin-top: 50px;
+        overflow-y: auto;
+        overflow-x: hidden;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/styles/system.scss b/src/styles/system.scss
index 62c0a0a..d0746dd 100644
--- a/src/styles/system.scss
+++ b/src/styles/system.scss
@@ -1,13 +1,29 @@
-.submitBtn{
-    position: relative;
-    width: 10vw;
-    font-size: 18px;
-    height: 68px;
-    border-radius: 10px;
-    bottom: 10px;
-    left: 50%;
-    transform: translate(-50%,0);
+.wrap2{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    // overflow-y: hidden!important;
+    .body{
+        // min-height: 50vh;
+        overflow-x: hidden;
+        margin-top: 50px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+    .submitBtn{
+        position: relative;
+        width: 10vw!important;
+        font-size: 18px;
+        min-height: 68px;
+        border-radius: 10px;
+        bottom: 10px;
+        left: 50%;
+        transform: translate(-50%,0);
+    }
 }
+
+
 .popBody{
     min-height: 200px;
     display: flex;
diff --git a/test.txt b/test.txt
deleted file mode 100644
index e69de29..0000000