diff --git a/src/pages/manage/index/index.vue b/src/pages/manage/index/index.vue
index 98e5207..162ff79 100644
--- a/src/pages/manage/index/index.vue
+++ b/src/pages/manage/index/index.vue
@@ -134,6 +134,15 @@ export default {
     /deep/ .is-error input {
         border-color: #f40!important;;
     }
+    /deep/ .text-xl p {
+        font-size: 18px!important;
+    }
+    /deep/ .el-form-item .el-form-item__label {
+        font-size: 18px!important;
+    }
+    /deep/ .el-menu-item {
+        font-size: 18px;
+    }
     // /deep/ .el-form-item__error {
     //     top: 105%;
     //     left: auto;
diff --git a/src/pages/manage/list/business/deposit.vue b/src/pages/manage/list/business/deposit.vue
index 73589ed..c81bc80 100644
--- a/src/pages/manage/list/business/deposit.vue
+++ b/src/pages/manage/list/business/deposit.vue
@@ -10,35 +10,35 @@
         <!-- 存款 -->
         <div class="body">
             <el-row :gutter="20" style="margin: 0">
-                <el-form ref="form" :model="form" label-width="120px">
+                <el-form ref="form" :model="form" label-width="120px" :rules="rules">
                     <el-col :span="10" :offset="1">
-                        <el-form-item label="账号" required>
-                            <el-input v-model="form.username" ref="username"></el-input>
+                        <el-form-item label="账号" prop="username">
+                            <el-input :value="form.username" @input="(val) => checkHanzi(val, form, 'username')" ref="username"></el-input>
                         </el-form-item>
-                        <el-form-item label="币种" required>
+                        <el-form-item label="币种" prop="currency">
                             <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
                                 <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="存款金额" required>
+                        <el-form-item label="存款金额" prop="depositNum">
                             <el-input :value="form.depositNum" @input="val => ismoney(val, form, 'depositNum')" ref="depositNum"></el-input>
                         </el-form-item>
                     </el-col>
                     <el-col :span="10" :offset="1">
-                        <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
-                            <el-input v-model="form.customerName" ref="customerName"></el-input>
+                        <el-form-item label="客户姓名" prop="customerName" :rules="rules.customerName">
+                            <el-input :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')" ref="customerName"></el-input>
                         </el-form-item>
-                        <el-form-item label="钞汇标识" required>
+                        <el-form-item label="钞汇标识" prop="currencyMark">
                             <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
                                 <el-option label="钞户" value="钞户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="利率（%）" required  prop="interestRate" :rules="rules.interestRate">
-                            <el-input v-model="form.interestRate" ref="interestRate"></el-input>
+                        <el-form-item label="利率（%）" prop="interestRate">
+                            <el-input  :value="form.interestRate" @input="(val) => rateListen(val, form, 'interestRate')" ref="interestRate"></el-input>
                         </el-form-item>
                     </el-col>
                     <el-col :span="21" :offset="1">
-                        <el-form-item label="摘要">
+                        <el-form-item label="摘要" prop="textarea">
                             <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.abstract"></el-input>
                         </el-form-item>
                     </el-col>
@@ -72,8 +72,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import { checkRequired, ismoney } from '@/utils/utilFunction.js'
-import { vername, verrate } from '@/utils/verify.js'
+import { checkHanzi, checkName, ismoney, rateListen, myValidate } from '@/utils/utilFunction.js'
+import { vercustomer, verrate } from '@/utils/verify.js'
 export default {
     name: 'index',
     components:{},
@@ -92,8 +92,22 @@ export default {
                 abstract: '', // 摘要
             },
             rules: {
-                customerName: vername,
-                interestRate: verrate
+                customerName: vercustomer,
+                interestRate: verrate,
+                username: [
+                    { 
+                        required: true, 
+                        message: '请输入账号',
+                        trigger: 'blur'
+                    }
+                ],
+                depositNum: [
+                    { 
+                        required: true, 
+                        message: '请输入存款金额',
+                        trigger: 'blur'
+                    }
+                ]
             },
             second:[// 二级卡数组
 
@@ -115,20 +129,18 @@ export default {
     },
     methods: {
         submitForm() {
-            const requiredField = {
-                customerName: '客户姓名', //   
-                username: '账号', // 
-                depositNum: '存款金额', // 
-            }
-            const judgeRef = checkRequired(this.form, requiredField)
-            if(judgeRef === '') {
-               console.log('submit success')
-            }else {
-                this.$refs[judgeRef].focus();
-            }
-            
+            this.$refs.form.validate(myValidate(() => {
+                // 验证通过逻辑写在这
+                this.$message({
+                    message: '验证成功',
+                    center: true
+                });
+            }, this.$refs));
         },
-        ismoney: ismoney
+        ismoney: ismoney,
+        rateListen: rateListen,
+        checkName: checkName,
+        checkHanzi: checkHanzi 
     }
 };
 </script>
diff --git a/src/pages/manage/list/business/openAccount.vue b/src/pages/manage/list/business/openAccount.vue
index a01fb41..70cdbd6 100644
--- a/src/pages/manage/list/business/openAccount.vue
+++ b/src/pages/manage/list/business/openAccount.vue
@@ -10,12 +10,12 @@
         <!-- 开户 -->
         <div class="body">
             <el-row :gutter="20" style="margin: 0">
-                <el-form ref="form" :model="form" label-width="120px">
+                <el-form ref="form" :model="form" label-width="120px" :rules="rules">
                     <el-col :span="10" :offset="2">
-                        <el-form-item label="客户号">
-                            <el-input v-model="form.customerNumber" ref="customerNumber"></el-input>
+                        <el-form-item label="客户号" prop="customerNumber">
+                            <el-input :value="form.customerNumber" @input="(val) => checkHanzi(val, form, 'customerNumber')" ref="customerNumber"></el-input>
                         </el-form-item>
-                        <el-form-item label="账户类型" required>
+                        <el-form-item label="账户类型" prop="accountType">
                             <el-select v-model="form.accountType" placeholder="请选择" ref="accountType">
                                 <el-option label="结算户" value="结算户"> </el-option>
                                 <el-option label="活期保障金户" value="活期保障金户"> </el-option>
@@ -23,7 +23,7 @@
                                 <el-option label="资本临时户" value="资本临时户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="账户科目" required>
+                        <el-form-item label="账户科目" prop="accountManagement">
                             <el-select v-model="form.accountManagement" placeholder="请选择" ref="accountManagement">
                                 <el-option label="工业存款" value="工业存款"> </el-option>
                                 <el-option label="商业存款" value="商业存款"> </el-option>
@@ -31,30 +31,30 @@
                                 <el-option label="其他" value="其他"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="钞汇标识" required>
+                        <el-form-item label="钞汇标识" prop="currencyMark">
                             <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
                                 <el-option label="钞户" value="钞户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="出账页标志" required>
+                        <el-form-item label="出账页标志" prop="outAccountWay">
                             <el-select v-model="form.outAccountWay" placeholder="请选择" ref="outAccountWay">
                                 <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.clientNumber"></el-input>
+                        <el-form-item label="统计代码" prop="clientNumber">
+                            <el-input :value="form.clientNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')" ref="clientNumber"></el-input>
                         </el-form-item>
-                        <el-form-item label="外汇证号">
-                            <el-input v-model="form.foreignCurrencyCertificate"></el-input>
+                        <el-form-item label="外汇证号" prop="foreignCurrencyCertificate">
+                            <el-input :value="form.foreignCurrencyCertificate" @input="(val) => checkHanzi(val, form, 'foreignCurrencyCertificate')" ref="foreignCurrencyCertificate"></el-input>
                         </el-form-item>
                         
                     </el-col>
                     <el-col :span="10" :offset="1">
-                        <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
-                            <el-input v-model="form.customerName" ref="customerName"></el-input>
+                        <el-form-item label="客户姓名" prop="customerName">
+                            <el-input :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')" ref="customerName"></el-input>
                         </el-form-item>
-                        <el-form-item label="账户性质" required>
+                        <el-form-item label="账户性质" prop="accountNature">
                             <el-select v-model="form.accountNature" placeholder="请选择" ref="accountNature">
                                 <el-option  label="基本户" value="基本户"> </el-option>
                                 <el-option  label="一般户" value="一般户"> </el-option>
@@ -62,25 +62,25 @@
                                 <el-option  label="临时户" value="临时户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="币种" required>
-                            <el-select disabled v-model="form.currencyType" placeholder="请选择" ref="currencyType">
+                        <el-form-item label="币种" prop="currencyType">
+                            <el-select v-model="form.currencyType" placeholder="请选择" ref="currencyType">
                                 <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="计息方式" required>
+                        <el-form-item label="计息方式" prop="calculateWay">
                             <el-select v-model="form.calculateWay" placeholder="请选择" ref="calculateWay">
                                 <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-form-item label="支取方式" prop="withdrawingWay">
                             <el-select v-model="form.withdrawingWay" placeholder="请选择" ref="withdrawingWay">
                                 <el-option label="印签" value="印签"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="外汇核准号">
-                            <el-input v-model="form.foreignCurrencyBumber"></el-input>
+                        <el-form-item label="外汇核准号" prop="foreignCurrencyBumber">
+                            <el-input :value="form.foreignCurrencyBumber" @input="(val) => checkName(val, form, 'foreignCurrencyBumber')" ref="foreignCurrencyBumber"></el-input>
                         </el-form-item>
                     </el-col>
                 </el-form>
@@ -113,8 +113,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import { checkRequired, ismoney } from '@/utils/utilFunction.js'
-import { vername, verrate } from '@/utils/verify.js'
+import { myValidate, ismoney, checkName, checkHanzi } from '@/utils/utilFunction.js'
+import { vercustomer, verrate } from '@/utils/verify.js'
 export default {
     name: 'index',
     components:{},
@@ -139,7 +139,63 @@ export default {
                 foreignCurrencyCertificate: '' // 外汇证号
             },
             rules: {
-                customerName: vername
+                customerName: vercustomer,
+                accountNature: [
+                    { 
+                        required: true, 
+                        message: '请选择账户性质',
+                        trigger: 'blur'
+                    }
+                ],
+                accountType: [
+                    { 
+                        required: true, 
+                        message: '请选择账户类型',
+                        trigger: 'blur'
+                    }
+                ],
+                accountManagement: [
+                    { 
+                        required: true, 
+                        message: '请选择账户科目',
+                        trigger: 'blur'
+                    }
+                ],
+                currencyType: [
+                    { 
+                        required: true, 
+                        message: '请选择币种',
+                        trigger: 'blur'
+                    }
+                ],
+                currencyMark: [
+                    { 
+                        required: true, 
+                        message: '请选择钞汇标识',
+                        trigger: 'blur'
+                    }
+                ],
+                calculateWay: [
+                    { 
+                        required: true, 
+                        message: '请选择计息方式',
+                        trigger: 'blur'
+                    }
+                ],
+                outAccountWay: [
+                    { 
+                        required: true, 
+                        message: '请选择出账页标志',
+                        trigger: 'blur'
+                    }
+                ],
+                withdrawingWay: [
+                    { 
+                        required: true, 
+                        message: '请选择支取方式',
+                        trigger: 'blur'
+                    }
+                ]
             },
             second:[// 二级卡数组
 
@@ -160,25 +216,16 @@ export default {
     },
     methods: {
         submitForm() {
-            const requiredField = {
-                customerName: '客户姓名', //   
-                accountNature: '账户性质', // 
-                accountType: '账户类型', // 
-                accountManagement: '账户科目', // 
-                currencyType: '币种', // 
-                currencyMark: '钞汇标识', // 
-                calculateWay: '计息方式', // 
-                outAccountWay: '出账页标志', // 
-                withdrawingWay: '支取方式', // 
-            }
-            const judgeRef = checkRequired(this.form, requiredField)
-            if(judgeRef === '') {
-               console.log('submit success')
-            }else {
-                this.$refs[judgeRef].focus();
-            }
-            
-        }
+            this.$refs.form.validate(myValidate(() => {
+                // 验证通过逻辑写在这
+                this.$message({
+                    message: '验证成功',
+                    center: true
+                });
+            }, this.$refs));
+        },
+        checkHanzi: checkHanzi,
+        checkName: checkName
     }
 };
 </script>
diff --git a/src/pages/manage/list/business/transfer.vue b/src/pages/manage/list/business/transfer.vue
index acc106b..4261518 100644
--- a/src/pages/manage/list/business/transfer.vue
+++ b/src/pages/manage/list/business/transfer.vue
@@ -10,15 +10,15 @@
         <!-- 开户 -->
         <div class="body">
             <el-row :gutter="20" style="margin: 0">
-                <el-form ref="form" :model="form" label-width="120px">
+                <el-form ref="form" :model="form" label-width="120px" :rules="rules">
                     <el-col :span="10" :offset="2">
-                        <el-form-item label="转出账号">
-                            <el-input v-model="form.transoutNum" ref="transoutNum"></el-input>
+                        <el-form-item label="转出账号" prop="transoutNum">
+                            <el-input :value="form.transoutNum" @input="(val) => checkHanzi(val, form, 'transoutNum')" ref="transoutNum"></el-input>
                         </el-form-item>
-                        <el-form-item label="凭证号码" required>
-                            <el-input v-model="form.certificateNum" ref="certificateNum"></el-input>
+                        <el-form-item label="凭证号码" prop="certificateNum">
+                            <el-input :value="form.certificateNum" @input="(val) => checkHanzi(val, form, 'certificateNum')" ref="certificateNum"></el-input>
                         </el-form-item>
-                        <el-form-item label="签发日期" required>
+                        <el-form-item label="签发日期" prop="signDate">
                             <el-date-picker
                                 v-model="signDate"
                                 type="date"
@@ -26,24 +26,24 @@
                                 ref="signDate">
                             </el-date-picker>
                         </el-form-item>
-                        <el-form-item label="钞汇标识" required>
+                        <el-form-item label="钞汇标识" prop="currencyMark">
                             <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
                                 <el-option label="钞户" value="钞户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="转入账号" required>
-                            <el-input v-model="form.transinNum" ref="transinNum"></el-input>
+                        <el-form-item label="转入账号" prop="transinNum">
+                            <el-input :value="form.transinNum" @input="(val) => checkHanzi(val, form, 'transinNum')" ref="transinNum"></el-input>
                         </el-form-item>
-                        <el-form-item label="金额">
+                        <el-form-item label="金额" prop="money">
                             <el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input>
                         </el-form-item>
                         
                     </el-col>
                     <el-col :span="10" :offset="1">
-                        <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
-                            <el-input v-model="form.customerName" ref="customerName"></el-input>
+                        <el-form-item label="客户姓名" prop="customerName">
+                            <el-input :value="form.customerName" @input="(val) => checkHanzi(val, form, 'customerName')" ref="customerName"></el-input>
                         </el-form-item>
-                        <el-form-item label="凭证类型" required>
+                        <el-form-item label="凭证类型" prop="certificateType">
                             <el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
                                 <el-option  label="基本户" value="基本户"> </el-option>
                                 <el-option  label="一般户" value="一般户"> </el-option>
@@ -51,22 +51,22 @@
                                 <el-option  label="临时户" value="临时户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="币种" required>
+                        <el-form-item label="币种" prop="currencyType">
                             <el-select v-model="form.currencyType" placeholder="请选择" ref="currencyType">
                                 <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-form-item label="支取方式" prop="payWay">
                             <el-select v-model="form.payWay" placeholder="请选择" ref="payWay">
                                 <el-option label="印签" value="印签"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="转入户名">
-                            <el-input v-model="form.transinName"></el-input>
+                        <el-form-item label="转入户名" prop="transinName">
+                            <el-input :value="form.transinName" @input="(val) => checkHanzi(val, form, 'transinName')"></el-input>
                         </el-form-item>
-                        <el-form-item label="摘要">
+                        <el-form-item label="摘要" prop="abstract">
                             <el-input v-model="form.abstract" disabled></el-input>
                         </el-form-item>
                     </el-col>
@@ -100,8 +100,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import { checkRequired, ismoney } from '@/utils/utilFunction.js'
-import { vername, verrate } from '@/utils/verify.js'
+import { myValidate, ismoney, checkHanzi, checkName } from '@/utils/utilFunction.js'
+import { vercustomer } from '@/utils/verify.js'
 export default {
     name: 'index',
     components:{},
@@ -125,7 +125,35 @@ export default {
                 abstract: '', // 摘要
             },
             rules: {
-                customerName: vername
+                customerName: vercustomer,
+                transoutNum: [
+                    { 
+                        required: true, 
+                        message: '请输入转出账号',
+                        trigger: 'blur'
+                    }
+                ],
+                certificateNum: [
+                    { 
+                        required: true, 
+                        message: '请输入凭证号码',
+                        trigger: 'blur'
+                    }
+                ],
+                transinNum: [
+                    { 
+                        required: true, 
+                        message: '请输入转入账号',
+                        trigger: 'blur'
+                    }
+                ],
+                money: [
+                    { 
+                        required: true, 
+                        message: '请输入金额',
+                        trigger: 'blur'
+                    }
+                ],
             },
             second:[// 二级卡数组
 
@@ -147,23 +175,17 @@ export default {
     },
     methods: {
         submitForm() {
-            const requiredField = {
-                transoutNum: '转出账号', // 
-                certificateNum: '凭证号码', // 
-                customerName: '客户姓名', // 
-                transinNum: '转入账号', // 
-                transinName: '转入户名', // 
-                money: '金额 ', // 
-            }
-            const judgeRef = checkRequired(this.form, requiredField)
-            if(judgeRef === '') {
-               console.log('submit success')
-            }else {
-                this.$refs[judgeRef].focus();
-            }
-            
+            this.$refs.form.validate(myValidate(() => {
+                // 验证通过逻辑写在这
+                this.$message({
+                    message: '验证成功',
+                    center: true
+                });
+            }, this.$refs));
         },
-        ismoney: ismoney
+        ismoney: ismoney,
+        checkHanzi: checkHanzi,
+        checkName: checkName
     }
 };
 </script>
diff --git a/src/pages/manage/list/business/withdrawal.vue b/src/pages/manage/list/business/withdrawal.vue
index 6c1a329..c5ead97 100644
--- a/src/pages/manage/list/business/withdrawal.vue
+++ b/src/pages/manage/list/business/withdrawal.vue
@@ -10,35 +10,35 @@
         <!-- 开户 -->
         <div class="body">
             <el-row :gutter="20" style="margin: 0">
-                <el-form ref="form" :model="form" label-width="120px">
+                <el-form ref="form" :model="form" label-width="120px" :rules="rules">
                     <el-col :span="10" :offset="2">
-                        <el-form-item label="账号">
-                            <el-input v-model="form.username" ref="username"></el-input>
+                        <el-form-item label="账号" prop="username">
+                            <el-input :value="form.username" @input="(val) => checkHanzi(val, form, 'username')" ref="username"></el-input>
                         </el-form-item>
-                        <el-form-item label="凭证号码">
-                            <el-input v-model="form.voucherNum"></el-input>
+                        <el-form-item label="凭证号码" prop="voucherNum">
+                            <el-input :value="form.voucherNum" @input="(val) => checkHanzi(val, form, 'voucherNum')" ref="voucherNum"></el-input>
                         </el-form-item>
-                        <el-form-item label="币种" required>
+                        <el-form-item label="币种" prop="currency">
                             <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
                                 <el-option  label="CYN人民币" value="CYN人民币"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="凭证类型" required>
+                        <el-form-item label="凭证类型" prop="certificateType">
                             <el-select disabled v-model="form.certificateType" placeholder="请选择" ref="certificateType">
                                 <el-option  label="存单" value="存单"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="支取方式" required>
+                        <el-form-item label="支取方式" prop="payWay">
                             <el-select v-model="form.payWay" placeholder="请选择" ref="payWay">
                                 <el-option label="印签" value="印签"> </el-option>
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="10" :offset="1">
-                        <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
+                        <el-form-item label="客户姓名" prop="customerName">
                             <el-input v-model="form.customerName" ref="customerName"></el-input>
                         </el-form-item>
-                        <el-form-item label="签发日期" required>
+                        <el-form-item label="签发日期" prop="issueDate">
                             <el-date-picker
                                 v-model="issueDate"
                                 type="date"
@@ -46,18 +46,18 @@
                                  ref="issueDate">
                             </el-date-picker>
                         </el-form-item>
-                        <el-form-item label="钞汇标识" required>
+                        <el-form-item label="钞汇标识" prop="currencyMark">
                             <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
                                 <el-option label="钞户" value="钞户"> </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="金额" required>
+                        <el-form-item label="金额" prop="money">
                             <el-input  :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
                         </el-form-item>
                     </el-col>
-                    <el-col :span="21" :offset="1">
+                    <el-col :span="21" :offset="1" prop='textarea'>
                         <el-form-item label="摘要">
-                            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.abstract"></el-input>
+                            <el-input type="textarea" :rows="3" placeholder="请输入内容" ref="abstract" v-model="form.abstract"></el-input>
                         </el-form-item>
                     </el-col>
                 </el-form>
@@ -90,8 +90,8 @@
 
 <script>
 import { mapState } from 'vuex'
-import { checkRequired, ismoney } from '@/utils/utilFunction.js'
-import { vername, verrate } from '@/utils/verify.js'
+import { myValidate, ismoney, checkName, checkHanzi  } from '@/utils/utilFunction.js'
+import { vercustomer, verrate } from '@/utils/verify.js'
 export default {
     name: 'index',
     components:{},
@@ -113,7 +113,28 @@ export default {
                 abstract: '', // 摘要
             },
             rules: {
-                customerName: vername
+                customerName: vercustomer,
+                username: [
+                    { 
+                        required: true, 
+                        message: '请输入账号',
+                        trigger: 'blur'
+                    }
+                ],
+                voucherNum: [
+                    { 
+                        required: true, 
+                        message: '请输入凭证号码',
+                        trigger: 'blur'
+                    }
+                ],
+                money: [
+                    { 
+                        required: true, 
+                        message: '请输入金额',
+                        trigger: 'blur'
+                    }
+                ]
             },
             second:[// 二级卡数组
 
@@ -135,24 +156,18 @@ export default {
     },
     methods: {
         submitForm() {
-            const requiredField = {
-                customerName: '客户姓名', // 
-                currency: '币种', // 
-                currencyMark: '钞汇标识', // 
-                voucherType: '凭证类型', // 
-                // voucherNumber: '凭证号码', // 
-                // paymentCode: '支付密码', // 
-                customerManage: '客户经理', // 
-            }
-            const judgeRef = checkRequired(this.form, requiredField)
-            if(judgeRef === '') {
-               console.log('submit success')
-            }else {
-                this.$refs[judgeRef].focus();
-            }
+            this.$refs.form.validate(myValidate(() => {
+                // 验证通过逻辑写在这
+                this.$message({
+                    message: '验证成功',
+                    center: true
+                });
+            }, this.$refs));
             
         },
-        ismoney: ismoney
+        ismoney: ismoney,
+        checkName: checkName,
+        checkHanzi: checkHanzi 
     }
 };
 </script>
diff --git a/src/pages/manage/list/client/consumerClient.vue b/src/pages/manage/list/client/consumerClient.vue
index 09cf756..3ae3bb1 100644
--- a/src/pages/manage/list/client/consumerClient.vue
+++ b/src/pages/manage/list/client/consumerClient.vue
@@ -21,7 +21,7 @@
                             </el-select>
                         </el-form-item>
                         <el-form-item label="客户姓名" prop="userName">
-                            <el-input v-model="form.userName" ref="userName"></el-input>
+                            <el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
                         </el-form-item>
                         <el-form-item label="出生日期" prop="birthday">
                             <el-date-picker
@@ -111,7 +111,7 @@ import { mapState, mapMutations } from 'vuex'
 import { vername, vermob } from '@/utils/verify.js'
 import { addOperation, getOperation } from '@/api/http';
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
-import { phoneListen, mailBoxListen, checkRequired, myValidate } from '@/utils/utilFunction.js'
+import { phoneListen, mailBoxListen, checkRequired, myValidate, checkName } from '@/utils/utilFunction.js'
 
 export default {
     name: 'index',
@@ -344,7 +344,8 @@ export default {
             }
         },
         phoneListen: phoneListen,
-        mailBoxListen: mailBoxListen
+        mailBoxListen: mailBoxListen,
+        checkName: checkName
     }
     // watch: {
     //     'form.phone'(newVal) {
@@ -355,6 +356,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 .wrap{
     width: 100%;
     display: flex;
diff --git a/src/pages/manage/list/client/corporateClient.vue b/src/pages/manage/list/client/corporateClient.vue
index efad04d..32daefb 100644
--- a/src/pages/manage/list/client/corporateClient.vue
+++ b/src/pages/manage/list/client/corporateClient.vue
@@ -88,8 +88,8 @@
 <script>
 import { mapState, mapMutations } from 'vuex'
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
-import { phoneListen, checkRequired, myValidate, checkHanzi } from '@/utils/utilFunction.js'
 import { addOperation, getOperation } from '@/api/http';
+import { phoneListen, checkRequired, myValidate, checkHanzi, checkName } from '@/utils/utilFunction.js'
 
 export default {
     name: 'index',
@@ -233,7 +233,8 @@ export default {
             }, this.$refs));
         },
         phoneListen: phoneListen,
-        checkHanzi: checkHanzi
+        checkHanzi: checkHanzi,
+        checkName: checkName
     }
 };
 </script>
