update

src/assets/css/tablebg.scss

@@ -24,6 +24,7 @@ $inputHeight: 38px;
     .el-input {
         max-height: $mfFontSize!important;
         line-height: $mfFontSize;
+        max-width: $mfFontSize+20px;
         input {
             max-height: $inputHeight;
             max-width: $inputHeight+40px;

src/components/case/index.vue

@@ -208,7 +208,7 @@ export default {
                       type: 'warning'
                     });
                     // 提交
-                    this.sureSubmit(false)
+                    this.sureSubmit(true)
                 }else {
                 }
             })
@@ -552,12 +552,6 @@ export default {
                       type: 'success',
                       message: '提交成功'
                   });
-                }else {
-                  this.$confirm('考试已结束，已自动为您提交。', '提示', {
-                    confirmButtonText: '确定',
-                    type: 'info',
-                    center: true
-                  })
                 }
                 this.requires = list
             }
@@ -604,11 +598,10 @@ export default {
                 this.minutes = `${m > 9 ? m : `0${m}`}`;
                 this.seconds = `${s > 9 ? s : `0${s}`}`;
             } else {
-                this.$confirm('考试已结束，已自动为您提交。', '提示', {
+                this.$alert('考试已结束，已自动为您提交。', '提示', {
-                    confirmButtonText: '确定',
+                      confirmButtonText: '确定',
-                    type: 'info',
+                      type: 'warning'
-                    center: true
+                    });
-                })
                 this.sss = 0
                 this.sureSubmit(true)
                 this.day = '00';

src/pages/manage/index/index.vue

@@ -126,14 +126,21 @@ export default {
     // el-input变红
     /deep/ .el-input input{
         &:focus {
-            border-color: skyblue!important;;
+            border-color: skyblue;
         }
     }
-    /deep/ .el-input.need input.need{
+
-        &:focus {
+    // 校验错误变红
-            border-color: #f40;
+    /deep/ .is-error input {
-        }
+        border-color: #f40!important;;
     }
+    // /deep/ .el-form-item__error {
+    //     top: 105%;
+    //     left: auto;
+    //     right: 0;
+    //     color: #FFA94E;
+    // }
+
     @media screen and (min-width: 1200px) and (max-width: 1900px) {
         .box{
             display: flex;

src/pages/manage/list/client/consumerClient.vue

@@ -8,7 +8,7 @@
         </div>
         <div class="body">
             <el-row :gutter="20">
-                <el-form ref="form" :model="form" label-width="140px">
+                <el-form ref="form" :model="form" label-width="140px" :rules="rules">
                     <el-col :span="10"  :offset="1">
                         <el-form-item label="证件类型">
                             <el-select v-model="form.idType" disabled placeholder="请选择">
@@ -20,10 +20,10 @@
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item :rules="rules.username" label="客户姓名" required>
+                        <el-form-item label="客户姓名" prop="userName">
                             <el-input v-model="form.userName" ref="userName"></el-input>
                         </el-form-item>
-                        <el-form-item label="出生日期" required>
+                        <el-form-item label="出生日期" prop="birthday">
                             <el-date-picker
                                 v-model="form.birthday"
                                 type="date"
@@ -41,7 +41,7 @@
                                 <p>请刷身份证</p>
                             </div>
                         </el-form-item>
-                        <el-form-item label="性别" required>
+                        <el-form-item label="性别" prop="sex">
                             <el-select v-model="form.sex" placeholder="请选择" ref='sex'>
                                 <el-option
                                 v-for="(item,key) in gender"
@@ -62,7 +62,7 @@
                                 </el-option>
                             </el-select>
                         </el-form-item>
-                        <el-form-item label="联系电话" :rules="rules.phone" required>
+                        <el-form-item label="联系电话" :rules="rules.phone" prop="phone">
                             <el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')"  maxlength="12" ref='phone'></el-input>
                         </el-form-item>
                     </el-col>
@@ -126,8 +126,30 @@ export default {
               phone:'',//联系电话
             },
             rules: {
-                username: vername,
+                userName: [
-                phone: vermob
+                    { 
+                        required: true, 
+                        message: '请输入客户姓名',
+                        trigger: 'blur'
+                    },
+                    ...vername
+                ],
+                phone: [
+                    { 
+                        required: true, 
+                        message: '请输入联系电话',
+                        trigger: 'blur'
+                    },
+                    ...vermob
+                ],
+                birthday: [
+                    { 
+                        required: true, 
+                        message: '请输入出生日期',
+                        trigger: 'blur'
+                    }
+                ],
+                
             },
             disForm:{name:'002009' ,pass:'123456'},
             visible:false,// 表单
@@ -157,47 +179,72 @@ export default {
         },
       //提交个人用户信息
       submitForm(){
+        this.$refs.form.validate((valid, obj) => {
+                console.log(valid)
+                console.log(obj)
+                let tmpObj = {};
+                    for(const key in obj) {
+                        console.log(key)
+                        tmpObj = {
+                            key: obj[key]
+                        }
+                        return;
+                    }
+                    console.log(tmpObj)
+                if (valid) {
+                    this.visible = true;
+                    let formList = [];
+                    if(this.form.nationality){
+                        formList.push({
+                        "emptyOne": "",
+                        "emptyTwo": "",
+                        "operationIds": "0,5,25,33,45",
+                        "type": ""
+                        })
+                    }
+                    if(this.form.mailbox){
+                        formList.push({
+                        "emptyOne": "",
+                        "emptyTwo": "",
+                        "operationIds": "0,5,25,33,46",
+                        "type": ""
+                        })
+                    }
+                    formList.push(
+                        {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,40", "type": ""},
+                        {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,41,13", "type": ""},
+                        {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,42", "type": ""},
+                        {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,44", "type": ""},
+                        {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,47", "type": ""}
+                    );
+                    sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
+                } else {
+                    // 获取所有校验错误结果的第一项
+                    let tmpObj = {};
+                    for(const key in obj) {
+                        tmpObj = {
+                            [key]: obj[key]
+                        }
+                        return;
+                    }
+                    console.log(tmpObj)
+                    // const requiredField = {
+                    //     // idNumber:'证件号码',
+                    //     userName:'客户姓名',
+                    //     sex:'性别',
+                    //     birthday:'出生日期',
+                    //     phone:'联系电话'
+                    // }
+                    // const judgeRef = checkRequired(this.form, requiredField)
+                    // if(judgeRef !== '') {
+                    //     this.$refs[judgeRef].focus();
+                    // }
+                }
+        });
+        return false
         let formExternalData = sessionStorage.getItem('formExternalData')
         let consumerClientDragList = JSON.parse(formExternalData);
         // 
-        const requiredField = {
-            // idNumber:'证件号码',
-            userName:'客户姓名',
-            sex:'性别',
-            birthday:'出生日期',
-            phone:'联系电话'
-        }
-        const judgeRef = checkRequired(this.form, requiredField)
-        if(judgeRef === '') {
-            this.visible = true;
-            let formList = [];
-            if(this.form.nationality){
-                formList.push({
-                "emptyOne": "",
-                "emptyTwo": "",
-                "operationIds": "0,5,25,33,45",
-                "type": ""
-                })
-            }
-            if(this.form.mailbox){
-                formList.push({
-                "emptyOne": "",
-                "emptyTwo": "",
-                "operationIds": "0,5,25,33,46",
-                "type": ""
-                })
-            }
-            formList.push(
-                {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,40", "type": ""},
-                {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,41,13", "type": ""},
-                {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,42", "type": ""},
-                {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,44", "type": ""},
-                {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,47", "type": ""}
-            );
-            sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
-        }else {
-            this.$refs[judgeRef].focus();
-        }
         // if(this.form.idNumber && this.form.idNumber.userName &&  this.form.idNumber.sex && this.form.idNumber.birthday && this.form.idNumber.phone) {
         //   this.visible = true;
         //   let formList = [];

src/pages/manage/list/personal/callDeposits/openAccount.vue

@@ -13,22 +13,22 @@
                         <el-input v-model="form.clientNumber" ref="clientNumber"></el-input>
                     </el-form-item>
                     <el-form-item label="币种" required>
-                        <el-select disabled v-model="form.currency" placeholder="请选择">
+                        <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-select disabled v-model="form.voucherType" placeholder="请选择">
+                        <el-select disabled v-model="form.voucherType" placeholder="请选择" ref="voucherType">
                             <el-option  label="存单" value="存单"> </el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="通知类型" required>
-                        <el-select disabled v-model="form.noticeType" placeholder="请选择">
+                        <el-select disabled v-model="form.noticeType" placeholder="请选择" ref="noticeType">
                             <el-option  label="1年" value="1年"> </el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="金额" required>
-                        <el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input>
+                        <el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
                     </el-form-item>
                 </el-col>
                 <el-col :span="10" :offset="1">
@@ -38,10 +38,10 @@
                         </div>
                     </el-form-item>
                     <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
-                        <el-input v-model="form.customerName" ></el-input>
+                        <el-input v-model="form.customerName" ref="customerName"></el-input>
                     </el-form-item>
                     <el-form-item label="钞汇标识" required>
-                        <el-select disabled v-model="form.currencyMark" placeholder="请选择">
+                        <el-select disabled v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
                             <el-option  label="钞户" value="钞户"> </el-option>
                         </el-select>
                     </el-form-item>
@@ -51,7 +51,7 @@
                         </div>
                     </el-form-item>
                     <el-form-item label="存款类别" required>
-                        <el-select disabled v-model="form.depositType" placeholder="请选择">
+                        <el-select disabled v-model="form.depositType" placeholder="请选择" ref="depositType">
                             <el-option  label="现金" value="现金"> </el-option>
                         </el-select>
                     </el-form-item>
@@ -112,8 +112,11 @@ export default{
                 depositTerm: '', // 存期
                 extendDepositTarget: '', // 续存标识
             }
-            if(checkRequired(this.form, requiredField)) {
+            const judgeRef = checkRequired(this.form, requiredField)
-                console.log('检验成功')
+            if(judgeRef === '') {
+               console.log('submit success')
+            }else {
+                this.$refs[judgeRef].focus();
             }
             
         },

src/utils/verify.js

@@ -6,14 +6,10 @@ const vermail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})
 const vermob =  [
     {
         pattern: /^1[3456789][0-9]{9}$/,
-        message: '请输入正确的手机号',
+        message: '号码格式有误'
-        trigger: 'blur'
     }, {
         message: '请输入12位以下数字',
         max: 11
-    },{ 
-        required: true, 
-        message: '请输入号码' 
     }
 ]                                              
 const vername = [
@@ -21,10 +17,7 @@ const vername = [
         // pattern: /^[\u4e00-\u9fa5]{2,4}$/,
         // pattern: /^(?:[\u4e00-\u9fa5]+)(?:●[\u4e00-\u9fa5]+)*$|^[a-zA-Z0-9]+\s?[\.·\-()a-zA-Z]*[a-zA-Z]+$/,
         pattern: /(^[A-Z][a-z]*(\s[A-Z][a-z]*)*$)|(^[\u4e00-\u9fa5]{2,4}$)/,
-        message: '请输入正确的姓名'
+        message: '名字格式有误'
-    },{ 
-        required: true, 
-        message: '请输入名字' 
     }
 ] 
 const verrate = [
@@ -35,7 +28,8 @@ const verrate = [
         message: '请输入正确的年利率'
     },{ 
         required: true, 
-        message: '请输入年利率' 
+        message: '请输入年利率',
+        trigger: blur
     }
 ] 
 const requiremoney = [