recruit

src/views/recruit/recruitprestudent/enrolplantemplate-form.vue

@@ -3,7 +3,7 @@
     :title="!dataForm.id ? '新增' : '修改'"
     :close-on-click-modal="false"
     v-model="visible"
-    width="900px"
+    width="800px"
   >
     <el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="120px">
       <el-row :gutter="20">
@@ -28,7 +28,13 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="电话" prop="phone">
-            <el-input v-model="dataForm.phone" placeholder="电话"></el-input>
+            <el-input 
+              v-model="dataForm.phone" 
+              placeholder="电话" 
+              type="tel" 
+              maxlength="11"
+              v-input-filter="'number'">
+            </el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -42,14 +48,24 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="身份证" prop="idCard">
-            <el-input v-model="dataForm.idCard" placeholder="身份证"></el-input>
+            <el-input 
+              v-model="dataForm.idCard" 
+              placeholder="身份证号" 
+              maxlength="20"
+              v-input-filter="'idcard'">
+            </el-input>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="准考证" prop="admission">
-            <el-input v-model="dataForm.admission" placeholder="准考证"></el-input>
+            <el-input 
+              v-model="dataForm.admission" 
+              placeholder="准考证" 
+              maxlength="20"
+              v-input-filter="'alphanumeric'">
+            </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -88,7 +104,7 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="拟报专业1" prop="planMajorOne">
-            <el-select v-model="dataForm.planMajorOne" filterable placeholder="请选择拟报专业1" >
+            <el-select v-model="dataForm.planMajorOne" filterable  placeholder="请选择拟报专业1" >
               <el-option
                 v-for="item in planMajorList"
                 :key="item.id"
@@ -283,6 +299,7 @@ import { getObj, addObjStu, putObj } from '/@/api/recruit/recruitprestudent'
 import { getList } from '/@/api/recruit/recruitstudentplangroup'
 import { getDicts } from '/@/api/admin/dict'
 import { queryAllTeacherByRecruit } from '/@/api/professional/professionaluser/teacherbase'
+import { verifyIdCardAll, verifyPhone, verifyAdmissionNumber } from '/@/utils/toolsValidate'
 
 // Props
 const props = defineProps<{
@@ -350,7 +367,42 @@ const dataRule = {
   ],
   phone: [
     { required: true, message: '电话不能为空', trigger: 'blur' },
-    { min: 11, max: 11, message: "电话号码长度为11位", trigger: "blur" }
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (value && !verifyPhone(value)) {
+          callback(new Error('请输入正确的手机号码'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ],
+  idCard: [
+    { required: true, message: '身份证不能为空', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (value && !verifyIdCardAll(value)) {
+          callback(new Error('请输入正确的身份证号码'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ],
+  admission: [
+    { required: true, message: '准考证不能为空', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (value && !verifyAdmissionNumber(value)) {
+          callback(new Error('请输入正确的准考证号'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
   ],
   gender: [
     { required: true, message: '性别不能为空', trigger: 'blur' }