保存修改验证调整

src/views/lecturer/ExternalLecturer.vue

@@ -70,7 +70,7 @@
     <!-- 弹窗组件 -->
     <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
     width="60%" :title="teacherdialogtitle">
-      <a-form :model="formParam" :rules="rules" layout="vertical">
+      <a-form :model="formParam" :rules="rules" layout="vertical"  ref="formRef">
         <!-- 基本信息 -->
         <a-row>
           <a-col :span="24">
@@ -268,6 +268,7 @@ export default {
     UploadOutlined,//图标--导出
   },
   setup() {
+    const formRef = ref();
     const router = useRouter();
     const state = reactive({
       currentPage1: 1,
@@ -467,28 +468,32 @@ export default {
     }
     //保存
     const createTeacherDialog = () => {
-      console.log(state.formParam);
-      rule()
-      if(  state.log = true){
-        state.teacherdialog = true;
-      }
-    else{ 
-      if (state.vf == false) {
+      formRef.value
+        .validate()
+        .then(() => {
+          if (state.vf == false) {
         updateOutTeacher(state.formParam).then(response => {
           message.success("修改成功");
+          state.teacherdialog = false;
+          cancel()
+      getTableDate();
         });
       }
       else {
         insertTeacherOutSide(state.formParam)
           .then((res) => {
             message.success("保存成功");
+            state.teacherdialog = false;
+            cancel()
+      getTableDate();
           }).catch((err) => {
             console.log(err);
           });
         }
-      }
-      state.teacherdialog = false;
-      getTableDate();
+        })
+        .catch(() => {
+          console.log('error', error);
+        });
     };
     //删除弹窗
     const deleteModal = (record) => {
@@ -537,6 +542,7 @@ export default {
     //取消按钮 清空输入的数据
     const cancelTeacherDialog = () => {
       if (state.teacherdialog = true) {
+        formRef.value.resetFields();
         state.teacherdialog = false
         cancel()
       }
@@ -627,6 +633,7 @@ export default {
       ...toRefs(state),
       rules,
       rule,
+      formRef,
       sendPhone,
       sendEmail,
       // managerChange,