新建讲师逐级校验并total提示

src/views/lecturer/InsideLecturer.vue

@@ -176,7 +176,7 @@
             <!-- <div  @click="handleformlevel"> -->
             <a-form-item label="讲师级别" name="tLevelId">
                 <a-select class="draitem" v-model:value="formParam.tLevelId" placeholder="请选择讲师级别" allowClear
-                  :disabled="getLevelList.length !== 0 ? false : true" :options="getLevelList">
+                   :options="getLevelList">
                 </a-select>
             </a-form-item>
             <!-- </div> -->
@@ -850,34 +850,45 @@ 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(); 
-              });
-            }
-            else {
-              insertTeacher(state.formParam)
-                .then((res) => {
-                  message.success("保存成功");
-                  state.teacherdialog = false;
-                  cancel()
+    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)
+        }
+      }
+      if (state.vf == false) {
+          updateInTeacher(state.formParam).then(response => {
+            message.success("修改成功");
+            state.teacherdialog = false;
+            cancel()
             getTableDate(); 
-                }).catch((err) => {
-                  console.log(err);
-                });
-            }
-        })
-        .catch(() => {
-          console.log('error', error);
-        });
+          });
+        }
+        else {
+          insertTeacher(state.formParam)
+            .then((res) => {
+              message.success("保存成功");
+              state.teacherdialog = false;
+              cancel()
+        getTableDate(); 
+            }).catch((err) => {
+              console.log(err);
+            });
+        }
       // rule()
       // if (state.log = true) {
       //   state.teacherdialog = true;
@@ -1005,12 +1016,12 @@ export default {
       state.formParam.defaultteachingTime = state.formParam.defaultteachingTime.replace(/\D/g, '');
     }
     const rules = {
-      name: [{ required: true, message: '讲师不能为空' }],
-      newdepartId: [{ required: true, message: '组织不能为空' }],
-      tLevelId: [{ required: true, message: '讲师级别不能为空' }],
-      tSystemName: [{ required: true, message: '讲师体系不能为空' }],
-      defaultteachingTime: [{ required: true, message: '' }],
-      certStatus: [{ required: true, message: '认证状态不能为空' }],
+      name: [{ required: true, message: '',log:'讲师不能为空' }],
+      // newdepartId: [{ required: true, message: '组织不能为空' }],
+      tLevelId: [{ required: true, message: '',log:'讲师级别不能为空' }],
+      // tSystemName: [{ required: true, message: '讲师体系不能为空' }],
+      defaultteachingTime: [{ required: true, message: '',log:'初始授课时长不能为空' }],
+      // certStatus: [{ required: true, message: '认证状态不能为空' }],
 
     }
     const rule = () => {
@@ -1149,6 +1160,7 @@ export default {
       handleModify,
       closeDeleteTeacher,
       createTeacherDialog,
+      validateField,
       handleOperate,
       closehandleOperate,
       getTableDate,