From e032f0a6c0af3c2e85e2da58fda0e26c7d9ba93f Mon Sep 17 00:00:00 2001
From: e <2432808546@qq.com>
Date: Wed, 8 Sep 2021 16:38:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E9=A1=B5=E9=9D=A2=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/case/index.vue                 |   6 +-
 src/pages/manage/index/index.vue              |  10 +-
 .../controlCash/cashOut.vue}                  |   0
 .../ImportantCash/controlCash/cashPaid.vue    |   0
 .../controlCash/cashRecipients.vue            |   0
 .../controlCash/cashTransferInto.vue          |   0
 .../list/ImportantCash/controlCash/index.vue  | 194 ++++++++++++++
 src/pages/manage/list/business/deposit.vue    | 200 ++++++++++++++
 .../manage/list/business/openAccount.vue      | 247 ++++++++++++++++++
 src/pages/manage/list/business/transfer.vue   | 235 +++++++++++++++++
 src/pages/manage/list/business/withdrawal.vue | 224 ++++++++++++++++
 .../manage/list/client/consumerClient.vue     |  24 +-
 .../manage/list/client/corporateClient.vue    |   6 +
 src/pages/manage/list/dayEnd/branchDayEnd.vue |   0
 src/pages/manage/list/dayEnd/tellerCash.vue   |   0
 .../manage/list/dayEnd/tellerCertificate.vue  |   0
 .../manage/list/personal/accountService.vue   |   1 -
 .../accountService/accountService.vue         | 195 ++++++++++++++
 .../accountService/changePassword.vue         |  86 ++++++
 .../personal/callDeposits/accountClosed.vue   | 123 +++++++++
 .../personal/callDeposits/callDeposits.vue    | 192 ++++++++++++++
 .../personal/callDeposits/openAccount.vue     | 113 ++++++++
 .../currentAccount/accountCancellation.vue    |  70 ++++-
 .../personal/currentAccount/openAccount.vue   |   2 +-
 .../list/personal/currentAccount/settle.vue   |   8 +-
 .../manage/list/personal/timeDeposit.vue      |  28 --
 .../list/personal/timeDeposit/deposit.vue     | 114 ++++++++
 .../list/personal/timeDeposit/openAccount.vue |  97 +++++++
 .../list/personal/timeDeposit/timeDeposit.vue | 205 +++++++++++++++
 .../list/personal/timeDeposit/withdrawal.vue  | 100 +++++++
 .../manage/list/personal/usefulPhrases.vue    |   1 -
 .../personal/usefulPhrases/accountClosed.vue  | 123 +++++++++
 .../usefulPhrases/continueDeposit.vue         |  89 +++++++
 .../personal/usefulPhrases/openAccount.vue    | 112 ++++++++
 .../personal/usefulPhrases/usefulPhrases.vue  | 199 ++++++++++++++
 src/pages/manage/navbar/index.vue             |  71 ++++-
 src/router/modules/counter.js                 |  79 +++++-
 src/router/system.js                          |  57 ----
 src/store/modules/layout.js                   |   1 -
 src/styles/system.css                         |  10 +
 src/styles/system.min.css                     |   2 +-
 src/styles/system.scss                        |   9 +
 42 files changed, 3116 insertions(+), 117 deletions(-)
 rename src/pages/manage/list/{personal/callDeposits.vue => ImportantCash/controlCash/cashOut.vue} (100%)
 create mode 100644 src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue
 create mode 100644 src/pages/manage/list/ImportantCash/controlCash/cashRecipients.vue
 create mode 100644 src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue
 create mode 100644 src/pages/manage/list/ImportantCash/controlCash/index.vue
 create mode 100644 src/pages/manage/list/business/deposit.vue
 create mode 100644 src/pages/manage/list/business/openAccount.vue
 create mode 100644 src/pages/manage/list/business/transfer.vue
 create mode 100644 src/pages/manage/list/business/withdrawal.vue
 create mode 100644 src/pages/manage/list/dayEnd/branchDayEnd.vue
 create mode 100644 src/pages/manage/list/dayEnd/tellerCash.vue
 create mode 100644 src/pages/manage/list/dayEnd/tellerCertificate.vue
 delete mode 100644 src/pages/manage/list/personal/accountService.vue
 create mode 100644 src/pages/manage/list/personal/accountService/accountService.vue
 create mode 100644 src/pages/manage/list/personal/accountService/changePassword.vue
 create mode 100644 src/pages/manage/list/personal/callDeposits/accountClosed.vue
 create mode 100644 src/pages/manage/list/personal/callDeposits/callDeposits.vue
 create mode 100644 src/pages/manage/list/personal/callDeposits/openAccount.vue
 delete mode 100644 src/pages/manage/list/personal/timeDeposit.vue
 create mode 100644 src/pages/manage/list/personal/timeDeposit/deposit.vue
 create mode 100644 src/pages/manage/list/personal/timeDeposit/openAccount.vue
 create mode 100644 src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
 create mode 100644 src/pages/manage/list/personal/timeDeposit/withdrawal.vue
 delete mode 100644 src/pages/manage/list/personal/usefulPhrases.vue
 create mode 100644 src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
 create mode 100644 src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
 create mode 100644 src/pages/manage/list/personal/usefulPhrases/openAccount.vue
 create mode 100644 src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
 delete mode 100644 src/router/system.js

diff --git a/src/components/case/index.vue b/src/components/case/index.vue
index d0cf833..31b81fb 100644
--- a/src/components/case/index.vue
+++ b/src/components/case/index.vue
@@ -424,9 +424,9 @@ export default {
           // schoolId: this.schoolId
           schoolId: ''
       }
-      this.$get(`${this.api.queryTestProject}`,data).then(res => {
-          this.handleData(res.message,2)
-      }).catch(res => {});
+      // this.$get(`${this.api.queryTestProject}`,data).then(res => {
+      //     this.handleData(res.message,2)
+      // }).catch(res => {});
     },
     selectProject(){
       this.isSelected = true
diff --git a/src/pages/manage/index/index.vue b/src/pages/manage/index/index.vue
index 27985fa..cbd2a79 100644
--- a/src/pages/manage/index/index.vue
+++ b/src/pages/manage/index/index.vue
@@ -13,7 +13,9 @@
                 <i @click="close" class="el-icon-close"></i>
             </div>
             <div class="manage-content">
-                <router-view class="manage-view"></router-view>
+                <transition name="fade">
+                    <router-view class="manage-view"></router-view>
+                </transition>
             </div>
         </div>
     </div>
@@ -114,4 +116,10 @@ export default {
             }
         }
     }