diff --git a/src/pages/manage/list/personal/currentAccount/accountCancellation.vue b/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
index c50cc1e..e52ae43 100644
--- a/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
+++ b/src/pages/manage/list/personal/currentAccount/accountCancellation.vue
@@ -22,7 +22,7 @@
                 </el-col>
                 <el-col :span="10" :offset="1">
                     <el-form-item label="客户姓名" prop="userName">
-                        <el-input ref="userName" :value="form.userName" @input="(val) => checkHanzi(val, form, 'userName')"></el-input>
+                        <el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
                     </el-form-item>
                     <el-form-item label="证件号码" required>
                         <div class="idCard" @click="popUp('身份证扫描器')">
@@ -37,7 +37,7 @@
 </template>
 <script>
 import { vercustomer  } from '@/utils/verify.js'
-import { myValidate, checkHanzi } from '@/utils/utilFunction.js'
+import { myValidate, checkHanzi, checkName } from '@/utils/utilFunction.js'
 export default{
     name:'',
     props:{},
@@ -94,7 +94,8 @@ export default{
         popUp(text) {
             this.$store.commit('system/changePop',{show:true,text})
         },
-        checkHanzi: checkHanzi
+        checkHanzi: checkHanzi,
+        checkName: checkName
     },
 }
 </script>
