优化代码

src/page/main/system-admin/preference/authorityForm.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, ref } from "vue";
 import { ElMessage } from "element-plus";
 import axios from "@/request/http.js";
 
@@ -52,6 +52,7 @@ const state = reactive({
     license_inform_day: [{ type: "number", min: 0, max: 90, message: "请输入0~90的整数", trigger: "blur" }],
   },
 });
+const authorizeFormRef = ref(null);
 //根据license获取授权信息
 const getLicenseInfo = () => {
   if (!state.authorizeFormData.license) return;
@@ -69,5 +70,25 @@ const getLicenseInfo = () => {
       }
     });
 };
+//保存
+const save = () => {
+  authorizeFormRef.value.validate((valid) => {
+    if (valid) {
+      params = {
+        ...props.authorizeFormData,
+      };
+      axios.post("/apaas/system/v5/sysOptions/licenseOpts", params).then((res) => {
+        if (res.data.code == 200) {
+          ElMessage.success(res.data.msg);
+        } else {
+          ElMessage.error(res.data.data);
+        }
+      });
+    }
+  });
+};
 const { authorizeRules } = toRefs(state);
+defineExpose({
+  save,
+});
 </script>

src/page/main/system-admin/preference/index.vue

@@ -20,13 +20,19 @@
       </div>
       <div class="right_container bgc_white">
         <!-- license授权表单 -->
-        <authorityForm v-if="activeIndex == 1" :authorizeFormData="authorizeFormData"></authorityForm>
+        <authorityForm
+          ref="authorityFormRef"
+          v-if="activeIndex == 1"
+          :authorizeFormData="authorizeFormData"></authorityForm>
 
-        <loginPageForm v-if="activeIndex == 2" :loginPageFormData="loginPageFormData"></loginPageForm>
+        <loginPageForm
+          ref="loginPageFormRef"
+          v-if="activeIndex == 2"
+          :loginPageFormData="loginPageFormData"></loginPageForm>
         <!-- 安全相关表单 -->
-        <secureForm v-if="activeIndex == 3" :secureFormData="secureFormData"></secureForm>
+        <secureForm ref="secureFormRef" v-if="activeIndex == 3" :secureFormData="secureFormData"></secureForm>
         <!-- 登录注册配置表单 -->
-        <registerForm v-if="activeIndex == 4" :registerFormData="registerFormData"></registerForm>
+        <registerForm ref="registerFormRef" v-if="activeIndex == 4" :registerFormData="registerFormData"></registerForm>
         <div class="operate_btns">
           <el-button type="primary" @click="save"> 保存 </el-button>
         </div>
@@ -54,7 +60,8 @@ import secureForm from "./secureForm.vue";
 import registerForm from "./registerForm.vue";
 import axios from "@/request/http.js";
 
