From 6686cee4d912b33958bae36e35a015c37f2ac31a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E5=BC=BA?= <357099073@qq.com>
Date: Thu, 26 Feb 2026 11:47:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=99=BB=E5=BD=95=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/sitesettings.js                       | 24 +++++++
 .../components/contactSettings.vue            | 28 ++------
 .../components/loginVerification.vue          | 69 +++++++++++++++++++
 .../basicSettings/siteSettings/index.vue      | 19 +++--
 4 files changed, 112 insertions(+), 28 deletions(-)
 create mode 100644 src/views/basicSettings/siteSettings/components/loginVerification.vue

diff --git a/src/api/sitesettings.js b/src/api/sitesettings.js
index e57f593..a47111d 100644
--- a/src/api/sitesettings.js
+++ b/src/api/sitesettings.js
@@ -26,6 +26,30 @@ export function saveNormalInfos(data) {
   });
 }
 
+/**
+ * 获取登录验证数据
+ * @returns {Promise}
+ */
+export function getVerifyInfos() {
+  return request({
+    url: "/admin/loginVerifyInfos",    
+    method: "get",
+  });
+}
+
+/**
+ * 保存登录验证数据
+ * @param {Object} data 要保存的数据
+ * @returns {Promise}
+ */
+export function saveVerifyInfos(data) {
+  return request({
+    url: "/admin/saveloginVerifyInfos",
+    method: "post",
+    data: data, 
+  });
+}
+
 /**
  * 获取法律声明和隐私条款
  * @returns {Promise}
diff --git a/src/views/basicSettings/siteSettings/components/contactSettings.vue b/src/views/basicSettings/siteSettings/components/contactSettings.vue
index a60826a..6d652d3 100644
--- a/src/views/basicSettings/siteSettings/components/contactSettings.vue
+++ b/src/views/basicSettings/siteSettings/components/contactSettings.vue
@@ -1,34 +1,16 @@
 <template>
-  <el-form
-    ref="contactFormRef"
-    :model="contactForm"
-    :rules="contactRules"
-    label-width="120px"
-    style="max-width: 600px"
-  >
+  <el-form ref="contactFormRef" :model="contactForm" :rules="contactRules" label-width="120px" style="max-width: 600px">
     <el-form-item label="联系电话" prop="phone">
-      <el-input
-        v-model="contactForm.phone"
-        placeholder="请输入联系电话"
-      />
+      <el-input v-model="contactForm.phone" placeholder="请输入联系电话" />
     </el-form-item>
     <el-form-item label="联系邮箱" prop="email">
-      <el-input
-        v-model="contactForm.email"
-        placeholder="请输入联系邮箱"
-      />
+      <el-input v-model="contactForm.email" placeholder="请输入联系邮箱" />
     </el-form-item>
     <el-form-item label="公司地址" prop="address">
-      <el-input
-        v-model="contactForm.address"
-        placeholder="请输入公司地址"
-      />
+      <el-input v-model="contactForm.address" placeholder="请输入公司地址" />
     </el-form-item>
     <el-form-item label="工作时间" prop="workTime">
-      <el-input
-        v-model="contactForm.workTime"
-        placeholder="如：周一至周五 9:00-18:00"
-      />
+      <el-input v-model="contactForm.workTime" placeholder="如：周一至周五 9:00-18:00" />
     </el-form-item>
     <el-form-item>
       <el-button type="primary" @click="saveContactSettings">保存设置</el-button>
diff --git a/src/views/basicSettings/siteSettings/components/loginVerification.vue b/src/views/basicSettings/siteSettings/components/loginVerification.vue
new file mode 100644
index 0000000..0ffdd70
--- /dev/null
+++ b/src/views/basicSettings/siteSettings/components/loginVerification.vue
@@ -0,0 +1,69 @@
+<template>
+    <el-form ref="formRef" :model="form" label-width="120px">
+        <el-form-item label="开启验证" prop="openVerify">
+            <el-switch v-model="form.openVerify" />
+        </el-form-item>
+
+        <el-form-item label="验证模式" prop="verifyModel">
+            <el-radio-group v-model="form.verifyModel" :disabled="!form.openVerify">
+                <el-radio-button value="1">图形</el-radio-button>
+                <el-radio-button value="2">短信</el-radio-button>
+                <el-radio-button value="3">邮箱</el-radio-button>
+                <el-radio-button value="4">极验</el-radio-button>
+            </el-radio-group>
+        </el-form-item>
+
+        <template v-if="form.verifyModel === '4'">
+            <el-form-item label="极验ID" prop="geetestID">
+                <el-input v-model="form.geetestID" />
+            </el-form-item>
+            <el-form-item label="极验KEY" prop="geetestKEY">
+                <el-input v-model="form.geetestKEY" />
+            </el-form-item>
+        </template>
+
+        <el-form-item>
+            <el-button type="primary" @click="handleSave">保存</el-button>
+            <el-button @click="formRef?.resetFields()">重置</el-button>
+        </el-form-item>
+    </el-form>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from "vue";
+import { ElMessage } from "element-plus";
+import { getVerifyInfos, saveVerifyInfos } from "@/api/sitesettings";
+
+const formRef = ref();
+const form = reactive({
+    openVerify: false,
+    verifyModel: "1",
+    geetestID: "",
+    geetestKEY: ""
+});
+
+const init = async () => {
+    const { code, data } = await getVerifyInfos();
+    if (code === 200 && Array.isArray(data)) {
+        const formData = {};
+        data.forEach(item => {
+            if (item.label === 'openVerify') {
+                formData[item.label] = item.value === '1';
+            } else {
+                formData[item.label] = item.value;
+            }
+        });
+
+        Object.assign(form, formData);
+    }
+};
+
+const handleSave = async () => {
+    const { code } = await saveVerifyInfos(form);
+    if (code === 200) ElMessage.success("保存成功");
+};
+
+init();
+
+defineExpose({ form, init });
+</script>
\ No newline at end of file
diff --git a/src/views/basicSettings/siteSettings/index.vue b/src/views/basicSettings/siteSettings/index.vue
index 7ed5476..9dae6fd 100644
--- a/src/views/basicSettings/siteSettings/index.vue
+++ b/src/views/basicSettings/siteSettings/index.vue
@@ -9,23 +9,27 @@
     <div class="settings-container">
       <el-tabs v-model="activeTab" class="settings-tabs">
         <el-tab-pane label="基本信息" name="basic">
-          <normalSettings ref="normalSettingsRef" />
+          <normalSettings ref="normalSettingsRef" v-if="activeTab === 'basic'" />
         </el-tab-pane>
 
         <el-tab-pane label="SEO设置" name="seo">
-          <seoSettings ref="seoSettingsRef" />
+          <seoSettings ref="seoSettingsRef" v-if="activeTab === 'seo'" />
         </el-tab-pane>
 
         <el-tab-pane label="联系方式" name="contact">
-          <contactSettings ref="contactSettingsRef" />
+          <contactSettings ref="contactSettingsRef" v-if="activeTab === 'contact'" />
+        </el-tab-pane>
+
+        <el-tab-pane label="登录验证" name="loginVerification">
+          <loginVerificationSettings ref="loginVerificationSettingsRef" v-if="activeTab === 'loginVerification'" />
         </el-tab-pane>
 
         <el-tab-pane label="法律声明&隐私条款" name="legalNotice">
-          <legalNoticeSettings ref="legalNoticeSettingsRef" />
+          <legalNoticeSettings ref="legalNoticeSettingsRef" v-if="activeTab === 'legalNotice'" />
         </el-tab-pane>
 
         <el-tab-pane label="其他设置" name="other">
-          <otherSettings ref="otherSettingsRef" />
+          <otherSettings ref="otherSettingsRef" v-if="activeTab === 'other'" />
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -40,6 +44,7 @@ import seoSettings from "./components/seoSettings.vue";
 import contactSettings from "./components/contactSettings.vue";
 import otherSettings from "./components/otherSettings.vue";
 import legalNoticeSettings from "./components/legalNotice.vue";
+import loginVerificationSettings from "./components/loginVerification.vue";
 
 const activeTab = ref("basic");
 
@@ -48,6 +53,7 @@ const seoSettingsRef = ref();
 const contactSettingsRef = ref();
 const otherSettingsRef = ref();
 const legalNoticeSettingsRef = ref();
+const loginVerificationSettingsRef = ref();
 
 // 初始化各标签页数据
 const initSettings = async () => {
@@ -67,6 +73,9 @@ const initSettings = async () => {
   if (legalNoticeSettingsRef.value) {
     // legalNoticeSettingsRef.value.legalNoticeForm = ...
   }
+  if (loginVerificationSettingsRef.value) {
+    // loginVerificationSettingsRef.value.loginVerificationForm = ...
+  }
 };
 
 onMounted(() => {