diff --git a/src/pages/manage/list/personal/currentAccount/deposit.vue b/src/pages/manage/list/personal/currentAccount/deposit.vue
index 4afd67b..de95685 100644
--- a/src/pages/manage/list/personal/currentAccount/deposit.vue
+++ b/src/pages/manage/list/personal/currentAccount/deposit.vue
@@ -20,7 +20,7 @@
                 </el-col>
                 <el-col :span="10" :offset="1">
                     <el-form-item label="客户姓名" prop="userName">
-                        <el-input v-model="form.userName" ref="userName"></el-input>
+                        <el-input ref="userName"  :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
                     </el-form-item>
                     <el-form-item label="钞汇标识" prop="goldLogo">
                         <el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
@@ -28,7 +28,7 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="年利率" prop="annualInterest">
-                        <el-input v-model="form.annualInterest" ref="annualInterest"></el-input>
+                        <el-input :value="form.annualInterest" @input="(val) => rateListen(val, form, 'annualInterest')" ref="annualInterest"></el-input>
                     </el-form-item>
                 </el-col>
                 <el-col :span="21" :offset="1">
@@ -44,7 +44,7 @@
 <script>
 import { mapMutations } from 'vuex'
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
-import { ismoney, myValidate } from '@/utils/utilFunction.js'
+import { ismoney, myValidate, checkName, rateListen } from '@/utils/utilFunction.js'
 import { addOperation, getOperation } from '@/api/http';
 export default{
     name:'',
@@ -159,7 +159,9 @@ export default{
     popUp(text) {
         this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'63'})
     },
