From 1bfa0196343e102d9c4641e6d304fe91438d98b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=AB=E5=9C=B0=E5=83=A7?= <357099073@qq.com>
Date: Thu, 2 Apr 2026 00:05:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E5=A4=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |    1 +
 .../siteSettings/components/otherSettings.vue |    4 -
 src/views/login/index.vue                     | 1587 +++++++++--------
 src/views/system/menus/components/edit.vue    |   42 +-
 src/views/system/menus/manager.vue            |   14 +-
 .../components/platformSettings.vue           |  182 ++
 src/views/system/platformsettings/index.vue   |   60 +
 7 files changed, 1122 insertions(+), 768 deletions(-)
 create mode 100644 src/views/system/platformsettings/components/platformSettings.vue
 create mode 100644 src/views/system/platformsettings/index.vue

diff --git a/components.d.ts b/components.d.ts
index fb754dd..567e500 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -22,6 +22,7 @@ declare module 'vue' {
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCascader: typeof import('element-plus/es')['ElCascader']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElContainer: typeof import('element-plus/es')['ElContainer']
diff --git a/src/views/basicSettings/siteSettings/components/otherSettings.vue b/src/views/basicSettings/siteSettings/components/otherSettings.vue
index 08c6a41..06722cd 100644
--- a/src/views/basicSettings/siteSettings/components/otherSettings.vue
+++ b/src/views/basicSettings/siteSettings/components/otherSettings.vue
@@ -13,10 +13,6 @@
       <el-switch v-model="otherForm.allowRegister" />
       <span class="form-tip">允许用户在前台注册账号</span>
     </el-form-item>
-    <el-form-item label="验证码">
-      <el-switch v-model="otherForm.captchaEnabled" />
-      <span class="form-tip">登录、注册等操作需要验证码</span>
-    </el-form-item>
     <el-form-item>
       <el-button type="primary" @click="saveOtherSettings">保存设置</el-button>
       <el-button @click="resetOtherForm">重置</el-button>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 41c6629..526e5e3 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,749 +1,840 @@
-<template>
-  <div class="login-bg">
-    <div class="login-card">
-      <div class="login-side">
-        <div class="brand">
-          <img src="@/assets/svgs/logo-w.svg" alt="Logo" style="color: white;width: 50px;" />
-          <span class="brand-title">后台管理系统</span>
-        </div>
-        <div class="illus">
-          <svg viewBox="0 0 300 160" style="max-width: 100%" fill="none">
-            <ellipse cx="150" cy="140" rx="120" ry="16" fill="#edf4fd" />
-            <rect x="57" y="58" width="60" height="40" rx="12" fill="#64b6f7" />
-            <rect x="125" y="46" width="110" height="64" rx="14" fill="#389bf7" opacity="0.11" />
-            <rect x="136" y="60" width="60" height="41" rx="10" fill="#b8e1ff" />
-          </svg>
-        </div>
-        <!-- 版权信息 -->
-        <div class="copyright">© 2026 Yunzer 管理系统</div>
-      </div>
-      <div class="login-panel">
-        <h2 class="login-title">欢迎登录</h2>
-        <div class="login-desc">请填写您的账号信息</div>
-        <div class="form-group icon-input-group">
-          <span class="input-icon">
-            <i class="fa-solid fa-user"></i>
-          </span>
-          <input v-model="account" type="text" placeholder="用户名" autocomplete="account" class="input input-with-icon" />
-        </div>
-        <div class="form-group icon-input-group">
-          <span class="input-icon">
-            <i class="fa-solid fa-lock"></i>
-          </span>
-          <input v-model="password" :type="passwordVisible ? 'text' : 'password'" placeholder="密码"
-            autocomplete="current-password" class="input input-with-icon" />
-          <span class="visible-btn" @click="passwordVisible = !passwordVisible"
-            :title="passwordVisible ? '隐藏密码' : '显示密码'">
-            <i v-if="passwordVisible" class="fa-regular fa-eye"></i>
-            <i v-else class="fa-solid fa-eye-slash"></i>
-          </span>
-        </div>
-        <!-- 极验验证码容器 -->
-        <div style="display: none;" v-if="showCaptchaContainer" class="geetest-container" ref="captchaContainer"></div>
-
-        <div class="remember-me-row">
-          <label class="remember-me-label">
-            <input type="checkbox" v-model="rememberMe" class="remember-me-checkbox" @change="handleRememberMeChange" />
-            <span>记住我</span>
-          </label>
-          <div class="action-links">
-            <a class="forget-link" @click.prevent="goForget">忘记密码?</a>
-          </div>
-        </div>
-        <transition name="fade">
-          <div v-if="errorMsg" class="error-msg">{{ errorMsg }}</div>
-        </transition>
-        <button class="login-btn" @click="handleLogin" :disabled="loading">
-          {{ loading ? "登录中..." : "登 录" }}
-        </button>
-      </div>
-    </div>
-    <!-- 背景光效 -->
-    <div class="login-light light1"></div>
-    <div class="login-light light2"></div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, nextTick } from "vue";
-import { useRouter } from "vue-router";
-import { useAuthStore } from "@/stores/auth";
-import { login, getOpenVerify, getGeetest4Infos } from "@/api/login";
-import "@/assets/js/gt4.js";
-import { ElMessageBox, ElMessage } from "element-plus";
-
-const router = useRouter();
-const authStore = useAuthStore();
-
-// --- 表单数据 ---
-const account = ref("");
-const password = ref("");
-const passwordVisible = ref(false);
-const rememberMe = ref(false);
-const loading = ref(false);
-const errorMsg = ref("");
-
-// --- 极验相关变量 ---
-const showCaptchaContainer = ref(false);
-const captchaContainer = ref<HTMLElement | null>(null);
-const captchaInstance = ref<any>(null);
-
-// --- 加载JS脚本 ---
-const loadScript = (url: string): Promise<void> => {
-  return new Promise((resolve, reject) => {
-    const script = document.createElement('script');
-    script.src = url;
-    script.async = true;
-    script.onload = () => resolve();
-    script.onerror = () => reject(new Error(`加载脚本失败: ${url}`));
-    document.head.appendChild(script);
-  });
-};
-
-// --- 清理验证码实例 ---
-const cleanCaptchaInstance = () => {
-  if (captchaInstance.value) {
-    try {
-      captchaInstance.value.destroy();
-    } catch (e) {
-      console.warn("销毁验证码实例失败:", e);
-    }
-    captchaInstance.value = null;
-    showCaptchaContainer.value = false;
-  }
-};
-
-// --- 执行登录请求 ---
-const performLoginRequest = async () => {
-  const res = await login({
-    account: account.value,
-    password: password.value
-  });
-
-  if (res && res.code === 200) {
-    // 登录成功：处理"记住我"
-    if (rememberMe.value) {
-      localStorage.setItem("loginAccount", account.value);
-      localStorage.setItem("loginPassword", password.value);
-      localStorage.setItem("loginRememberMe", "true");
-    } else {
-      localStorage.removeItem("loginAccount");
-      localStorage.removeItem("loginTenantName");
-      localStorage.removeItem("loginPassword");
-      localStorage.setItem("loginRememberMe", "false");
-    }
-
-    authStore.setLoginInfo(res.data);
-
-    // 重置 Tabs 状态
-    const { useTabsStore } = await import("@/stores");
-    const tabsStore = useTabsStore();
-    tabsStore.resetTabs();
-
-    router.push({ path: "/home" });
-    ElMessage.success("登录成功！");
-    return true;
-  } else {
-    errorMsg.value = res.msg || "登录失败";
-    return false;
-  }
-};
-
-// --- 初始化极验4.0 ---
-const startGeetest4 = async () => {
-  showCaptchaContainer.value = true;
-  await nextTick();
-
-  if (!captchaContainer.value) {
-    errorMsg.value = "验证码容器未找到";
-    loading.value = false;
-    // 验证码容器未找到，跳过验证直接登录
-    return await performLoginRequest();
-  }
-
-  // 获取极验4.0配置
-  const res4 = await getGeetest4Infos();
-  if (!res4 || res4.code !== 200 || !res4.data || !res4.data.captcha_id) {
-    errorMsg.value = "获取极验配置失败，跳过验证直接登录";
-    showCaptchaContainer.value = false;
-    // 配置获取失败，跳过验证直接登录
-    return await performLoginRequest();
-  }
-
-  const config = res4.data;
-
-  // @ts-ignore
-  if (!window.initGeetest4) {
-    errorMsg.value = "极验4.0 SDK 加载失败，跳过验证直接登录";
-    loading.value = false;
-    showCaptchaContainer.value = false;
-    return await performLoginRequest();
-  }
-
-  // @ts-ignore
-  window.initGeetest4({
-    captchaId: config.captcha_id,
-    product: 'bind',
-    language: 'zh-CN',
-    container: captchaContainer.value
-  }, (instance: any) => {
-    captchaInstance.value = instance;
-
-    // 验证成功回调
-    instance.onSuccess(async () => {
-      const result = instance.getValidate();
-      // 将验证结果添加到登录参数中
-      const loginRes = await login({
-        account: account.value,
-        password: password.value,
-        captcha_id: result?.captcha_id || "",
-        lot_number: result?.lot_number || "",
-        pass_token: result?.pass_token || "",
-        gen_time: result?.gen_time || "",
-        captcha_output: result?.captcha_output || ""
-      });
-
-      if (loginRes && loginRes.code === 200) {
-        if (rememberMe.value) {
-          localStorage.setItem("loginAccount", account.value);
-          localStorage.setItem("loginPassword", password.value);
-          localStorage.setItem("loginRememberMe", "true");
-        } else {
-          localStorage.removeItem("loginAccount");
-          localStorage.removeItem("loginTenantName");
-          localStorage.removeItem("loginPassword");
-          localStorage.setItem("loginRememberMe", "false");
-        }
-
-        authStore.setLoginInfo(loginRes.data);
-        const { useTabsStore } = await import("@/stores");
-        const tabsStore = useTabsStore();
-        tabsStore.resetTabs();
-        router.push({ path: "/home" });
-        ElMessage.success("登录成功！");
-      } else {
-        errorMsg.value = loginRes.msg || "登录失败";
-      }
-      loading.value = false;
-      cleanCaptchaInstance();
-    });
-
-    // 验证失败回调
-    instance.onFail(() => {
-      errorMsg.value = "验证码验证失败，请重试";
-      loading.value = false;
-    });
-
-    // 错误回调 - 网络错误时跳过验证直接登录
-    instance.onError((err: any) => {
-      errorMsg.value = "验证码加载失败，跳过验证直接登录";
-      loading.value = false;
-      cleanCaptchaInstance();
-      // 跳过验证直接登录
-      performLoginRequest();
-    });
-
-    // 显示验证码
-    instance.showCaptcha();
-  });
-  return true;
-};
-
-/**
- * 登录请求
- */
-const handleLogin = async () => {
-  // 清空错误提示
-  errorMsg.value = "";
-
-  // 表单验证
-  if (!account.value.trim()) {
-    errorMsg.value = "请输入用户名";
-    return;
-  }
-  if (!password.value.trim()) {
-    errorMsg.value = "请输入密码";
-    return;
-  }
-
-  if (loading.value) return;
-  loading.value = true;
-
-  try {
-    // 先判断是否开启验证
-    const verifyRes = await getOpenVerify();
-    let openVerify = "0";
-
-    if (verifyRes && verifyRes.code === 200 && Array.isArray(verifyRes.data)) {
-      verifyRes.data.forEach((item: any) => {
-        if (item.label === "openVerify") {
-          openVerify = item.value || "0";
-        }
-      });
-    }
-
-    // 如果开启了验证，使用极验4.0
-    if (openVerify === "1") {
-      await startGeetest4();
-    } else {
-      // 直接登录
-      await performLoginRequest();
-    }
-  } catch (err: any) {
-    errorMsg.value = err?.response?.data?.msg || err?.message || "登录失败，请重试";
-  } finally {
-    loading.value = false;
-  }
-};
-
-// 记住我逻辑优化
-const handleRememberMeChange = async () => {
-  if (rememberMe.value) {
-    try {
-      await ElMessageBox.confirm(
-        '请确认电脑环境是可信的，登录成功后会自动记住密码。',
-        '安全提示',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-          closeOnClickModal: false
-        }
-      );
-    } catch {
-      rememberMe.value = false;
-    }
-  }
-};
-
-// 页面加载处理
-onMounted(() => {
-  // 从本地存储恢复表单
-  const savedRemember = localStorage.getItem("loginRememberMe");
-  if (savedRemember === "true") {
-    account.value = localStorage.getItem("loginAccount") || "";
-    password.value = localStorage.getItem("loginPassword") || "";
-    rememberMe.value = true;
-  }
-});
-
-const goRegister = () => router.push("/register");
-const goForget = () => router.push("/forget");
-</script>
-
-<style scoped>
-.login-bg {
-  min-height: 100vh;
-  width: 100vw;
-  background: linear-gradient(120deg, #e6f0ff 0%, #f5fcff 55%, #eaf6ff 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  overflow: hidden;
-}
-
-.login-card {
-  display: flex;
-  min-width: 770px;
-  background: rgba(255, 255, 255, 0.95);
-  border-radius: 22px;
-  box-shadow:
-    0 8px 36px 0 rgba(73, 150, 255, 0.14),
-    0 1.5px 4px 0 rgba(30, 42, 79, 0.05);
-  overflow: hidden;
-  z-index: 10;
-}
-
-.login-side {
-  width: 320px;
-  background: #52a8ff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 44px 16px 32px 16px;
-  box-shadow: 4px 0 32px 0 rgba(189, 231, 255, 0.13) inset;
-  position: relative;
-}
-
-.brand {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  margin-bottom: 42px;
-  user-select: none;
-}
-
-.brand-title {
-  font-size: 25px;
-  letter-spacing: 2px;
-  font-weight: 700;
-  color: #fff;
-}
-
-.illus {
-  margin-top: 30px;
-  user-select: none;
-  opacity: 0.95;
-}
-
-/* 版权信息样式 */
-.copyright {
-  width: 100%;
-  text-align: center;
-  font-size: 13px;
-  color: #fff;
-  margin-top: auto;
-  margin-bottom: 2px;
-  letter-spacing: 0.2px;
-  padding-top: 25px;
-  user-select: none;
-}
-
-.login-panel {
-  flex: 1;
-  padding: 52px 54px 48px 54px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  background: transparent;
-  min-width: 320px;
-}
-
-.login-title {
-  margin: 0 0 8px 0;
-  font-size: 28px;
-  font-weight: 600;
-  color: #2560a9;
-  text-align: left;
-  letter-spacing: 1px;
-}
-
-.login-desc {
-  color: #7391c4;
-  font-size: 15px;
-  margin-bottom: 28px;
-  letter-spacing: 0.2px;
-}
-
-.mode-switch {
-  display: flex;
-  gap: 8px;
-  margin-bottom: 14px;
-}
-
-.mode-btn {
-  flex: 1;
-  padding: 8px 10px;
-  border: 1px solid #d6e6fa;
-  border-radius: 7px;
-  background: #f7fbfe;
-  color: #407ad6;
-  cursor: pointer;
-}
-
-.mode-btn.active {
-  background: #e8f3ff;
-  border-color: #7cb8ff;
-  color: #1d63c2;
-  font-weight: 600;
-}
-
-.form-group {
-  margin-bottom: 15px;
-  position: relative;
-}
-
-/* 输入框前置图标样式 */
-.icon-input-group {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
-.input-with-icon {
-  padding-left: 36px !important;
-}
-
-.input-icon {
-  position: absolute;
-  left: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  z-index: 2;
-  width: 20px;
-  height: 20px;
-  color: #4da1ff;
-  opacity: 0.95;
-}
-
-.visible-btn {
-  position: absolute;
-  right: 11px;
-  top: 50%;
-  transform: translateY(-50%);
-  cursor: pointer;
-  z-index: 2;
-  padding: 2px 2px;
-  display: flex;
-  align-items: center;
-  opacity: 0.82;
-  user-select: none;
-}
-
-.visible-btn:hover {
-  opacity: 1;
-}
-
-/* 防止密码输入框可见按钮和输入内容重叠 */
-.icon-input-group .input-with-icon {
-  padding-right: 34px;
-}
-
-.input {
-  width: 100%;
-  padding: 12px 14px;
-  font-size: 16px;
-  border: 1.3px solid #d6e6fa;
-  border-radius: 7px;
-  box-sizing: border-box;
-  transition:
-    border 0.2s,
-    box-shadow 0.2s;
-  background: #f7fbfe;
-  margin-bottom: 3px;
-}
-
-.input:focus {
-  border-color: #4da1ff;
-  outline: none;
-  box-shadow: 0 0 0 2px #e3f2ffb1;
-}
-
-.code-row {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-
-.code-input {
-  margin-bottom: 0;
-  flex: 1;
-}
-
-.code-btn {
-  width: 120px;
-  height: 44px;
-  border: 1.3px solid #d6e6fa;
-  border-radius: 7px;
-  background: #fff;
-  color: #3a78ca;
-  cursor: pointer;
-}
-
-.code-btn:disabled {
-  opacity: 0.65;
-  cursor: not-allowed;
-}
-
-/* 极验验证码容器样式 */
-.geetest-container {
-  margin: 10px 0;
-  padding: 5px 0;
-  width: 100%;
-  min-height: 60px;
-  border-radius: 7px;
-  background: #f7fbfe;
-  border: 1.3px solid #d6e6fa;
-}
-
-/* 记住我单选框 */
-.remember-me-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0;
-  margin-top: 3px;
-  min-height: 32px;
-  font-size: 15px;
-  color: #6d8eb8;
-  user-select: none;
-}
-
-.remember-me-label {
-  display: flex;
-  align-items: center;
-  gap: 7px;
-  cursor: pointer;
-}
-
-.remember-me-checkbox {
-  width: 16px;
-  height: 16px;
-  accent-color: #4da1ff;
-  margin-right: 2px;
-}
-
-.login-btn {
-  width: 100%;
-  padding: 13px 0;
-  font-size: 17px;
-  background: linear-gradient(90deg, #3494e6 0%, #52a8ff 100%);
-  color: #fff;
-  border: none;
-  border-radius: 7px;
-  box-shadow: 0 2px 12px 0 rgba(81, 173, 255, 0.13);
-  font-weight: 600;
-  letter-spacing: 1px;
-  margin-top: 15px;
-  cursor: pointer;
-  transition:
-    background 0.2s,
-    transform 0.13s;
-}
-
-.login-btn:active {
-  transform: scale(0.98);
-}
-
-.login-btn:disabled {
-  background: #b6dafc;
-  cursor: not-allowed;
-}
-
-.error-msg {
-  color: #e4574a;
-  background: #fdeceb;
-  text-align: center;
-  border-radius: 4px;
-  padding: 7px 4px;
-  margin-bottom: 2px;
-  font-size: 14.5px;
-  letter-spacing: 0.3px;
-  animation: shake 0.28s;
-}
-
-@keyframes shake {
-  0% {
-    transform: translateX(0);
-  }
-
-  20% {
-    transform: translateX(-6px);
-  }
-
-  40% {
-    transform: translateX(6px);
-  }
-
-  60% {
-    transform: translateX(-2px);
-  }
-
-  80% {
-    transform: translateX(2px);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}
-
-/* 注册、忘记密码链接 */
-.action-links {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  font-size: 14.1px;
-  color: #6592c3;
-  margin-bottom: 0;
-  min-height: 22px;
-}
-
-.action-links a {
-  cursor: pointer;
-  color: #407ad6;
-  text-decoration: none;
-  transition: color 0.16s;
-}
-
-.action-links a:hover {
-  color: #165eec;
-  text-decoration: underline;
-}
-
-.action-links .divider {
-  color: #bbd3ee;
-  margin: 0 6px;
-  font-size: 13px;
-}
-
-.register-link {
-  margin-right: 0px;
-}
-
-.forget-link {
-  margin-left: 0px;
-}
-
-/* 渐隐提示 */
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.24s;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-/* 炫彩光斑装饰 */
-.login-light {
-  position: absolute;
-  border-radius: 50%;
-  pointer-events: none;
-  filter: blur(45px);
-  opacity: 0.4;
-  z-index: 1;
-}
-
-.light1 {
-  width: 340px;
-  height: 340px;
-  top: -90px;
-  left: -60px;
-  background: radial-gradient(circle at 60% 50%, #55b7f988 0%, #e1e8fa11 95%);
-}
-
-.light2 {
-  width: 260px;
-  height: 260px;
-  right: -60px;
-  bottom: -90px;
-  background: radial-gradient(circle at 55% 60%, #f3e7ff99 0%, #daf3ff10 100%);
-}
-
-@media (max-width: 940px) {
-  .login-card {
-    min-width: 330px;
-    flex-direction: column;
-  }
-
-  .login-side {
-    width: 100%;
-    min-width: 0;
-    border-radius: 0 0 18px 18px;
-  }
-
-  .login-panel {
-    padding: 30px 22px 34px 22px;
-    min-width: 0;
-  }
-
-  .copyright {
-    padding-top: 13px;
-  }
-}
+<template>
+  <div class="login-bg">
+    <div class="login-card">
+      <div class="login-side">
+        <div class="brand">
+          <img src="@/assets/svgs/logo-w.svg" alt="Logo" style="color: white;width: 50px;" />
+          <span class="brand-title">后台管理系统</span>
+        </div>
+        <div class="illus">
+          <svg viewBox="0 0 300 160" style="max-width: 100%" fill="none">
+            <ellipse cx="150" cy="140" rx="120" ry="16" fill="#edf4fd" />
+            <rect x="57" y="58" width="60" height="40" rx="12" fill="#64b6f7" />
+            <rect x="125" y="46" width="110" height="64" rx="14" fill="#389bf7" opacity="0.11" />
+            <rect x="136" y="60" width="60" height="41" rx="10" fill="#b8e1ff" />
+          </svg>
+        </div>
+        <!-- 版权信息 -->
+        <div class="copyright">© 2026 Yunzer 管理系统</div>
+      </div>
+      <div class="login-panel">
+        <h2 class="login-title">欢迎登录</h2>
+        <div class="login-desc">请填写您的账号信息</div>
+        <div class="form-group icon-input-group">
+          <span class="input-icon">
+            <i class="fa-solid fa-user"></i>
+          </span>
+          <input v-model="account" type="text" placeholder="用户名" autocomplete="account" class="input input-with-icon" />
+        </div>
+        <div class="form-group icon-input-group">
+          <span class="input-icon">
+            <i class="fa-solid fa-lock"></i>
+          </span>
+          <input v-model="password" :type="passwordVisible ? 'text' : 'password'" placeholder="密码"
+            autocomplete="current-password" class="input input-with-icon" />
+          <span class="visible-btn" @click="passwordVisible = !passwordVisible"
+            :title="passwordVisible ? '隐藏密码' : '显示密码'">
+            <i v-if="passwordVisible" class="fa-regular fa-eye"></i>
+            <i v-else class="fa-solid fa-eye-slash"></i>
+          </span>
+        </div>
+        <div v-if="openVerifyEnabled && verifyType === 'captcha'" class="form-group code-row">
+          <input v-model="captchaInput" type="text" placeholder="请输入4位验证码" class="input code-input" />
+          <button class="code-btn" type="button" @click="generateCaptcha">{{ captchaText }}</button>
+        </div>
+        <div v-if="openVerifyEnabled && (verifyType === 'sms' || verifyType === 'email')" class="form-group code-row">
+          <input v-model="verifyCode" type="text" placeholder="请输入验证码" class="input code-input" />
+          <button class="code-btn" type="button" :disabled="codeSending || codeCountdown > 0" @click="handleSendCode">
+            {{ codeCountdown > 0 ? `${codeCountdown}s` : (codeSending ? "发送中..." : "发送验证码") }}
+          </button>
+        </div>
+        <!-- 极验验证码容器 -->
+        <div style="display: none;" v-if="openVerifyEnabled && verifyType === 'geetest' && showCaptchaContainer" class="geetest-container" ref="captchaContainer"></div>
+
+        <div class="remember-me-row">
+          <label class="remember-me-label">
+            <input type="checkbox" v-model="rememberMe" class="remember-me-checkbox" @change="handleRememberMeChange" />
+            <span>记住我</span>
+          </label>
+          <div class="action-links">
+            <a class="forget-link" @click.prevent="goForget">忘记密码?</a>
+          </div>
+        </div>
+        <transition name="fade">
+          <div v-if="errorMsg" class="error-msg">{{ errorMsg }}</div>
+        </transition>
+        <button class="login-btn" @click="handleLogin" :disabled="loading">
+          {{ loading ? "登录中..." : "登 录" }}
+        </button>
+      </div>
+    </div>
+    <!-- 背景光效 -->
+    <div class="login-light light1"></div>
+    <div class="login-light light2"></div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from "vue";
+import { useRouter } from "vue-router";
+import { useAuthStore } from "@/stores/auth";
+import { login, getOpenVerify, getGeetest4Infos, sendLoginCode } from "@/api/login";
+import { getVerifyInfos } from "@/api/sitesettings.js";
+import "@/assets/js/gt4.js";
+import { ElMessageBox, ElMessage } from "element-plus";
+
+const router = useRouter();
+const authStore = useAuthStore();
+
+// --- 表单数据 ---
+const account = ref("");
+const password = ref("");
+const passwordVisible = ref(false);
+const rememberMe = ref(false);
+const loading = ref(false);
+const errorMsg = ref("");
+const openVerifyEnabled = ref(true);
+const verifyType = ref("captcha");
+const captchaInput = ref("");
+const captchaText = ref("");
+const verifyCode = ref("");
+const codeSending = ref(false);
+const codeCountdown = ref(0);
+let codeTimer = null;
+
+// --- 极验相关变量 ---
+const showCaptchaContainer = ref(false);
+const captchaContainer = ref(null);
+const captchaInstance = ref(null);
+
+// --- 加载JS脚本 ---
+const loadScript = (url) => {
+  return new Promise((resolve, reject) => {
+    const script = document.createElement('script');
+    script.src = url;
+    script.async = true;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`加载脚本失败: ${url}`));
+    document.head.appendChild(script);
+  });
+};
+
+// --- 清理验证码实例 ---
+const cleanCaptchaInstance = () => {
+  if (captchaInstance.value) {
+    try {
+      captchaInstance.value.destroy();
+    } catch (e) {
+      console.warn("销毁验证码实例失败:", e);
+    }
+    captchaInstance.value = null;
+    showCaptchaContainer.value = false;
+  }
+};
+
+// --- 执行登录请求 ---
+const performLoginRequest = async () => {
+  const res = await login({
+    account: account.value,
+    password: password.value,
+    code: verifyCode.value
+  });
+
+  if (res && res.code === 200) {
+    // 登录成功：处理"记住我"
+    if (rememberMe.value) {
+      localStorage.setItem("loginAccount", account.value);
+      localStorage.setItem("loginPassword", password.value);
+      localStorage.setItem("loginRememberMe", "true");
+    } else {
+      localStorage.removeItem("loginAccount");
+      localStorage.removeItem("loginTenantName");
+      localStorage.removeItem("loginPassword");
+      localStorage.setItem("loginRememberMe", "false");
+    }
+
+    authStore.setLoginInfo(res.data);
+
+    // 重置 Tabs 状态
+    const { useTabsStore } = await import("@/stores");
+    const tabsStore = useTabsStore();
+    tabsStore.resetTabs();
+
+    router.push({ path: "/home" });
+    ElMessage.success("登录成功！");
+    return true;
+  } else {
+    errorMsg.value = res.msg || "登录失败";
+    return false;
+  }
+};
+
+const generateCaptcha = () => {
+  // 系统生成4位随机数字验证码
+  captchaText.value = `${Math.floor(1000 + Math.random() * 9000)}`;
+};
+
+const startCodeCountdown = () => {
+  codeCountdown.value = 60;
+  if (codeTimer) clearInterval(codeTimer);
+  codeTimer = setInterval(() => {
+    codeCountdown.value -= 1;
+    if (codeCountdown.value <= 0) {
+      clearInterval(codeTimer);
+      codeTimer = null;
+    }
+  }, 1000);
+};
+
+const handleSendCode = async () => {
+  if (codeSending.value || codeCountdown.value > 0) return;
+  if (!account.value.trim()) {
+    errorMsg.value = "请先输入用户名";
+    return;
+  }
+  codeSending.value = true;
+  try {
+    const res = await sendLoginCode({ account: account.value, channel: verifyType.value });
+    if (res?.code === 200) {
+      ElMessage.success("验证码已发送");
+      startCodeCountdown();
+    } else {
+      errorMsg.value = res?.msg || "发送验证码失败";
+    }
+  } finally {
+    codeSending.value = false;
+  }
+};
+
+// --- 初始化极验4.0 ---
+const startGeetest4 = async () => {
+  showCaptchaContainer.value = true;
+  await nextTick();
+
+  if (!captchaContainer.value) {
+    errorMsg.value = "验证码容器未找到";
+    loading.value = false;
+    // 验证码容器未找到，跳过验证直接登录
+    return await performLoginRequest();
+  }
+
+  // 获取极验4.0配置
+  const res4 = await getGeetest4Infos();
+  if (!res4 || res4.code !== 200 || !res4.data || !res4.data.captcha_id) {
+    errorMsg.value = "获取极验配置失败，跳过验证直接登录";
+    showCaptchaContainer.value = false;
+    // 配置获取失败，跳过验证直接登录
+    return await performLoginRequest();
+  }
+
+  const config = res4.data;
+
+  // @ts-ignore
+  if (!window.initGeetest4) {
+    errorMsg.value = "极验4.0 SDK 加载失败，跳过验证直接登录";
+    loading.value = false;
+    showCaptchaContainer.value = false;
+    return await performLoginRequest();
+  }
+
+  // @ts-ignore
+  window.initGeetest4({
+    captchaId: config.captcha_id,
+    product: 'bind',
+    language: 'zh-CN',
+    container: captchaContainer.value
+  }, (instance) => {
+    captchaInstance.value = instance;
+
+    // 验证成功回调
+    instance.onSuccess(async () => {
+      const result = instance.getValidate();
+      // 将验证结果添加到登录参数中
+      const loginRes = await login({
+        account: account.value,
+        password: password.value,
+        captcha_id: result?.captcha_id || "",
+        lot_number: result?.lot_number || "",
+        pass_token: result?.pass_token || "",
+        gen_time: result?.gen_time || "",
+        captcha_output: result?.captcha_output || ""
+      });
+
+      if (loginRes && loginRes.code === 200) {
+        if (rememberMe.value) {
+          localStorage.setItem("loginAccount", account.value);
+          localStorage.setItem("loginPassword", password.value);
+          localStorage.setItem("loginRememberMe", "true");
+        } else {
+          localStorage.removeItem("loginAccount");
+          localStorage.removeItem("loginTenantName");
+          localStorage.removeItem("loginPassword");
+          localStorage.setItem("loginRememberMe", "false");
+        }
+
+        authStore.setLoginInfo(loginRes.data);
+        const { useTabsStore } = await import("@/stores");
+        const tabsStore = useTabsStore();
+        tabsStore.resetTabs();
+        router.push({ path: "/home" });
+        ElMessage.success("登录成功！");
+      } else {
+        errorMsg.value = loginRes.msg || "登录失败";
+      }
+      loading.value = false;
+      cleanCaptchaInstance();
+    });
+
+    // 验证失败回调
+    instance.onFail(() => {
+      errorMsg.value = "验证码验证失败，请重试";
+      loading.value = false;
+    });
+
+    // 错误回调 - 网络错误时跳过验证直接登录
+    instance.onError((err) => {
+      errorMsg.value = "验证码加载失败，跳过验证直接登录";
+      loading.value = false;
+      cleanCaptchaInstance();
+      // 跳过验证直接登录
+      performLoginRequest();
+    });
+
+    // 显示验证码
+    instance.showCaptcha();
+  });
+  return true;
+};
+
+/**
+ * 登录请求
+ */
+const handleLogin = async () => {
+  // 清空错误提示
+  errorMsg.value = "";
+
+  // 表单验证
+  if (!account.value.trim()) {
+    errorMsg.value = "请输入用户名";
+    return;
+  }
+  if (!password.value.trim()) {
+    errorMsg.value = "请输入密码";
+    return;
+  }
+  if (loading.value) return;
+  loading.value = true;
+
+  try {
+    const verifyRes = await getOpenVerify();
+    if (verifyRes?.code === 200 && Array.isArray(verifyRes?.data)) {
+      const openItem = verifyRes.data.find((i) => i.label === "openVerify");
+      const typeItem = verifyRes.data.find((i) => i.label === "verifyType");
+      openVerifyEnabled.value = String(openItem?.value || "0") === "1";
+      verifyType.value = typeItem?.value || "captcha";
+    }
+
+    if (openVerifyEnabled.value && (verifyType.value === "sms" || verifyType.value === "email")) {
+      if (!verifyCode.value.trim()) {
+        errorMsg.value = "请输入验证码";
+        return;
+      }
+    }
+    if (openVerifyEnabled.value && verifyType.value === "captcha") {
+      if (!captchaInput.value.trim()) {
+        errorMsg.value = "请输入验证码";
+        return;
+      }
+      if (captchaInput.value.trim() !== captchaText.value) {
+        errorMsg.value = "验证码错误";
+        generateCaptcha();
+        return;
+      }
+    }
+
+    if (!openVerifyEnabled.value) {
+      await performLoginRequest();
+    } else if (verifyType.value === "geetest") {
+      await startGeetest4();
+    } else {
+      await performLoginRequest();
+    }
+  } catch (err) {
+    errorMsg.value = err?.response?.data?.msg || err?.message || "登录失败，请重试";
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 记住我逻辑优化
+const handleRememberMeChange = async () => {
+  if (rememberMe.value) {
+    try {
+      await ElMessageBox.confirm(
+        '请确认电脑环境是可信的，登录成功后会自动记住密码。',
+        '安全提示',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+          closeOnClickModal: false
+        }
+      );
+    } catch {
+      rememberMe.value = false;
+    }
+  }
+};
+
+// 页面加载处理
+onMounted(() => {
+  // 从本地存储恢复表单
+  const savedRemember = localStorage.getItem("loginRememberMe");
+  if (savedRemember === "true") {
+    account.value = localStorage.getItem("loginAccount") || "";
+    password.value = localStorage.getItem("loginPassword") || "";
+    rememberMe.value = true;
+  }
+  generateCaptcha();
+  getVerifyInfos()
+    .then((res) => {
+      if (res?.code === 200 && res?.data?.use_geetest) {
+        verifyType.value = res.data.use_geetest;
+        openVerifyEnabled.value = Number(res.data.openVerify_enabled ?? 1) === 1;
+      } else {
+        // 兼容旧接口
+        return getOpenVerify().then((verifyRes) => {
+          if (verifyRes?.code === 200 && Array.isArray(verifyRes?.data)) {
+            const openItem = verifyRes.data.find((i) => i.label === "openVerify");
+            if (openItem?.value !== undefined) {
+              openVerifyEnabled.value = String(openItem.value) === "1";
+            }
+            const typeItem = verifyRes.data.find((i) => i.label === "verifyType");
+            if (typeItem?.value) verifyType.value = typeItem.value;
+          }
+        });
+      }
+    })
+    .catch(() => {});
+});
+
+const goRegister = () => router.push("/register");
+const goForget = () => router.push("/forget");
+</script>
+
+<style scoped>
+.login-bg {
+  min-height: 100vh;
+  width: 100vw;
+  background: linear-gradient(120deg, #e6f0ff 0%, #f5fcff 55%, #eaf6ff 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+}
+
+.login-card {
+  display: flex;
+  min-width: 770px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 22px;
+  box-shadow:
+    0 8px 36px 0 rgba(73, 150, 255, 0.14),
+    0 1.5px 4px 0 rgba(30, 42, 79, 0.05);
+  overflow: hidden;
+  z-index: 10;
+}
+
+.login-side {
+  width: 320px;
+  background: #52a8ff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 44px 16px 32px 16px;
+  box-shadow: 4px 0 32px 0 rgba(189, 231, 255, 0.13) inset;
+  position: relative;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  margin-bottom: 42px;
+  user-select: none;
+}
+
+.brand-title {
+  font-size: 25px;
+  letter-spacing: 2px;
+  font-weight: 700;
+  color: #fff;
+}
+
+.illus {
+  margin-top: 30px;
+  user-select: none;
+  opacity: 0.95;
+}
+
+/* 版权信息样式 */
+.copyright {
+  width: 100%;
+  text-align: center;
+  font-size: 13px;
+  color: #fff;
+  margin-top: auto;
+  margin-bottom: 2px;
+  letter-spacing: 0.2px;
+  padding-top: 25px;
+  user-select: none;
+}
+
+.login-panel {
+  flex: 1;
+  padding: 52px 54px 48px 54px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background: transparent;
+  min-width: 320px;
+}
+
+.login-title {
+  margin: 0 0 8px 0;
+  font-size: 28px;
+  font-weight: 600;
+  color: #2560a9;
+  text-align: left;
+  letter-spacing: 1px;
+}
+
+.login-desc {
+  color: #7391c4;
+  font-size: 15px;
+  margin-bottom: 28px;
+  letter-spacing: 0.2px;
+}
+
+.mode-switch {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 14px;
+}
+
+.mode-btn {
+  flex: 1;
+  padding: 8px 10px;
+  border: 1px solid #d6e6fa;
+  border-radius: 7px;
+  background: #f7fbfe;
+  color: #407ad6;
+  cursor: pointer;
+}
+
+.mode-btn.active {
+  background: #e8f3ff;
+  border-color: #7cb8ff;
+  color: #1d63c2;
+  font-weight: 600;
+}
+
+.form-group {
+  margin-bottom: 15px;
+  position: relative;
+}
+
+/* 输入框前置图标样式 */
+.icon-input-group {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.input-with-icon {
+  padding-left: 36px !important;
+}
+
+.input-icon {
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  z-index: 2;
+  width: 20px;
+  height: 20px;
+  color: #4da1ff;
+  opacity: 0.95;
+}
+
+.visible-btn {
+  position: absolute;
+  right: 11px;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  z-index: 2;
+  padding: 2px 2px;
+  display: flex;
+  align-items: center;
+  opacity: 0.82;
+  user-select: none;
+}
+
+.visible-btn:hover {
+  opacity: 1;
+}
+
+/* 防止密码输入框可见按钮和输入内容重叠 */
+.icon-input-group .input-with-icon {
+  padding-right: 34px;
+}
+
+.input {
+  width: 100%;
+  padding: 12px 14px;
+  font-size: 16px;
+  border: 1.3px solid #d6e6fa;
+  border-radius: 7px;
+  box-sizing: border-box;
+  transition:
+    border 0.2s,
+    box-shadow 0.2s;
+  background: #f7fbfe;
+  margin-bottom: 3px;
+}
+
+.input:focus {
+  border-color: #4da1ff;
+  outline: none;
+  box-shadow: 0 0 0 2px #e3f2ffb1;
+}
+
+.code-row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.code-input {
+  margin-bottom: 0;
+  flex: 1;
+}
+
+.code-btn {
+  width: 120px;
+  height: 44px;
+  border: 1.3px solid #d6e6fa;
+  border-radius: 7px;
+  background: #fff;
+  color: #3a78ca;
+  cursor: pointer;
+}
+
+.code-btn:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+/* 极验验证码容器样式 */
+.geetest-container {
+  margin: 10px 0;
+  padding: 5px 0;
+  width: 100%;
+  min-height: 60px;
+  border-radius: 7px;
+  background: #f7fbfe;
+  border: 1.3px solid #d6e6fa;
+}
+
+/* 记住我单选框 */
+.remember-me-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0;
+  margin-top: 3px;
+  min-height: 32px;
+  font-size: 15px;
+  color: #6d8eb8;
+  user-select: none;
+}
+
+.remember-me-label {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  cursor: pointer;
+}
+
+.remember-me-checkbox {
+  width: 16px;
+  height: 16px;
+  accent-color: #4da1ff;
+  margin-right: 2px;
+}
+
+.login-btn {
+  width: 100%;
+  padding: 13px 0;
+  font-size: 17px;
+  background: linear-gradient(90deg, #3494e6 0%, #52a8ff 100%);
+  color: #fff;
+  border: none;
+  border-radius: 7px;
+  box-shadow: 0 2px 12px 0 rgba(81, 173, 255, 0.13);
+  font-weight: 600;
+  letter-spacing: 1px;
+  margin-top: 15px;
+  cursor: pointer;
+  transition:
+    background 0.2s,
+    transform 0.13s;
+}
+
+.login-btn:active {
+  transform: scale(0.98);
+}
+
+.login-btn:disabled {
+  background: #b6dafc;
+  cursor: not-allowed;
+}
+
+.error-msg {
+  color: #e4574a;
+  background: #fdeceb;
+  text-align: center;
+  border-radius: 4px;
+  padding: 7px 4px;
+  margin-bottom: 2px;
+  font-size: 14.5px;
+  letter-spacing: 0.3px;
+  animation: shake 0.28s;
+}
+
+@keyframes shake {
+  0% {
+    transform: translateX(0);
+  }
+
+  20% {
+    transform: translateX(-6px);
+  }
+
+  40% {
+    transform: translateX(6px);
+  }
+
+  60% {
+    transform: translateX(-2px);
+  }
+
+  80% {
+    transform: translateX(2px);
+  }
+
+  100% {
+    transform: translateX(0);
+  }
+}
+
+/* 注册、忘记密码链接 */
+.action-links {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 14.1px;
+  color: #6592c3;
+  margin-bottom: 0;
+  min-height: 22px;
+}
+
+.action-links a {
+  cursor: pointer;
+  color: #407ad6;
+  text-decoration: none;
+  transition: color 0.16s;
+}
+
+.action-links a:hover {
+  color: #165eec;
+  text-decoration: underline;
+}
+
+.action-links .divider {
+  color: #bbd3ee;
+  margin: 0 6px;
+  font-size: 13px;
+}
+
+.register-link {
+  margin-right: 0px;
+}
+
+.forget-link {
+  margin-left: 0px;
+}
+
+/* 渐隐提示 */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.24s;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+/* 炫彩光斑装饰 */
+.login-light {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  filter: blur(45px);
+  opacity: 0.4;
+  z-index: 1;
+}
+
+.light1 {
+  width: 340px;
+  height: 340px;
+  top: -90px;
+  left: -60px;
+  background: radial-gradient(circle at 60% 50%, #55b7f988 0%, #e1e8fa11 95%);
+}
+
+.light2 {
+  width: 260px;
+  height: 260px;
+  right: -60px;
+  bottom: -90px;
+  background: radial-gradient(circle at 55% 60%, #f3e7ff99 0%, #daf3ff10 100%);
+}
+
+@media (max-width: 940px) {
+  .login-card {
+    min-width: 330px;
+    flex-direction: column;
+  }
+
+  .login-side {
+    width: 100%;
+    min-width: 0;
+    border-radius: 0 0 18px 18px;
+  }
+
+  .login-panel {
+    padding: 30px 22px 34px 22px;
+    min-width: 0;
+  }
+
+  .copyright {
+    padding-top: 13px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/system/menus/components/edit.vue b/src/views/system/menus/components/edit.vue
index a9786df..74f1559 100644
--- a/src/views/system/menus/components/edit.vue
+++ b/src/views/system/menus/components/edit.vue
@@ -98,12 +98,11 @@
         />
       </el-form-item>
 
-      <el-form-item label="平台端显示" prop="is_platform">
-        <el-switch
-          v-model="currentMenu.is_platform"
-          :active-value="1"
-          :inactive-value="0"
-        />
+      <el-form-item label="菜单显示" prop="views">
+        <el-checkbox-group v-model="currentMenu.views" class="views-inline">
+          <el-checkbox :value="1" label="平台端" />
+          <el-checkbox :value="2" label="租户端" />
+        </el-checkbox-group>
       </el-form-item>
 
       <el-form-item label="权限标识" prop="permission">
@@ -138,7 +137,7 @@ interface Menu {
   sort: number;
   status: 0 | 1;
   is_visible: 0 | 1;
-  is_platform: 0 | 1;
+  views: number[];
   type: 1 | 2 | 3;
   permission: string;
   children?: Menu[];
@@ -183,7 +182,7 @@ const currentMenu = ref<Partial<Menu>>({
   sort: 0,
   status: 1,
   is_visible: 1,
-  is_platform: 1,
+  views: [1],
   type: 1,
   permission: '',
 });
@@ -253,7 +252,7 @@ watch(() => props.menu, (newMenu) => {
       sort: 0,
       status: 1,
       is_visible: 1,
-      is_platform: 1,
+      views: [1],
       type: 1,
       permission: '',
     };
@@ -291,7 +290,7 @@ watch(() => props.visible, (newVisible) => {
       sort: 0,
       status: 1,
       is_visible: 1,
-      is_platform: 1,
+      views: [1],
       type: 1,
       permission: '',
     };
@@ -351,6 +350,7 @@ const formRules = ref({
     }
   ],
   sort: [{ required: true, message: "请输入排序号", trigger: "blur" }],
+  views: [{ required: true, message: "请选择菜单显示端", trigger: "change" }],
 });
 
 // 级联选择器配置
@@ -363,11 +363,23 @@ const cascaderProps = ref({
 });
 
 const getMenuSideLabel = (menu: any) => {
-  return Number(menu?.is_platform) === 1 ? "平台端" : "租户端";
+  const views = Array.isArray(menu?.views) ? menu.views : [];
+  const hasP = views.includes(1);
+  const hasT = views.includes(2);
+  if (hasP && hasT) return "双端";
+  if (hasP) return "平台端";
+  if (hasT) return "租户端";
+  return "未设置";
 };
 
 const getMenuSideTagType = (menu: any) => {
-  return Number(menu?.is_platform) === 1 ? "primary" : "warning";
+  const views = Array.isArray(menu?.views) ? menu.views : [];
+  const hasP = views.includes(1);
+  const hasT = views.includes(2);
+  if (hasP && hasT) return "success";
+  if (hasP) return "primary";
+  if (hasT) return "warning";
+  return "info";
 };
 
 // 监听菜单类型变化，自动清空不相关的字段
@@ -470,4 +482,10 @@ const handleSave = async () => {
 :deep(.el-form-item) {
   margin-bottom: 16px;
 }
+
+.views-inline{
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/system/menus/manager.vue b/src/views/system/menus/manager.vue
index 0e6a9a9..a7b5e0c 100644
--- a/src/views/system/menus/manager.vue
+++ b/src/views/system/menus/manager.vue
@@ -95,10 +95,16 @@
         </template>
       </el-table-column>
 
-      <el-table-column prop="is_platform" label="平台端" width="100" align="center">
+      <el-table-column prop="views" label="菜单显示" width="180" align="center">
         <template #default="scope">
-          <el-tag :type="scope.row.is_platform === 1 ? 'success' : 'info'">
-            {{ scope.row.is_platform === 1 ? "是" : "否" }}
+          <el-tag v-if="Array.isArray(scope.row.views) && scope.row.views.includes(1)" type="primary" style="margin-right:6px;">
+            平台端
+          </el-tag>
+          <el-tag v-if="Array.isArray(scope.row.views) && scope.row.views.includes(2)" type="warning">
+            租户端
+          </el-tag>
+          <el-tag v-if="!Array.isArray(scope.row.views) || scope.row.views.length === 0" type="info">
+            未设置
           </el-tag>
         </template>
       </el-table-column>
@@ -197,7 +203,7 @@ interface Menu {
   sort: number;
   status: 0 | 1;
   is_visible?: 0 | 1;
-  is_platform?: 0 | 1;
+  views?: number[];
   type: 1 | 2 | 3; // 1:目录 2:页面 3:接口
   permission: string;
   children?: Menu[];
diff --git a/src/views/system/platformsettings/components/platformSettings.vue b/src/views/system/platformsettings/components/platformSettings.vue
new file mode 100644
index 0000000..2aac301
--- /dev/null
+++ b/src/views/system/platformsettings/components/platformSettings.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="platform-settings">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+      class="settings-form"
+    >
+      <el-card shadow="never" class="settings-card">
+        <el-form-item label="开启验证">
+          <el-switch v-model="formData.openVerify_enabled" />
+        </el-form-item>
+        <el-form-item label="登录验证方式" prop="use_geetest">
+          <el-radio-group v-model="formData.use_geetest">
+            <el-radio label="captcha">验证码</el-radio>
+            <el-radio label="sms">短信</el-radio>
+            <el-radio label="geetest">极验</el-radio>
+            <el-radio label="email">邮箱</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <template v-if="formData.openVerify_enabled && formData.use_geetest === 'geetest'">
+          <el-form-item label="geetest3ID" prop="geetest3_id">
+            <el-input
+              v-model="formData.geetest3_id"
+              placeholder="请输入 geetest3ID"
+            />
+          </el-form-item>
+          <el-form-item label="geetest3KEY" prop="geetest3_key">
+            <el-input
+              v-model="formData.geetest3_key"
+              placeholder="请输入 geetest3KEY"
+            />
+          </el-form-item>
+          <el-form-item label="geetest4ID" prop="geetest4_id">
+            <el-input
+              v-model="formData.geetest4_id"
+              placeholder="请输入 geetest4ID"
+            />
+          </el-form-item>
+          <el-form-item label="geetest4KEY" prop="geetest4_key">
+            <el-input
+              v-model="formData.geetest4_key"
+              placeholder="请输入 geetest4KEY"
+            />
+          </el-form-item>
+        </template>
+      </el-card>
+    </el-form>
+
+    <div class="footer-actions">
+      <el-button @click="handleReset">重置</el-button>
+      <el-button type="primary" :loading="submitting" @click="handleSubmit"
+        >保存设置</el-button
+      >
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref } from "vue";
+import { ElMessage } from "element-plus";
+import { getVerifyInfos, saveVerifyInfos } from "@/api/sitesettings";
+
+const STORAGE_KEY = "platform_settings_draft";
+
+const formRef = ref();
+const submitting = ref(false);
+
+const formData = reactive({
+  openVerify_enabled: true,
+  use_geetest: "captcha",
+  geetest3_id: "",
+  geetest3_key: "",
+  geetest4_id: "",
+  geetest4_key: "",
+});
+
+const validateGeetestField = (_rule, value, callback) => {
+  if (formData.openVerify_enabled && formData.use_geetest === "geetest" && !String(value || "").trim()) {
+    callback(new Error("已启用极验时该参数不能为空"));
+    return;
+  }
+  callback();
+};
+
+const rules = {
+  geetest3_id: [{ validator: validateGeetestField, trigger: "blur" }],
+  geetest3_key: [{ validator: validateGeetestField, trigger: "blur" }],
+  geetest4_id: [{ validator: validateGeetestField, trigger: "blur" }],
+  geetest4_key: [{ validator: validateGeetestField, trigger: "blur" }],
+};
+
+const loadDraft = () => {
+  const raw = localStorage.getItem(STORAGE_KEY);
+  if (!raw) return;
+  try {
+    const data = JSON.parse(raw);
+    Object.assign(formData, data);
+  } catch {
+    // ignore invalid cache
+  }
+};
+
+const loadRemoteVerifyInfos = async () => {
+  try {
+    const res = await getVerifyInfos();
+    if (res?.code === 200 && res?.data) {
+      Object.assign(formData, {
+        openVerify_enabled: Number(res.data.openVerify_enabled ?? 1) === 1,
+        use_geetest: res.data.use_geetest || "captcha",
+        geetest3_id: res.data.geetest3_id || "",
+        geetest3_key: res.data.geetest3_key || "",
+        geetest4_id: res.data.geetest4_id || "",
+        geetest4_key: res.data.geetest4_key || "",
+      });
+    }
+  } catch {
+    // ignore remote errors
+  }
+};
+
+const saveDraft = () => {
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(formData));
+};
+
+const handleReset = () => {
+  Object.assign(formData, {
+    openVerify_enabled: true,
+    use_geetest: "captcha",
+    geetest3_id: "",
+    geetest3_key: "",
+    geetest4_id: "",
+    geetest4_key: "",
+  });
+  saveDraft();
+  ElMessage.success("已重置");
+};
+
+const handleSubmit = async () => {
+  if (!formRef.value) return;
+  await formRef.value.validate();
+  submitting.value = true;
+  try {
+    await saveVerifyInfos({
+      openVerify_enabled: formData.openVerify_enabled ? 1 : 0,
+      use_geetest: formData.use_geetest,
+      geetest3_id: formData.geetest3_id,
+      geetest3_key: formData.geetest3_key,
+      geetest4_id: formData.geetest4_id,
+      geetest4_key: formData.geetest4_key,
+    });
+    saveDraft();
+    ElMessage.success("保存成功");
+  } finally {
+    submitting.value = false;
+  }
+};
+
+onMounted(() => {
+  loadDraft();
+  loadRemoteVerifyInfos();
+});
+</script>
+
+<style scoped>
+.platform-settings {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.settings-card {
+  margin-bottom: 12px;
+}
+
+.footer-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+</style>
diff --git a/src/views/system/platformsettings/index.vue b/src/views/system/platformsettings/index.vue
new file mode 100644
index 0000000..e8daef2
--- /dev/null
+++ b/src/views/system/platformsettings/index.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="container-box">
+    <div class="header-bar">
+      <h2>平台设置</h2>
+    </div>
+
+    <el-divider></el-divider>
+
+    <div class="settings-container">
+      <el-tabs v-model="activeTab" class="settings-tabs">
+        <el-tab-pane label="验证开关" name="platform">
+          <platformSettings
+            ref="platformSettingsRef"
+            v-if="activeTab === 'platform'"
+          />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import platformSettings from "./components/platformSettings.vue";
+const activeTab = ref("platform");
+</script>
+
+<style lang="less" scoped>
+.container-box {
+  padding: 20px;
+  border-radius: 4px;
+}
+
+.header-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--el-text-color-primary);
+
+  h2 {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+  }
+}
+
+.settings-container {
+  margin-top: 20px;
+}
+
+.settings-tabs {
+  :deep(.el-tabs__header) {
+    margin-bottom: 20px;
+  }
+
+  :deep(.el-tabs__nav-wrap::after) {
+    height: 1px;
+  }
+}
+</style>