异常处理校验

src/pages/index/components/business_record.vue

@@ -299,7 +299,7 @@
 </template>
 <script>
 import api_z from "@/api/article_z.js";
-import {isVehicleNumber} from '@/util/common'
+import {isVehicleNumber, checkSpecialKey} from '@/util/common'
 let vehicleNumber = (rule, value, callback) => {
   if (isVehicleNumber(value)) {
     callback();
@@ -308,7 +308,7 @@ let vehicleNumber = (rule, value, callback) => {
   }
 }
 let validateInput = (rule, value, callback) => {
-  if (!this.checkSpecialKey(value)) {
+  if (!checkSpecialKey(value)) {
     callback(new Error("不能含有特殊字符！！"));
   } else {
     callback();

src/pages/index/components/exception_handing.vue

@@ -55,8 +55,8 @@
           width="45%"
           custom-class="audit-dialog">
           <div class="form-div">
-            <el-form label-position="left" label-width="100px" :model="formLabelAlign">
-              <el-form-item label="车场名称">
+            <el-form ref="formLabelAlign" label-position="left"  :rules="rules1" label-width="100px" :model="formLabelAlign">
+              <el-form-item label="车场名称" prop="parkId">
                 <el-select v-model="formLabelAlign.parkId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in carParkingNameOptions"
@@ -65,16 +65,16 @@
                     :value="item.id" />
                 </el-select>
               </el-form-item>
-              <el-form-item label="车牌号">
+              <el-form-item label="车牌号" prop="plateNo">
                 <el-input v-model="formLabelAlign.plateNo"></el-input>
               </el-form-item>
-              <el-form-item label="抬杆类型">
+              <el-form-item label="抬杆类型" prop="liftType">
                 <el-input v-model="formLabelAlign.liftType"></el-input>
               </el-form-item>
-              <el-form-item label="抬杆状态">
+              <el-form-item label="抬杆状态" prop="liftStatus">
                 <el-input v-model="formLabelAlign.liftStatus"></el-input>
               </el-form-item>
-              <el-form-item label="操作人员">
+              <el-form-item label="操作人员" prop="tollmanId">
                 <el-select v-model="formLabelAlign.tollmanId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in tollmanOptions"
@@ -140,8 +140,8 @@
           width="45%"
           custom-class="audit-dialog">
           <div class="form-div">
-            <el-form label-position="left" label-width="110px" :model="formLabelAlign2">
-              <el-form-item label="车场名称">
+            <el-form label-position="left" ref="formLabelAlign2" :rules="rules2" label-width="110px" :model="formLabelAlign2">
+              <el-form-item label="车场名称" prop="parkId">
                 <el-select v-model="formLabelAlign2.parkId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in carParkingNameOptions"
@@ -150,16 +150,22 @@
                     :value="item.id" />
                 </el-select>
               </el-form-item>
-              <el-form-item label="车牌号">
+              <el-form-item label="车牌号" prop="plateNo">
                 <el-input v-model="formLabelAlign2.plateNo"></el-input>
               </el-form-item>
-              <el-form-item label="车辆类型">
-                <el-input v-model="formLabelAlign2.vehicleType"></el-input>
+              <el-form-item label="车辆类型" prop="vehicleType">
+                <el-select v-model="formLabelAlign2.vehicleType" placeholder="请选择">
+                  <el-option
+                    v-for="(item,index) in vehicleTypeOptions"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value" />
+                </el-select>
               </el-form-item>
-              <el-form-item label="放行原因">
+              <el-form-item label="放行原因" prop="relaseReason">
                 <el-input v-model="formLabelAlign2.relaseReason"></el-input>
               </el-form-item>
-              <el-form-item label="授权人员姓名">
+              <el-form-item label="授权人员" prop="tollmanId">
                 <el-select v-model="formLabelAlign2.tollmanId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in tollmanOptions"
@@ -168,7 +174,7 @@
                     :value="item.id" />
                 </el-select>
               </el-form-item>
-              <el-form-item label="授权人员电话">
+              <el-form-item label="授权人员电话" prop="tollmanPhone">
                 <el-input v-model="formLabelAlign2.tollmanPhone"></el-input>
               </el-form-item>
             </el-form>
@@ -228,17 +234,17 @@
           width="45%"
           custom-class="audit-dialog">
           <div class="form-div">
-            <el-form label-position="left" label-width="100px" :model="formLabelAlign3">
-              <el-form-item label="车牌原始号码">
+            <el-form label-position="left" :rules="rules3" label-width="120px" ref="formLabelAlign3" :model="formLabelAlign3">
+              <el-form-item label="车牌原始号码" prop="plateNoBefore">
                 <el-input v-model="formLabelAlign3.plateNoBefore"></el-input>
               </el-form-item>
-              <el-form-item label="车牌修后号码">
+              <el-form-item label="车牌修后号码" prop="plateNoAfter">
                 <el-input v-model="formLabelAlign3.plateNoAfter"></el-input>
               </el-form-item>
-              <el-form-item label="修正原因">
+              <el-form-item label="修正原因" prop="correctionReason">
                 <el-input v-model="formLabelAlign3.correctionReason"></el-input>
               </el-form-item>
-              <el-form-item label="修正时间">
+              <el-form-item label="修正时间" prop="createTime">
                 <el-date-picker
                   v-model="formLabelAlign3.createTime"
                   type="datetime"
@@ -308,8 +314,8 @@
           width="45%"
           custom-class="audit-dialog">
           <div class="form-div">
-            <el-form label-position="left" label-width="100px" :model="formLabelAlign4">
-              <el-form-item label="车场名称">
+            <el-form label-position="left" ref="formLabelAlign4" label-width="100px" :rules="rules4" :model="formLabelAlign4">
+              <el-form-item label="车场名称" prop="parkId">
                 <el-select v-model="formLabelAlign4.parkId" placeholder="请选择">
                   <el-option
                     v-for="(item,index) in carParkingNameOptions"
@@ -318,19 +324,25 @@
                     :value="item.id" />
                 </el-select>
               </el-form-item>
-              <el-form-item label="车牌号">
+              <el-form-item label="车牌号" prop="plateNo">
                 <el-input v-model="formLabelAlign4.plateNo"></el-input>
               </el-form-item>
-              <el-form-item label="车辆类型">
-                <el-input v-model="formLabelAlign4.vehicleType"></el-input>
+              <el-form-item label="车辆类型" prop="vehicleType">
+                <el-select v-model="formLabelAlign2.vehicleType" placeholder="请选择">
+                  <el-option
+                    v-for="(item,index) in vehicleTypeOptions"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value" />
+                </el-select>
               </el-form-item>
-              <el-form-item label="清理通知">
+              <el-form-item label="清理通知" prop="cleanNotice">
                 <el-input v-model="formLabelAlign4.cleanNotice"></el-input>
               </el-form-item>
-              <el-form-item label="清理结果">
+              <el-form-item label="清理结果" prop="cleanResult">
                 <el-input v-model="formLabelAlign4.cleanResult"></el-input>
               </el-form-item>
-              <el-form-item label="法律程序">
+              <el-form-item label="法律程序" prop="legalProcedure">
                 <el-input v-model="formLabelAlign4.legalProcedure"></el-input>
               </el-form-item>
             </el-form>
@@ -345,9 +357,34 @@
   </div>
 </template>
 <script>
-import api from "@/api/audit.js";
-import dictionary from "@/util/dictionary";
 import api_z from "@/api/article_z.js";
+import {isVehicleNumber, checkSpecialKey} from '@/util/common'
+let vehicleNumber = (rule, value, callback) => {
+  if (isVehicleNumber(value)) {
+    callback();
+  } else {
+    return callback(new Error("车牌号不正确"));
+  }
+}
+let validateInput = (rule, value, callback) => {
+  if (!checkSpecialKey(value)) {
+    callback(new Error("不能含有特殊字符！！"));
+  } else {
+    callback();
+  }
+}
+let checkPhone = (rule, value, callback) => { // 手机号验证
+  if (!value) {
+    return callback(new Error('手机号不能为空'));
+  } else {
+    const reg = /^1[3456789]\d{9}$/
+    if (reg.test(value)) {
+      callback();
+    } else {
+      return callback(new Error('请输入正确的手机号'));
+    }
+  }
+}
 
 export default {
   components: {},
@@ -394,6 +431,26 @@ export default {
       },
       title: '',
       dialogVisible: false,
+      rules1: {
+        parkId: [
+          { required: true, message: "车场不能为空", trigger: "change" },
+        ],
+        plateNo: [
+          { required: true, message: "车牌号不能为空", trigger: "blur" },
+          { validator: vehicleNumber, trigger: "blur" },
+        ],
+        liftType: [
+          { required: true, message: "抬杆类型不能为空", trigger: "blur" },
+          { validator: validateInput, trigger: "blur" },
+        ],
+        liftStatus: [
+          { required: true, message: "抬杆状态不能为空", trigger: "blur" },
+          { validator: validateInput, trigger: "blur" },
+        ],
+        tollmanId: [
+          { required: true, message: "操作人员不能为空", trigger: "change" },
+        ]
+      },
       formLabelAlign: {
         parkId: '',
         plateNo: '',
@@ -440,6 +497,30 @@ export default {
       },
       title2: '',
       dialogVisible2: false,
+      vehicleTypeOptions: [
+        {label: '小型',value: '小型'},
+        {label: '大型',value: '大型'},
+        {label: '未识别',value: '未识别'},
+      ],
+      rules2: {
+        parkId: [
+          { required: true, message: "车场不能为空", trigger: "change" },
+        ],
+        plateNo: [
+          { required: true, message: "车牌号不能为空", trigger: "blur" },
+          { validator: vehicleNumber, trigger: "blur" },
+        ],
+        relaseReason: [
+          { required: true, message: "放行原因不能为空", trigger: "blur" },
+        ],
+        tollmanId: [
+          { required: true, message: "授权人员不能为空", trigger: "change" },
+        ],
+        tollmanPhone: [
+          { required: true, message: "电话号码不能为空", trigger: "blur" },
+          { validator: checkPhone, trigger: "blur" },
+        ]
+      },
       formLabelAlign2: {
         id: '',
         parkId: '',
@@ -476,6 +557,22 @@ export default {
         plateNoAfter: ''
       },
       title3: '',
+      rules3: {
+        plateNoBefore: [
+          { required: true, message: "车场不能为空", trigger: "blur" },
+        ],
+        plateNoAfter: [
+          { required: true, message: "车牌号不能为空", trigger: "blur" },
+          { validator: vehicleNumber, trigger: "blur" },
+        ],
+        correctionReason: [
+          { required: true, message: "修正原因不能为空", trigger: "blur" },
+          { validator: validateInput, trigger: "blur" },
+        ],
+        createTime: [
+          { required: true, message: "修正时间不能为空", trigger: "change" },
+        ],
+      },
       dialogVisible3: false,
       formLabelAlign3: {
         id: '',
@@ -520,6 +617,15 @@ export default {
       },
       title4: '',
       dialogVisible4: false,
+      rules4: {
+        parkId: [
+          { required: true, message: "车场不能为空", trigger: "blur" },
+        ],
+        plateNo: [
+          { required: true, message: "车牌号不能为空", trigger: "blur" },
+          { validator: vehicleNumber, trigger: "blur" },
+        ]
+      },
       formLabelAlign4: {
         id: '',
         parkId: '',
@@ -564,29 +670,35 @@ export default {
       })
     },
     handleConfirm() {
-      if (this.title === '修改') {
-        api_z.editExceptionHandingLift({...this.formLabelAlign}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible = false
-            this.$message({
-              message: '修改成功!',
-              type: 'success'
+      this.$refs['formLabelAlign'].validate((valid) => {
+        if (valid) {
+          if (this.title === '修改') {
+            api_z.editExceptionHandingLift({...this.formLabelAlign}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible = false
+                this.$message({
+                  message: '修改成功!',
+                  type: 'success'
+                })
+                this.getTableData1()
+              }
             })
-            this.getTableData1()
-          }
-        })
-      } else {
-        api_z.addExceptionHandingLift({...this.formLabelAlign}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible = false
-            this.$message({
-              message: '添加成功!',
-              type: 'success'
+          } else {
+            api_z.addExceptionHandingLift({...this.formLabelAlign}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible = false
+                this.$message({
+                  message: '添加成功!',
+                  type: 'success'
+                })
+                this.getTableData1()
+              }
             })
-            this.getTableData1()
           }
-        })
-      }
+        } else {
+          return false;
+        }
+      })
     },
     onSubmit2() {
       this.pageNum2 = 1
@@ -612,29 +724,35 @@ export default {
       })
     },
     handleConfirm2() {
-      if (this.title2 === '修改') {
-        api_z.editExceptionHandingSpecial({...this.formLabelAlign2}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible2 = false
-            this.$message({
-              message: '修改成功!',
-              type: 'success'
+      this.$refs['formLabelAlign2'].validate((valid) => {
+        if (valid) {
+          if (this.title2 === '修改') {
+            api_z.editExceptionHandingSpecial({...this.formLabelAlign2}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible2 = false
+                this.$message({
+                  message: '修改成功!',
+                  type: 'success'
+                })
+                this.getTableData2()
+              }
             })
-            this.getTableData2()
-          }
-        })
-      } else {
-        api_z.addExceptionHandingSpecial({...this.formLabelAlign2}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible2 = false
-            this.$message({
-              message: '添加成功!',
-              type: 'success'
+          } else {
+            api_z.addExceptionHandingSpecial({...this.formLabelAlign2}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible2 = false
+                this.$message({
+                  message: '添加成功!',
+                  type: 'success'
+                })
+                this.getTableData2()
+              }
             })
-            this.getTableData2()
           }
-        })
-      }
+        } else {
+          return false
+        }
+      })
     },
     onSubmit3() {
       this.pageNum3 = 1
@@ -660,29 +778,35 @@ export default {
       })
     },
     handleConfirm3() {
-      if (this.title3 === '修改') {
-        api_z.editExceptionHandingCorrection({...this.formLabelAlign3}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible3 = false
-            this.$message({
-              message: '修改成功!',
-              type: 'success'
+      this.$refs['formLabelAlign3'].validate((valid) => {
+        if (valid) {
+          if (this.title3 === '修改') {
+            api_z.editExceptionHandingCorrection({...this.formLabelAlign3}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible3 = false
+                this.$message({
+                  message: '修改成功!',
+                  type: 'success'
+                })
+                this.getTableData3()
+              }
             })
-            this.getTableData3()
-          }
-        })
-      } else {
-        api_z.addExceptionHandingCorrection({...this.formLabelAlign3}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible3 = false
-            this.$message({
-              message: '添加成功!',
-              type: 'success'
+          } else {
+            api_z.addExceptionHandingCorrection({...this.formLabelAlign3}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible3 = false
+                this.$message({
+                  message: '添加成功!',
+                  type: 'success'
+                })
+                this.getTableData3()
+              }
             })
-            this.getTableData3()
           }
-        })
-      }
+        } else{
+          return false
+        }
+      })
     },
     onSubmit4() {
       this.pageNum4 = 1
@@ -708,29 +832,35 @@ export default {
       })
     },
     handleConfirm4() {
-      if (this.title4 === '修改') {
-        api_z.editExceptionHandingClean({...this.formLabelAlign4}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible4 = false
-            this.$message({
-              message: '修改成功!',
-              type: 'success'
+      this.$refs['formLabelAlign3'].validate((valid) => {
+        if (valid) {
+          if (this.title4 === '修改') {
+            api_z.editExceptionHandingClean({...this.formLabelAlign4}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible4 = false
+                this.$message({
+                  message: '修改成功!',
+                  type: 'success'
+                })
+                this.getTableData4()
+              }
             })
-            this.getTableData4()
-          }
-        })
-      } else {
-        api_z.addExceptionHandingClean({...this.formLabelAlign4}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible4 = false
-            this.$message({
-              message: '添加成功!',
-              type: 'success'
+          } else {
+            api_z.addExceptionHandingClean({...this.formLabelAlign4}).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible4 = false
+                this.$message({
+                  message: '添加成功!',
+                  type: 'success'
+                })
+                this.getTableData4()
+              }
             })
-            this.getTableData4()
           }
-        })
-      }
+        } else {
+          return false
+        }
+      })
     },
     handlePageChange1() {
       this.getTableData1()