-    ismoney: ismoney
+    ismoney: ismoney,
+    checkName: checkName,
+    rateListen: rateListen
   },
 }
 </script>
diff --git a/src/pages/manage/list/personal/currentAccount/transferAccounts.vue b/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
index 835eda9..fc00b79 100644
--- a/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
+++ b/src/pages/manage/list/personal/currentAccount/transferAccounts.vue
@@ -18,12 +18,12 @@
                         <el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
                     </el-form-item>
                     <el-form-item label="收款卡号" prop="shroffAccount">
-                        <el-input v-model="form.shroffAccount" ref="shroffAccount"></el-input>
+                        <el-input :value="form.shroffAccount" @input="(val) => checkHanzi(val, form, 'shroffAccount')" ref="shroffAccount"></el-input>
                     </el-form-item>
                 </el-col>
                 <el-col :span="10" :offset="1">
-                    <el-form-item label="客户姓名" prop="username" :rules="rules.userName">
-                        <el-input v-model="form.userName" disabled></el-input>
+                    <el-form-item label="客户姓名" prop="username">
+                        <el-input :value="form.userName" @input="(val) => checkName(val, form, 'userName')" disabled></el-input>
                     </el-form-item>
                     <el-form-item label="钞汇标识" prop="goldLogo">
                         <el-select disabled v-model="form.goldLogo" placeholder="请选择" ref="goldLogo">