-const authorizeFormRef = ref(null);
+const authorityFormRef = ref(null);
+const loginPageFormRef = ref(null);
 const secureFormRef = ref(null);
 const registerFormRef = ref(null);
 const state = reactive({
@@ -133,39 +140,21 @@ const getPreferenceConfig = () => {
 
 //保存表单项
 const save = () => {
-  let params = {};
-  if (state.activeIndex == 1) {
-    authorizeFormRef.value.validate((valid) => {
-      if (valid) {
-        params = {
-          ...state.authorizeFormData,
-        };
-        postData("/apaas/system/v5/sysOptions/licenseOpts", params);
-      }
-    });
-  } else if (state.activeIndex == 2) {
-    secureFormRef.value.validate((valid) => {
-      if (valid) {
-        params = {
-          ...state.secureFormData,
-        };
-        postData("/apaas/system/v5/sysOptions/safeOpts", params);
-      }
-    });
-  } else {
-    registerFormRef.value.validate((valid) => {
-      if (valid) {
-        params = {
-          ...state.registerFormData,
-        };
-        if (params.login_config_state == 0) {
-          params.login_limit_time = 0;
-          params.login_pwd_error = 0;
-          params.login_lock_time = 0;
-        }
-        postData("/apaas/system/v5/sysOptions/loginOpts", params);
-      }
-    });
+  switch (state.activeIndex) {
+    case 1:
+      authorityFormRef.value.save();
+      break;
+    case 2:
+      loginPageFormRef.value.save();
+      break;
+    case 3:
+      secureFormRef.value.save();
+      break;
+    case 4:
+      registerFormRef.value.save();
+      break;
+    default:
+      break;
   }
 };
 // 请求接口发送消息

src/page/main/system-admin/preference/loginPageForm.vue

@@ -72,7 +72,9 @@
 
 <script setup>
 import { reactive, ref, toRefs } from "vue";
+import { ElMessage } from "element-plus";
 import { validateLink } from "@/services/rules.js";
+import axios from "@/request/http.js";
 
 const props = defineProps({
   loginPageFormData: {
@@ -101,7 +103,27 @@ const changeBanner = (value) => {
     refForm.value.clearValidate("backgroundUrl");
   }
 };
+//保存
+const save = () => {
+  loginPageRef.value.validate((valid) => {
+    if (valid) {
+      params = {
+        ...props.loginPageFormData,
+      };
+      axios.post("/apaas/system/v5/sysOptions/licenseOpts", params).then((res) => {
+        if (res.data.code == 200) {
+          ElMessage.success(res.data.msg);
+        } else {
+          ElMessage.error(res.data.data);
+        }
+      });
+    }
+  });
+};
 const { loginPageRules } = toRefs(state);
+defineExpose({
+  save,
+});
 </script>
 
 <style lang="scss" scoped>

src/page/main/system-admin/preference/registerForm.vue

@@ -53,8 +53,11 @@
 </template>
 
 <script setup>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, ref } from "vue";
+import { ElMessage } from "element-plus";
+import axios from "@/request/http.js";
 
+const registerFormRef = ref(null);
 const props = defineProps({
   registerFormData: {
     type: Object,
@@ -90,6 +93,30 @@ const state = reactive({
     ],
   },
 });
-
+//保存
+const save = () => {
+  registerFormRef.value.validate((valid) => {
+    if (valid) {
+      params = {
+        ...props.registerFormData,
+      };
+      if (params.login_config_state == 0) {
+        params.login_limit_time = 0;
+        params.login_pwd_error = 0;
+        params.login_lock_time = 0;
+      }
+      axios.post("/apaas/system/v5/sysOptions/loginOpts", params).then((res) => {
+        if (res.data.code == 200) {
+          ElMessage.success(res.data.msg);
+        } else {
+          ElMessage.error(res.data.data);
+        }
+      });
+    }
+  });
+};
 const { registerRules } = toRefs(state);
+defineExpose({
+  save,
+});
 </script>

src/page/main/system-admin/preference/secureForm.vue

@@ -74,8 +74,11 @@
 </template>
 
 <script setup>
-import { reactive, toRefs } from "vue";
+import { reactive, toRefs, ref } from "vue";
+import { ElMessage } from "element-plus";
+import axios from "@/request/http.js";
 
+const secureFormRef = ref(null);
 const props = defineProps({
   secureFormData: {
     type: Object,
@@ -105,6 +108,26 @@ const state = reactive({
     ],
   },
 });
-
+//保存
+const save = () => {
+  secureFormRef.value.validate((valid) => {
+    if (valid) {
+      params = {
+        ...props.secureFormData,
+      };
+      axios.post("/apaas/system/v5/sysOptions/safeOpts", params).then((res) => {
+        if (res.data.code == 200) {
+          ElMessage.success(res.data.msg);
+        } else {
+          ElMessage.error(res.data.data);
+        }
+      });
+    }
+  });
+};
 const { secureRules } = toRefs(state);
+
+defineExpose({
+  save,
+});
 </script>