+    .fade-enter-active, .fade-leave-active {
+        transition: opacity .5s;
+    }
+    .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+        opacity: 0.5;
+    }
 </style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/callDeposits.vue b/src/pages/manage/list/ImportantCash/controlCash/cashOut.vue
similarity index 100%
rename from src/pages/manage/list/personal/callDeposits.vue
rename to src/pages/manage/list/ImportantCash/controlCash/cashOut.vue
diff --git a/src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue b/src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/manage/list/ImportantCash/controlCash/cashRecipients.vue b/src/pages/manage/list/ImportantCash/controlCash/cashRecipients.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue b/src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/manage/list/ImportantCash/controlCash/index.vue b/src/pages/manage/list/ImportantCash/controlCash/index.vue
new file mode 100644
index 0000000..7de46f2
--- /dev/null
+++ b/src/pages/manage/list/ImportantCash/controlCash/index.vue
@@ -0,0 +1,194 @@
+<!-- 现金管理 -->
+<template>
+    <div class="wrap">
+        <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-item index="3">现金调入</el-menu-item>
+                <el-menu-item index="4">现金调出</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>
+        
+        <!-- 开户 -->
+        <!-- <open-account v-if="activeIndex==='1'"></open-account> -->
+
+        <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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+// import openAccount from './openAccount.vue'
+export default {
+    name: 'index',
+    components:{
+        
+    },
+    data() {
+        return {
+            text:'',/* 顶部文字 */
+            textObj:{
+                '1':'现金领用',
+                '2':'现金上缴',
+                '3':'现金调入',
+                '4':'现金调出',
+            },
+            form:{
+
+            },
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+
+
+            
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+        handleSelect(val){
+            console.log(typeof(val),this.activeIndex,'xuanze');
+            
+            this.text = this.textObj[val]
+            this.activeIndex = val
+        },
+        
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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/business/deposit.vue b/src/pages/manage/list/business/deposit.vue
new file mode 100644
index 0000000..30a0afe
--- /dev/null
+++ b/src/pages/manage/list/business/deposit.vue
@@ -0,0 +1,200 @@
+// 存款
+<template>
+    <div class="wrap">
+        <div class="title">
+            <p>公司业务</p>
+            <i class="el-icon-arrow-right"></i>
+            <p>{{text}}</p>
+        </div>
+        
+        <!-- 存款 -->
+        <div class="body">
+            <el-row :gutter="20" style="margin: 0">
+                <el-form ref="form" :model="form" label-width="120px">
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="账号" required>
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="币种" required>
+                            <el-select disabled v-model="form.identification" placeholder="请选择">
+                                <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="存款金额" required>
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="客户姓名" required>
+                            <el-input v-model="form.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="钞汇标识" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="钞户" value="钞户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="利率（%）" required>
+                            <el-input v-model="form.name"></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.name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+        </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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+    name: 'index',
+    components:{},
+    data() {
+        return {
+            text:'存款',/* 顶部文字 */
+            form:{
+
+            },
+            second:[// 二级卡数组
+
+            ],
+            options:[],
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+
+    }
+};
+</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;
+            }
+        }
+        
+        .body{
+            margin-top: 50px;
+            overflow: auto;
+            .idCard{
+                border-radius: 5px;
+                background: #CFDDFF;
+                text-align: center;
+                height: 68px;
+                line-height: 68px;
+                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;
+            }
+        }
+    }
+</style>
diff --git a/src/pages/manage/list/business/openAccount.vue b/src/pages/manage/list/business/openAccount.vue
new file mode 100644
index 0000000..efe2a38
--- /dev/null
+++ b/src/pages/manage/list/business/openAccount.vue
@@ -0,0 +1,247 @@
+// 开户
+<template>
+    <div class="wrap">
+        <div class="title">
+            <p>公司业务</p>
+            <i class="el-icon-arrow-right"></i>
+            <p>{{text}}</p>
+        </div>
+        
+        <!-- 开户 -->
+        <div class="body">
+            <el-row :gutter="20" style="margin: 0">
+                <el-form ref="form" :model="form" label-width="120px">
+                    <el-col :span="10" :offset="2">
+                        <el-form-item label="客户号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="账户类型" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="结算户" value="结算户"> </el-option>
+                                <el-option label="活期保障金户" value="活期保障金户"> </el-option>
+                                <el-option label="委托保障金户" value="委托保障金户"> </el-option>
+                                <el-option label="资本临时户" value="资本临时户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="账户科目" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="工业存款" value="工业存款"> </el-option>
+                                <el-option label="商业存款" value="商业存款"> </el-option>
+                                <el-option label="外贸存款" value="外贸存款"> </el-option>
+                                <el-option label="其他" value="其他"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="钞汇标识" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="钞户" value="钞户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="出账页标志" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="按月" value="按月"> </el-option>
+                                <el-option label="满页" value="满页"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="统计代码">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="外汇证号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        
+                    </el-col>
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="客户姓名" required>
+                            <el-input v-model="form.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="账户性质" required>
+                            <el-select v-model="form.identification" placeholder="请选择">
+                                <el-option  label="基本户" value="基本户"> </el-option>
+                                <el-option  label="一般户" value="一般户"> </el-option>
+                                <el-option  label="转用户" value="转用户"> </el-option>
+                                <el-option  label="临时户" value="临时户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="币种" required>
+                            <el-select disabled v-model="form.identification" placeholder="请选择">
+                                <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="计息方式" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="季度" value="季度"> </el-option>
+                                <el-option label="半年" value="半年"> </el-option>
+                                <el-option label="一年" value="一年"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="支取方式" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="印签" value="印签"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="外汇核准号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+        </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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+    name: 'index',
+    components:{},
+    data() {
+        return {
+            text:'开户',/* 顶部文字 */
+            form:{
+
+            },
+            second:[// 二级卡数组
+
+            ],
+            options:[],
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+        }
+    },
+    created() {
+    },
+    methods: {
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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/business/transfer.vue b/src/pages/manage/list/business/transfer.vue
new file mode 100644
index 0000000..41a40ed
--- /dev/null
+++ b/src/pages/manage/list/business/transfer.vue
@@ -0,0 +1,235 @@
+// 转账
+<template>
+    <div class="wrap">
+        <div class="title">
+            <p>公司业务</p>
+            <i class="el-icon-arrow-right"></i>
+            <p>{{text}}</p>
+        </div>
+        
+        <!-- 开户 -->
+        <div class="body">
+            <el-row :gutter="20" style="margin: 0">
+                <el-form ref="form" :model="form" label-width="120px">
+                    <el-col :span="10" :offset="2">
+                        <el-form-item label="客户号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="账户类型" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="结算户" value="结算户"> </el-option>
+                                <el-option label="活期保障金户" value="活期保障金户"> </el-option>
+                                <el-option label="委托保障金户" value="委托保障金户"> </el-option>
+                                <el-option label="资本临时户" value="资本临时户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="账户科目" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="工业存款" value="工业存款"> </el-option>
+                                <el-option label="商业存款" value="商业存款"> </el-option>
+                                <el-option label="外贸存款" value="外贸存款"> </el-option>
+                                <el-option label="其他" value="其他"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="钞汇标识" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="钞户" value="钞户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="出账页标志" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="按月" value="按月"> </el-option>
+                                <el-option label="满页" value="满页"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="统计代码">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="外汇证号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        
+                    </el-col>
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="客户姓名" required>
+                            <el-input v-model="form.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="账户性质" required>
+                            <el-select v-model="form.identification" placeholder="请选择">
+                                <el-option  label="基本户" value="基本户"> </el-option>
+                                <el-option  label="一般户" value="一般户"> </el-option>
+                                <el-option  label="转用户" value="转用户"> </el-option>
+                                <el-option  label="临时户" value="临时户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="计息方式" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="季度" value="季度"> </el-option>
+                                <el-option label="半年" value="半年"> </el-option>
+                                <el-option label="一年" value="一年"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="支取方式" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="印签" value="印签"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="外汇核准号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+        </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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+    name: 'index',
+    components:{},
+    data() {
+        return {
+            text:'转账',/* 顶部文字 */
+            form:{
+
+            },
+            second:[// 二级卡数组
+
+            ],
+            options:[],
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+
+    }
+};
+</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;
+            }
+        }
+        .body{
+            margin-top: 50px;
+            overflow: auto;
+            .idCard{
+                border-radius: 5px;
+                background: #CFDDFF;
+                text-align: center;
+                height: 68px;
+                line-height: 68px;
+                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/business/withdrawal.vue b/src/pages/manage/list/business/withdrawal.vue
new file mode 100644
index 0000000..6408f75
--- /dev/null
+++ b/src/pages/manage/list/business/withdrawal.vue
@@ -0,0 +1,224 @@
+// 取款
+<template>
+    <div class="wrap">
+        <div class="title">
+            <p>公司业务</p>
+            <i class="el-icon-arrow-right"></i>
+            <p>{{text}}</p>
+        </div>
+        
+        <!-- 开户 -->
+        <div class="body">
+            <el-row :gutter="20" style="margin: 0">
+                <el-form ref="form" :model="form" label-width="120px">
+                    <el-col :span="10" :offset="2">
+                        <el-form-item label="账号">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="凭证号码">
+                            <el-input v-model="form.num"></el-input>
+                        </el-form-item>
+                        <el-form-item label="币种" required>
+                            <el-select disabled v-model="form.identification" placeholder="请选择">
+                                <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="凭证类型" required>
+                            <el-select disabled v-model="form.identification" placeholder="请选择">
+                                <el-option  label="存单" value="存单"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="支取方式" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="印签" value="印签"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10" :offset="1">
+                        <el-form-item label="客户姓名" required>
+                            <el-input v-model="form.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="签发日期" required>
+                            <el-date-picker
+                                v-model="value1"
+                                type="date"
+                                placeholder="选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="钞汇标识" required>
+                            <el-select v-model="form.currency" placeholder="请选择">
+                                <el-option label="钞户" value="钞户"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="金额" required>
+                            <el-input v-model="form.num"></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.name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </el-row>
+            <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+        </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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+    name: 'index',
+    components:{},
+    data() {
+        return {
+            text:'取款',/* 顶部文字 */
+            form:{
+
+            },
+            second:[// 二级卡数组
+
+            ],
+            options:[],
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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/client/consumerClient.vue b/src/pages/manage/list/client/consumerClient.vue
index 4b6440b..79e6bdf 100644
--- a/src/pages/manage/list/client/consumerClient.vue
+++ b/src/pages/manage/list/client/consumerClient.vue
@@ -53,8 +53,8 @@
                         <el-form-item label="民族">
                             <el-select v-model="form.x" placeholder="请选择">
                                 <el-option
-                                v-for="item in nations"
-                                :key="item.id"
+                                v-for="(item,index) in nations"
+                                :key="index"
                                 :label="item.name"
                                 :value="item.id">
                                 </el-option>
@@ -144,7 +144,25 @@ export default {
             this.success&&(this.visible = false)
             this.authorization&&(this.success=true)
             this.authorization = true
-        }
+        },
+        throttle(fn,wait=1000){// 节流函数
+            var timer = null;
+            console.log(timer,'触发节流，查看timer')
+            return function(){
+                console.log('进入timer0')
+
+                var context = this;
+                var args = fn;
+                if(!timer){
+                    console.log('进入timer')
+                    timer = setTimeout(function(){
+                        fn.apply(context,fn);
+                        timer = null;
+                    },wait)
+                }
+            }
+        },
+
         
     }
 };
diff --git a/src/pages/manage/list/client/corporateClient.vue b/src/pages/manage/list/client/corporateClient.vue
index a100d08..d02f261 100644
--- a/src/pages/manage/list/client/corporateClient.vue
+++ b/src/pages/manage/list/client/corporateClient.vue
@@ -91,6 +91,9 @@ export default {
     name: 'index',
     data() {
         return {
+            visible:false,// 表单
+            authorization:false,// 切授权
+            success:false,// 切成功
             form:{
 
             },
@@ -108,6 +111,9 @@ export default {
         popUp(){// 唤起弹窗
             this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'})
         },
+        popSure(){
+
+        },
         
     }
 };
diff --git a/src/pages/manage/list/dayEnd/branchDayEnd.vue b/src/pages/manage/list/dayEnd/branchDayEnd.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/manage/list/dayEnd/tellerCash.vue b/src/pages/manage/list/dayEnd/tellerCash.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/manage/list/dayEnd/tellerCertificate.vue b/src/pages/manage/list/dayEnd/tellerCertificate.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/manage/list/personal/accountService.vue b/src/pages/manage/list/personal/accountService.vue
deleted file mode 100644
index cfa6a36..0000000
--- a/src/pages/manage/list/personal/accountService.vue
+++ /dev/null
@@ -1 +0,0 @@
-// 账户服务
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/accountService/accountService.vue b/src/pages/manage/list/personal/accountService/accountService.vue
new file mode 100644
index 0000000..75b023b
--- /dev/null
+++ b/src/pages/manage/list/personal/accountService/accountService.vue
@@ -0,0 +1,195 @@
+// 账户服务
+<template>
+    <!-- 账户服务 -->
+    <div class="wrap">
+        <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-item index="3">修改密码</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>
+
+        <!-- 修改密码 -->
+            <change-password></change-password>
+        <!--  -->
+
+        <!--  -->
+
+        <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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import changePassword from './changePassword.vue'
+export default {
+    name: 'index',
+    components:{
+        changePassword,
+    },
+    data() {
+        return {
+            text:'修改密码',/* 顶部文字 */
+            textObj:{
+                '1':'修改密码',
+                '2':'账户服务',
+                '3':'修改密码',
+            },
+            form:{
+
+            },
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+
+
+            
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+        handleSelect(val){
+            this.text = this.textObj[val]
+            this.activeIndex = val
+        },
+        
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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/accountService/changePassword.vue b/src/pages/manage/list/personal/accountService/changePassword.vue
new file mode 100644
index 0000000..000f89f
--- /dev/null
+++ b/src/pages/manage/list/personal/accountService/changePassword.vue
@@ -0,0 +1,86 @@
+/*修改密码 */
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="卡号" required>
+                        <div class="idCard" @click="popUp('刷卡器')">
+                            <p>请刷银行卡</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="证件类型">
+                        <el-select v-model="form.x" disabled placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                   <el-form-item label="原密码" required>
+                        <div class="idCard" @click="popUp('刷卡器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="客户姓名">
+                        <el-input v-model="form.name"></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="新密码" required>
+                        <div class="idCard" @click="popUp('刷卡器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    },
+    created() {
+      
+    },
+    methods: {
+
+    },
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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/callDeposits/accountClosed.vue b/src/pages/manage/list/personal/callDeposits/accountClosed.vue
new file mode 100644
index 0000000..df4ebe5
--- /dev/null
+++ b/src/pages/manage/list/personal/callDeposits/accountClosed.vue
@@ -0,0 +1,123 @@
+// 销户
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="证件类型">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证号码" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="存单" value="存单"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="定存编号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="利率（%）">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="利息">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="起息日期" required>
+                        <div class="idCard" @click="popUp('密码器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                    
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="身份证" required>
+                        <div class="idCard" @click="popUp('身份证扫描器')">
+                            <p>请刷身份证</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="客户姓名">
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识">
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="本金">
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="存期">
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="1年" value="1年"> </el-option>
+                            <el-option  label="3年" value="3年"> </el-option>
+                            <el-option  label="5年" value="5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="总金额">
+                        <el-input v-model="form.name" ></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="续存标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option label="不续存" value="不续存"> </el-option>
+                            <el-option label="续存1年" value="续存1年"> </el-option>
+                            <el-option label="续存3年" value="续存3年"> </el-option>
+                            <el-option label="续存5年" value="续存5年"> </el-option>
+                        </el-select>
+                    </el-form-item> -->
+                </el-col>
+               
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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/callDeposits/callDeposits.vue b/src/pages/manage/list/personal/callDeposits/callDeposits.vue
new file mode 100644
index 0000000..cfccf91
--- /dev/null
+++ b/src/pages/manage/list/personal/callDeposits/callDeposits.vue
@@ -0,0 +1,192 @@
+<template>
+    <!-- 通知存款 -->
+    <div class="wrap">
+        <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>
+
+        <!-- 开户 -->
+        <open-account v-if="activeIndex==='1'"></open-account>
+        <!-- 销户 -->
+        <account-closed v-if="activeIndex==='2'"></account-closed>
+
+        <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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import openAccount from './openAccount.vue'
+import accountClosed from './accountClosed.vue'
+
+export default {
+    name: 'index',
+    components:{
+        openAccount,accountClosed,
+    },
+    data() {
+        return {
+            text:'',/* 顶部文字 */
+            textObj:{
+                '1':'开户',
+                '2':'支取销户',
+            },
+            form:{
+
+            },
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+
+
+            
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+        handleSelect(val){
+            this.text = this.textObj[val]
+            this.activeIndex = val
+        },
+        
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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
new file mode 100644
index 0000000..1ba2b60
--- /dev/null
+++ b/src/pages/manage/list/personal/callDeposits/openAccount.vue
@@ -0,0 +1,113 @@
+// 开户
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="证件类型">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="客户号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证类型" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="存单" value="存单"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('密码器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="存期" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="1年" value="1年"> </el-option>
+                            <el-option  label="3年" value="3年"> </el-option>
+                            <el-option  label="5年" value="5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="身份证" required>
+                        <div class="idCard" @click="popUp('身份证扫描器')">
+                            <p>请刷身份证</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="客户姓名" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证号码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请填凭证号码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="月存金额" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="续存标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option label="不续存" value="不续存"> </el-option>
+                            <el-option label="续存1年" value="续存1年"> </el-option>
+                            <el-option label="续存3年" value="续存3年"> </el-option>
+                            <el-option label="续存5年" value="续存5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+               
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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/accountCancellation.vue b/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
index e957b5b..e3c419a 100644
--- a/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
+++ b/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
@@ -1,9 +1,39 @@
+/* 个人业务>活期业务>销户 */
 <template>
-    <div>
-        <h1>销户</h1>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="卡号" required>
+                        <div class="idCard" @click="popUp('刷卡器')">
+                            <p>请刷卡</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="证件类型">
+                        <el-select v-model="form.x" disabled placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('密码器')">
+                            <p>请刷卡</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="客户姓名">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="证件号码" required>
+                        <div class="idCard" @click="popUp('身份证扫描器')">
+                            <p>请刷身份证</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
     </div>
-
-
 </template>
 <script>
 export default{
@@ -11,13 +41,41 @@ export default{
     props:{},
     data(){
         return{
-
+            form:{}
         }
     },
-    methods:{
+    created() {
+      
+    },
+    methods: {
 
     },
 }
 </script>
 <style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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/openAccount.vue b/src/pages/manage/list/personal/currentAccount/openAccount.vue
index 344e663..dd1ae7d 100644
--- a/src/pages/manage/list/personal/currentAccount/openAccount.vue
+++ b/src/pages/manage/list/personal/currentAccount/openAccount.vue
@@ -1,4 +1,4 @@
-/* 个人业务>活期业务 */
+/* 个人业务>活期业务>开户 */
 <template>
     <div class="body">
         <el-row :gutter="20" style="margin: 0">
diff --git a/src/pages/manage/list/personal/currentAccount/settle.vue b/src/pages/manage/list/personal/currentAccount/settle.vue
index 8616d63..2a6e77b 100644
--- a/src/pages/manage/list/personal/currentAccount/settle.vue
+++ b/src/pages/manage/list/personal/currentAccount/settle.vue
@@ -60,7 +60,13 @@ export default{
         return{
             form:{}
         }
-    }
+    },
+    created() {
+      
+    },
+    methods: {
+
+    },
 }
 </script>
 <style lang='scss' scoped>
diff --git a/src/pages/manage/list/personal/timeDeposit.vue b/src/pages/manage/list/personal/timeDeposit.vue
deleted file mode 100644
index d84b659..0000000
--- a/src/pages/manage/list/personal/timeDeposit.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-// 整存整取
-<template>
-    <div class="wrap">
-        
-    </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-export default {
-    name: 'index',
-    data() {
-        return {
-            
-        }
-    },
-    mounted() {
-        
-    },
-    methods: {
-        
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-    
-</style>
\ No newline at end of file
diff --git a/src/pages/manage/list/personal/timeDeposit/deposit.vue b/src/pages/manage/list/personal/timeDeposit/deposit.vue
new file mode 100644
index 0000000..2de7770
--- /dev/null
+++ b/src/pages/manage/list/personal/timeDeposit/deposit.vue
@@ -0,0 +1,114 @@
+// 整存整取 > 存款
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="凭证号码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请输入凭证号</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="金额">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="利率（%）">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="支取方式">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="密码" value="密码"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="存款类别" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="现金" value="现金"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="客户姓名" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="存期" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="3个月" value="3个月"> </el-option>
+                            <el-option  label="6个月" value="6个月"> </el-option>
+                            <el-option  label="1年" value="1年"> </el-option>
+                            <el-option  label="2年" value="2年"> </el-option>
+                            <el-option  label="3年" value="3年"> </el-option>
+                            <el-option  label="五年" value="五年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="续存" required>
+                        <el-radio v-model="radio" label="1">备选项</el-radio>
+                        <el-radio v-model="radio" label="2">备选项</el-radio>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="起息日" required>
+                        <el-input v-model="form.name" ></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.name"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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
new file mode 100644
index 0000000..1590893
--- /dev/null
+++ b/src/pages/manage/list/personal/timeDeposit/openAccount.vue
@@ -0,0 +1,97 @@
+// 整存整取 > 开户
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="证件类型">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="客户号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证类型" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="存单" value="存单"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('密码器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="身份证" required>
+                        <div class="idCard" @click="popUp('身份证扫描器')">
+                            <p>请刷身份证</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="客户姓名" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证号码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请填凭证号码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="客户经理" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                </el-col>
+               
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        font-size: 18px;
+        color: #6191FF;
+        cursor: pointer;
+    }
+    .submitBtn{
+        position: absolute;
+        width: 300px;
+        font-size: 18px;
+        height: 68px;
+        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
new file mode 100644
index 0000000..18035bb
--- /dev/null
+++ b/src/pages/manage/list/personal/timeDeposit/timeDeposit.vue
@@ -0,0 +1,205 @@
+// 整存整取
+<template>
+    <div class="wrap">
+        <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-item index="3">取款</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>
+        <!-- 开户 -->
+        <open-account v-if="activeIndex==='1'"></open-account>
+        <!-- 存款 -->
+        <deposit v-if="activeIndex==='2'"></deposit>
+        <!-- 取款 -->
+        <withdrawal v-if="activeIndex==='3'"></withdrawal>
+
+        <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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import openAccount from './openAccount.vue'
+import deposit from './deposit.vue'
+import withdrawal from './withdrawal.vue'
+
+export default {
+    name: 'index',
+    components:{
+        openAccount,
+        deposit,
+        withdrawal,
+    },
+    data() {
+        return {
+            text:'',/* 顶部文字 */
+            textObj:{
+                '1':'开户',
+                '2':'存款',
+                '3':'取款',
+                '4':'转账',
+                '5':'结清',
+                '6':'销户',
+            },
+            form:{
+
+            },
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+
+
+            
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+        handleSelect(val){
+            console.log(typeof(val),this.activeIndex,'xuanze');
+            
+            this.text = this.textObj[val]
+            this.activeIndex = val
+        },
+        
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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/timeDeposit/withdrawal.vue b/src/pages/manage/list/personal/timeDeposit/withdrawal.vue
new file mode 100644
index 0000000..1d936fb
--- /dev/null
+++ b/src/pages/manage/list/personal/timeDeposit/withdrawal.vue
@@ -0,0 +1,100 @@
+// 整存整取 > 取款
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="凭证号码" required>
+                        <div class="idCard" @click="popUp('刷卡器')">
+                            <p>请填凭证号码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="币种">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="CNY人民币" value="CNY人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="定存编号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="支取金额" required>
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="利息（%）" required>
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('刷卡器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="客户姓名">
+                        <el-input v-model="form.name" disabled></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="本金" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="支取类别" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="现金" value="现金"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="支取方式" required>
+                        <el-radio v-model="form.radio" label="1">部分支取</el-radio>
+                        <el-radio v-model="form.radio" label="2">全部支取</el-radio>
+                    </el-form-item>
+                </el-col>
+                
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{
+                radio:'1'
+            }
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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.vue b/src/pages/manage/list/personal/usefulPhrases.vue
deleted file mode 100644
index e68547b..0000000
--- a/src/pages/manage/list/personal/usefulPhrases.vue
+++ /dev/null
@@ -1 +0,0 @@
-零存整取
\ 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
new file mode 100644
index 0000000..df4ebe5
--- /dev/null
+++ b/src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
@@ -0,0 +1,123 @@
+// 销户
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="证件类型">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证号码" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="存单" value="存单"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="定存编号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="利率（%）">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="利息">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="起息日期" required>
+                        <div class="idCard" @click="popUp('密码器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                    
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="身份证" required>
+                        <div class="idCard" @click="popUp('身份证扫描器')">
+                            <p>请刷身份证</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="客户姓名">
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识">
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="本金">
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="存期">
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="1年" value="1年"> </el-option>
+                            <el-option  label="3年" value="3年"> </el-option>
+                            <el-option  label="5年" value="5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="总金额">
+                        <el-input v-model="form.name" ></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="续存标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option label="不续存" value="不续存"> </el-option>
+                            <el-option label="续存1年" value="续存1年"> </el-option>
+                            <el-option label="续存3年" value="续存3年"> </el-option>
+                            <el-option label="续存5年" value="续存5年"> </el-option>
+                        </el-select>
+                    </el-form-item> -->
+                </el-col>
+               
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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
new file mode 100644
index 0000000..365df16
--- /dev/null
+++ b/src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
@@ -0,0 +1,89 @@
+// 续存
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="凭证号码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请输入凭证号</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="定存编号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识">
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="月存金额">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="客户姓名" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="存期" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="1年" value="1年"> </el-option>
+                            <el-option  label="3年" value="3年"> </el-option>
+                            <el-option  label="5年" value="5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                </el-col>
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        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
new file mode 100644
index 0000000..7069fc4
--- /dev/null
+++ b/src/pages/manage/list/personal/usefulPhrases/openAccount.vue
@@ -0,0 +1,112 @@
+// 开户
+<template>
+    <div class="body">
+        <el-row :gutter="20" style="margin: 0">
+            <el-form ref="form" :model="form" label-width="120px">
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="证件类型">
+                        <el-select disabled v-model="form.x" placeholder="请选择">
+                            <el-option label="身份证" value="身份证"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="客户号">
+                        <el-input v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="币种" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证类型" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="存单" value="存单"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="支取密码" required>
+                        <div class="idCard" @click="popUp('密码器')">
+                            <p>请输入密码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="存期" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="1年" value="1年"> </el-option>
+                            <el-option  label="3年" value="3年"> </el-option>
+                            <el-option  label="5年" value="5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="10" :offset="1">
+                    <el-form-item label="身份证" required>
+                        <div class="idCard" @click="popUp('身份证扫描器')">
+                            <p>请刷身份证</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="客户姓名" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="钞汇标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option  label="钞户" value="钞户"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="凭证号码" required>
+                        <div class="idCard" @click="popUp('输入器')">
+                            <p>请填凭证号码</p>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="月存金额" required>
+                        <el-input v-model="form.name" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="续存标识" required>
+                        <el-select disabled v-model="form.identification" placeholder="请选择">
+                            <el-option label="不续存" value="不续存"> </el-option>
+                            <el-option label="续存1年" value="续存1年"> </el-option>
+                            <el-option label="续存3年" value="续存3年"> </el-option>
+                            <el-option label="续存5年" value="续存5年"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+               
+            </el-form>
+        </el-row>
+        <el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button>
+    </div>
+</template>
+<script>
+export default{
+    name:'',
+    props:{},
+    data(){
+        return{
+            form:{}
+        }
+    }
+}
+</script>
+<style lang='scss' scoped>
+.body{
+    margin-top: 50px;
+    padding-bottom: 50px;
+    overflow: auto;
+    .idCard{
+        border-radius: 5px;
+        background: #CFDDFF;
+        text-align: center;
+        height: 68px;
+        line-height: 68px;
+        font-size: 18px;
+        color: #6191FF;
+        cursor: pointer;
+    }
+    .submitBtn{
+        position: absolute;
+        width: 300px;
+        font-size: 18px;
+        height: 68px;
+        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
new file mode 100644
index 0000000..6720b51
--- /dev/null
+++ b/src/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue
@@ -0,0 +1,199 @@
+<template>
+    <!-- 零存整取 -->
+    <div class="wrap">
+        <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-item index="3">支取销户</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>
+
+        <!-- 开户 -->
+        <open-account v-if="activeIndex==='1'"></open-account>
+        <!-- 存款 -->
+        <continue-deposit v-if="activeIndex==='2'"></continue-deposit>
+        <!-- 销户 -->
+        <account-closed v-if="activeIndex==='3'"></account-closed>
+
+        <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="visible = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import openAccount from './openAccount.vue'
+import continueDeposit from './continueDeposit.vue'
+import accountClosed from './accountClosed.vue'
+export default {
+    name: 'index',
+    components:{
+        openAccount,
+        continueDeposit,
+        accountClosed,
+    },
+    data() {
+        return {
+            text:'',/* 顶部文字 */
+            textObj:{
+                '1':'开户',
+                '2':'续存',
+                '3':'支取销户',
+            },
+            form:{
+
+            },
+            visible:false,
+            options:[],
+            activeIndex:'1',
+            second:[// 二级卡数组
+
+            ],
+
+
+            
+        }
+    },
+    created() {
+        
+    },
+    methods: {
+        handleSelect(val){
+            this.text = this.textObj[val]
+            this.activeIndex = val
+        },
+        
+
+    }
+};
+</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: 68px;
+                line-height: 68px;
+                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/navbar/index.vue b/src/pages/manage/navbar/index.vue
index 2f83217..19bfc6e 100644
--- a/src/pages/manage/navbar/index.vue
+++ b/src/pages/manage/navbar/index.vue
@@ -1,13 +1,14 @@
 <template>
+    <!-- 商业银行系统菜单文件 -->
     <el-menu class="sidebar-el-menu" :default-active="onRoutes" router  background-color="#313540" text-color="#fff" active-text-color="#ffd04b" unique-opened>
-        <template v-for="item in menus">
+        <template v-for="(item,index) in menus">
             <template v-if="item.children">
                 <el-submenu :index="item.index" :key="item.index">
                     <template slot="title">
                         <i :class="item.icon"></i>
                         <span slot="title">{{ item.title }}</span>
                     </template>
-                    <template v-for="subItem in item.children">
+                    <template v-for="(subItem,index) in item.children">
                         <el-submenu
                             v-if="subItem.children"
                             :index="subItem.index"
@@ -40,7 +41,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import bus from '@/libs/bus';
+// import bus from '@/libs/bus';
 import Setting from '@/setting';
 export default {
     data() {
@@ -63,7 +64,7 @@ export default {
                 },
                 {
                     icon: 'menu-icon icon-index',
-                    index: '/index/list3',
+                    index: '/index/list1',
                     title: '个人业务',
                     children:[
                         {
@@ -90,8 +91,26 @@ export default {
                 },
                 {
                     icon: 'menu-icon icon-index',
-                    index: '/index/list3',
+                    index: '/index/list2',
                     title: '公司业务',
+                    children:[
+                        {
+                            index:"/counter/list/manage/business-openAccount",
+                            title:'开户'
+                        },
+                        {
+                            index:"/counter/list/manage/business-deposit",
+                            title:'存款'
+                        },
+                        {
+                            index:"/counter/list/manage/business-withdrawal",
+                            title:'取款'
+                        },
+                        {
+                            index:"/counter/list/manage/business-transfer",
+                            title:'转账'
+                        },
+                    ]
                 },
                 {
                     icon: 'menu-icon icon-index',
@@ -100,28 +119,62 @@ export default {
                 },
                 {
                     icon: 'menu-icon icon-index',
-                    index: '/index/list3',
+                    index: '/index/list4',
                     title: '同城交互',
                 },
                 {
                     icon: 'menu-icon icon-index',
-                    index: '/index/list3',
+                    index: '/index/list5',
                     title: '银行承兑汇票',
                 },
                 {
                     icon: 'menu-icon icon-index',
-                    index: '/index/list3',
+                    index: '/index/list6',
                     title: '重空现金',
+                    children:[
+                        {
+                            index:"/counter/list/manage/dayEnd-tellerCash",
+                            title:'柜员现金扎帐'
+                        },
+                        {
+                            index:"/counter/list/manage/dayEnd-tellerCertificate",
+                            title:'柜员凭证扎帐'
+                        },
+                        {
+                            index:"/counter/list/manage/dayEnd-branchDayEnd",
+                            title:'网点日终扎帐'
+                        }
+                    ]
                 },
                 {
                     icon: 'menu-icon icon-index',
-                    index: '/index/list3',
+                    index: '/index/list7',
                     title: '日终管理',
+                    children:[
+                        {
+                            index:"/counter/list/manage/dayEnd-tellerCash",
+                            title:'柜员现金扎帐'
+                        },
+                        {
+                            index:"/counter/list/manage/dayEnd-tellerCertificate",
+                            title:'柜员凭证扎帐'
+                        },
+                        {
+                            index:"/counter/list/manage/dayEnd-branchDayEnd",
+                            title:'网点日终扎帐'
+                        }
+                    ]
                 },
             ],
         }
     },
+    watch: {
+        '$route.path':function (val) {
+            this.onRoutes = val
+        }
+    },
     created() {
+        this.onRoutes = this.$route.path
         
     },
     methods: {
diff --git a/src/router/modules/counter.js b/src/router/modules/counter.js
index cdce659..ed0e733 100644
--- a/src/router/modules/counter.js
+++ b/src/router/modules/counter.js
@@ -48,27 +48,98 @@ export default {
                         {
                             name: `${pre}timeDeposit`,
                             path: `timeDeposit`,
-                            component: () => import('@/pages/manage/list/personal/timeDeposit.vue'),
+                            component: () => import('@/pages/manage/list/personal/timeDeposit/timeDeposit.vue'),
                             meta: { title: '整存整取' }
                         },
                         {
                             name: `${pre}usefulPhrases`,
                             path: `usefulPhrases`,
-                            component: () => import('@/pages/manage/list/personal/usefulPhrases.vue'),
+                            component: () => import('@/pages/manage/list/personal/usefulPhrases/usefulPhrases.vue'),
                             meta: { title: '零存整取' },
                         },
                         {
                             name: `${pre}callDeposits`,
                             path: `callDeposits`,
-                            component: () => import('@/pages/manage/list/personal/callDeposits.vue'),
+                            component: () => import('@/pages/manage/list/personal/callDeposits/callDeposits.vue'),
                             meta: { title: '通知存款' },
                         },
                         {
                             name: `${pre}accountService`,
                             path: `accountService`,
-                            component: () => import('@/pages/manage/list/personal/accountService.vue'),
+                            component: () => import('@/pages/manage/list/personal/accountService/accountService.vue'),
                             meta: { title: '账户服务' },
                         },
+                        // 公司业务
+                        {
+                            name: `${pre}accountService`,
+                            path: `business-openAccount`,
+                            component: () => import('@/pages/manage/list/business/openAccount.vue'),
+                            meta: { title: '公司业务开户' },
+                        },
+                        {
+                            name: `${pre}accountService`,
+                            path: `business-deposit`,
+                            component: () => import('@/pages/manage/list/business/deposit.vue'),
+                            meta: { title: '公司业务存款' },
+                        },
+                        {
+                            name: `${pre}accountService`,
+                            path: `business-withdrawal`,
+                            component: () => import('@/pages/manage/list/business/withdrawal.vue'),
+                            meta: { title: '公司业务取款' },
+                        },
+                        {
+                            name: `${pre}accountService`,
+                            path: `business-transfer`,
+                            component: () => import('@/pages/manage/list/business/transfer.vue'),
+                            meta: { title: '公司业务转账' },
+                        },
+
+                        // 账户服务
+
+                        // 同城交互
+
+                        // 银行承兑汇票
+
+                        // 重空现金
+                        {
+                            name: `${pre}importantCash`,
+                            path: `importantCash-cashRecipients`,
+                            component: () => import('@/pages/manage/list/ImportantCash/controlCash/index.vue'),
+                            meta: { title: '重空现金管理' },
+                        },
+                        {
+                            name: `${pre}importantCash`,
+                            path: `importantCash-cashRecipients`,
+                            component: () => import('@/pages/manage/list/ImportantCash/controlCash/index.vue'),
+                            meta: { title: '重空现金凭证管理' },
+                        },
+                        {
+                            name: `${pre}importantCash`,
+                            path: `importantCash-cashRecipients`,
+                            component: () => import('@/pages/manage/list/ImportantCash/controlCash/index.vue'),
+                            meta: { title: '重空现金支票管理' },
+                        },
+                        // 日终管理
+                        {
+                            name: `${pre}dayEnd`,
+                            path: `dayEnd-tellerCash`,
+                            component: () => import('@/pages/manage/list/dayEnd/tellerCash.vue'),
+                            meta: { title: '日终管理柜员现金扎帐' },
+                        },
+                        {
+                            name: `${pre}dayEnd`,
+                            path: `dayEnd-tellerCertificate`,
+                            component: () => import('@/pages/manage/list/dayEnd/tellerCertificate.vue'),
+                            meta: { title: '日终管理柜员凭证扎帐' },
+                        },
+                        {
+                            name: `${pre}dayEnd`,
+                            path: `dayEnd-branchDayEnd`,
+                            component: () => import('@/pages/manage/list/dayEnd/branchDayEnd.vue'),
+                            meta: { title: '日终管理网点日终扎帐' },
+                        },
+
                     ]
                 }
             ]
diff --git a/src/router/system.js b/src/router/system.js
deleted file mode 100644
index 007f708..0000000
--- a/src/router/system.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/* 银行系统 */
-export default {
-    namespaced: true,
-    state: {/* 管理柜台状态 */
-        showPop: false,// 弹框
-        popText:'钱箱',
-        fullScreen:false,// 银行系统是否全屏
-        goods:[// 物品栏的物品
-            {
-                name:'身份证',
-                src:require('@/assets/img/goods/idcard.png'),
-                id:'a'
-            },
-            {
-                name:'身份证复印件',
-                src:require('@/assets/img/idCard-copy-sm.png'),
-                id:'b'
-            },
-            {
-                name:'开户申请书',
-                src:require('@/assets/img/goods/khsqs.png'),
-                id:'c'
-            },
-            {
-                name:'现金',
-                src:require('@/assets/img/goods/cash-sm.png'),
-                id:'d'
-            },
-            {
-                name:'存款凭条',
-                src:require('@/assets/img/goods/ckpt.png'),
-                id:'e'
-            },
-        ],
-    },
-    mutations: {
-        changeFullscreen:(state,val) => {
-            state.fullScreen = val
-        },
-        changePop:(state,val)=>{
-            state.showPop = val.show
-            state.popText = val.text
-        },
-        changeGoods:(state,obj)=>{/* 赋值/push/删除 */
-            if(obj.goods&&obj.goods.length>0){
-                state.goods = obj.goods
-            }else if(obj.push&&obj.push.length>0){
-                state.goods.push(...obj.push)
-            }else if(typeof(obj.splice)===Number ){
-                state.goods.splice(obj.splice,1)
-            }
-        }
-    },
-    actions: {
-        
-    }
-}
\ No newline at end of file
diff --git a/src/store/modules/layout.js b/src/store/modules/layout.js
index a27ca6c..1ab0dca 100644
--- a/src/store/modules/layout.js
+++ b/src/store/modules/layout.js
@@ -1,7 +1,6 @@
 /**
  * 布局管理
  * */
-
  // 是否IE
 function isIE() {
     if (!!window.ActiveXObject || "ActiveXObject" in window) return true
diff --git a/src/styles/system.css b/src/styles/system.css
index 3506e82..f0fb90d 100644
--- a/src/styles/system.css
+++ b/src/styles/system.css
@@ -49,3 +49,13 @@
   font-size: 18px;
   color: #6191FF;
 }
+
+.title {
+  height: 60px;
+  display: flex;
+  align-items: center;
+  font-size: 20px;
+  padding-left: 0px;
+  margin-top: 10px;
+  flex-shrink: 0;
+}
diff --git a/src/styles/system.min.css b/src/styles/system.min.css
index 18dd35b..15e70a8 100644
--- a/src/styles/system.min.css
+++ b/src/styles/system.min.css
@@ -1 +1 @@
-.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}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF}
+.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}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF}.title{height:60px;display:flex;align-items:center;font-size:20px;padding-left:0px;margin-top:10px;flex-shrink:0}
diff --git a/src/styles/system.scss b/src/styles/system.scss
index 7a7eee5..77ea001 100644
--- a/src/styles/system.scss
+++ b/src/styles/system.scss
@@ -42,4 +42,13 @@
     line-height: 68px;
     font-size: 18px;
     color: #6191FF;
+}
+.title{
+    height: 60px;
+    display: flex;
+    align-items: center;
+    font-size: 20px;
+    padding-left: 0px;
+    margin-top: 10px;
+    flex-shrink: 0;
 }
\ No newline at end of file