黑名单 校验

src/views/manage/blacklist/index.vue

@@ -101,10 +101,10 @@
           <el-input v-model="form.patientName" placeholder="请输入姓名" :disabled="title == '修改黑名单'" />
         </el-form-item>
         <el-form-item label="身份证" prop="cardNo">
-          <el-input v-model="form.cardNo" placeholder="请输入身份证" :disabled="title == '修改黑名单'" />
+          <el-input v-model="form.cardNo" placeholder="请输入身份证" :disabled="title == '修改黑名单'" maxlength="18"/>
         </el-form-item>
         <el-form-item label="电话" prop="patientPhone">
-          <el-input v-model="form.patientPhone" placeholder="请输入电话" :disabled="title == '修改黑名单'" />
+          <el-input v-model="form.patientPhone" placeholder="请输入电话" :disabled="title == '修改黑名单'" maxlength="11"/>
         </el-form-item>
         <el-form-item label="医院" prop="hospitalAgencyId">
           <el-select v-model="form.hospitalAgencyId" filterable placeholder="请选择医院" style="width:380px" clearable
@@ -167,6 +167,22 @@ export default {
   name: "Blacklist",
   dicts: ['blacklist_source'],
   data() {
+        //验证身份证
+        var isCardId = (rule, value, callback) => {
+          console.log(value)
+      if (value==null) {
+        callback(new Error("请输入患者身份证号"));
+      } else {
+        const reg =
+          /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/;
+        const card = reg.test(value);
+        if (!card) {
+          callback(new Error("身份证号格式有误！"));
+        } else {
+          callback();
+        }
+      }
+    };
     return {
       //医院list
       hospitalAgencylist: [],
@@ -226,7 +242,7 @@ export default {
           { required: true, message: '请输入患者姓名', trigger: 'change' }
         ],
         cardNo: [
-          { required: true, message: '请输入患者身份证号', trigger: 'change' }
+          { required: true, message: '', validator: isCardId, trigger: 'change' }
         ],
         hospitalAgencyId: [
           { required: true, message: '请选择医院', trigger: 'change' }
@@ -244,7 +260,12 @@ export default {
           { required: true, message: '请输入补充说明', trigger: 'change' }
         ],
         patientPhone: [
-          { required: true, message: '请输入患者手机号', trigger: 'change' }
+          { required: true, message: '请输入患者手机号', trigger: 'change' },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机码",
+            trigger: "blur"
+          }
         ],
       }
     };
@@ -272,6 +293,7 @@ export default {
     // 表单重置
     reset() {
       this.form = {
+        cardNo:null,
         campusAgencyId: null,
         departmentId: null,
         wardId: null,