验证调整

src/views/lecturer/ExternalLecturer.vue

@@ -288,6 +288,10 @@ export default {
       pageSize: 10,
       tableDataTotal: -1,//table列表总条数
       teacherrecordstableDataTotal: -1,//授课记录列表总条数
+      tSystemNames:{
+        systemName:null,
+        levelVoList: []
+      },
       formParam: {
         description:"",
         teacherType:'2',
@@ -299,6 +303,7 @@ export default {
         teacherType:2,
         name: null,//姓名
         status: null,//状态
+        tSystemName: null,
         pageNo: "1",
         pageSize: "10"
       },
@@ -465,34 +470,46 @@ export default {
       state.vf = false
       TeacherSystem()
     }
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
     //保存
-    const createTeacherDialog = () => {
-      formRef.value
-        .validate()
-        .then(() => {
-          if (state.vf == false) {
-        updateInTeacher(state.formParam).then(response => {
-          message.success("修改成功");
-          state.teacherdialog = false;
-          cancel()
-      getTableDate();
-        });
+    const createTeacherDialog = async () => {
+      const formItemNames = Object.keys(rules);
+      for(let i=0;i<formItemNames.length;i++){
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
       }
-      else {
-        insertTeacher(state.formParam)
-          .then((res) => {
-            message.success("保存成功");
+      state.formParam = {...state.formParam}
+      if (state.vf == false) {
+          updateInTeacher(state.formParam).then(response => {
+            message.success("修改成功");
             state.teacherdialog = false;
             cancel()
-      getTableDate();
-          }).catch((err) => {
-            console.log(err);
+            getTableDate(); 
           });
         }
-        })
-        .catch(() => {
-          console.log('error', error);
-        });
+        else {
+          insertTeacher(state.formParam)
+            .then((res) => {
+              message.success("保存成功");
+              state.teacherdialog = false;
+              cancel()
+        getTableDate(); 
+            }).catch((err) => {
+              console.log(err);
+            });
+        }
     };
     //删除弹窗
     const deleteModal = (record) => {
@@ -581,19 +598,19 @@ export default {
       console.log(state.formParam);
     }
     const rules = {
-      name: [{ required: true, message: '讲师不能为空' }],
-      supplier:[{ required: true, message: '供应商不能为空' }],
+      name: [{ required: true, message: '',log: '讲师不能为空' }],
+      supplier:[{ required: true,  message: '',log:'供应商不能为空' }],
       email:[
         {
           type: "email",
-          message: '请输入正确的邮箱地址',
+          message: '',log: '请输入正确的邮箱地址',
           trigger: "blur"
          }
         ],
       mobile: [
           {
             pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-            message: "请输入正确的手机号码",
+            message: '',log: "请输入正确的手机号码",
             trigger: "blur"
           }
         ]
@@ -663,6 +680,7 @@ export default {
     return {
       ...toRefs(state),
       lecturerAdmin,
+      validateField,
       rules,
       rule,
       formRef,