@@ -35,8 +35,8 @@
                             <p>请输入密码</p>
                         </div>
                     </el-form-item>
-                    <el-form-item label="收款人名称" prop="payeeName" :rules="rules.payeeName" >
-                        <el-input v-model="form.payeeName" ref="payeeName"></el-input>
+                    <el-form-item label="收款人名称" prop="payeeName" >
+                        <el-input :value="form.payeeName" @input="(val) => checkName(val, form, 'payeeName')" ref="payeeName"></el-input>
                     </el-form-item>
                 </el-col>
                 <el-col :span="21" :offset="1">
@@ -51,7 +51,7 @@
 </template>
 <script>
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
-import { myValidate, checkHanzi, ismoney } from '@/utils/utilFunction.js'
+import { myValidate, checkHanzi, ismoney, checkName } from '@/utils/utilFunction.js'
 export default{
     name:'',
     props:{},
@@ -86,13 +86,6 @@ export default{
                         trigger: 'blur'
                     }
                 ],
-                payeeName: [
-                    { 
-                        required: true, 
-                        message: '请输入收款卡号',
-                        trigger: 'blur'
-                    }
-                ],
                 money: [
                     { 
                         required: true, 
@@ -150,7 +143,9 @@ export default{
     popUp(text) {
         this.$store.commit('system/changePop',{show:true,text})
     },
-    ismoney: ismoney
+    ismoney: ismoney,
+    checkHanzi: checkHanzi,
+    checkName: checkName
   },
 }
 </script>
diff --git a/src/pages/manage/list/personal/currentAccount/withdrawal.vue b/src/pages/manage/list/personal/currentAccount/withdrawal.vue
index c7bba55..50e6454 100644
--- a/src/pages/manage/list/personal/currentAccount/withdrawal.vue
+++ b/src/pages/manage/list/personal/currentAccount/withdrawal.vue
@@ -25,7 +25,7 @@
                 </el-col>
                 <el-col :span="10" :offset="1">
                     <el-form-item label="客户姓名" prop="userName">
-                        <el-input v-model="form.userName" ref="userName"></el-input>
+                        <el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
                     </el-form-item>
                     <el-form-item label="钞汇标识" prop="goldLogo">
                         <el-select v-model="form.goldLogo" placeholder="请选择" ref="goldLogo">
@@ -53,7 +53,7 @@
 </template>
 <script>
 import { mobPattern, namePattern, ratePattern, vercustomer  } from '@/utils/verify.js'
-import { myValidate, ismoney } from '@/utils/utilFunction.js'
+import { myValidate, ismoney, checkName, checkHanzi  } from '@/utils/utilFunction.js'
 export default{
     name:'',
     props:{
@@ -150,7 +150,9 @@ export default{
     popUp(text) {
         this.$store.commit('system/changePop',{show:true,text})
     },
-    ismoney: ismoney
+    ismoney: ismoney,
+    checkName: checkName,
+    checkHanzi: checkHanzi 
   },
 }
 </script>
diff --git a/src/pages/manage/navbar/index.vue b/src/pages/manage/navbar/index.vue
index 67446c5..dc254a0 100644
--- a/src/pages/manage/navbar/index.vue
+++ b/src/pages/manage/navbar/index.vue
@@ -280,4 +280,12 @@ export default {
     /deep/.el-menu{
         border: 0;
     }
+    // 改变menu的字体大小
+    /deep/ .el-submenu__title span {
+        font-size: 18px;
+    }
+
+    /deep/.el-menu-item {
+        font-size: 18px!important;
+    }
 </style>
\ No newline at end of file
diff --git a/src/utils/utilFunction.js b/src/utils/utilFunction.js
index 42f057a..08f4dcd 100644
--- a/src/utils/utilFunction.js
+++ b/src/utils/utilFunction.js
@@ -23,6 +23,28 @@ const checkHanzi = function(val, form, prop) {
     form[prop] = val;
 }
 
+const checkName = function(val, form, prop) {
+    // 检查符号
+    const charReg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/im;
+    // 检查空格
+    if(charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) {
+        return;
+    }
+    form[prop] = val;
+}
+
+// 监听年利率
+const rateListen = function(val, form, prop) {
+    
+    // 检查符号 允许%
+    const charReg = /[`~!@#$^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/im;
+    // 检查空格
+    if(charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) {
+        return;
+    }
+    form[prop] = val;
+}
+
 // 监听数字
 const inputListen = function(val, row, prop) {
     // 检查空格
@@ -94,5 +116,7 @@ const myValidate = (callback, refs) => {
      inputListen,
      ismoney,
      checkHanzi,
-     myValidate
+     myValidate,
+     checkName,
+     rateListen
  }
\ No newline at end of file
diff --git a/src/utils/verify.js b/src/utils/verify.js
index 9d56bf3..e503af3 100644
--- a/src/utils/verify.js
+++ b/src/utils/verify.js
@@ -38,8 +38,11 @@ const vername = [
 ] 
 const verrate = [
     {
-        // pattern: /\d{1,2}(\.\d{1,2})?/,
-        // pattern: /^(([1-9]\\d{0,9})|0)(\\.\\d{1,2})?%$/,
+        // 带%的形式
+        // /^(\d|[1-9]\d|100)(.\d{1,3})?%$/
+
+        // 不带%的形式
+        // /^(\d|[1-9]\d|100)(.\d{1,3})?$/
         pattern: /^(\d|[1-9]\d|100)(.\d{1,3})?%$|^(\d|[1-9]\d|100)(.\d{1,3})?$/,
         message: '请输入正确的年利率'
     },{