();
const { token } = theme.useToken();
const alphaColor = (color: string, alpha: number) => `color-mix(in srgb, ${color} ${(alpha * 100).toFixed(0)}%, transparent)`;
const primaryButtonShadow = `0 8px 20px ${alphaColor(token.colorPrimary, 0.28)}`;
const hoverButtonShadow = `0 12px 28px ${alphaColor(token.colorPrimary, 0.36)}`;
const [showAnnouncement, setShowAnnouncement] = useState(false);
+ const [loginCodeSending, setLoginCodeSending] = useState(false);
+ const [registerCodeSending, setRegisterCodeSending] = useState(false);
+ const [resetCodeSending, setResetCodeSending] = useState(false);
+ const [loginCountdown, setLoginCountdown] = useState(0);
+ const [registerCountdown, setRegisterCountdown] = useState(0);
+ const [resetCountdown, setResetCountdown] = useState(0);
+ const [showResetPassword, setShowResetPassword] = useState(false);
+
+ const localAuthEnabled = authConfig.local_auth_enabled;
+ const linuxdoEnabled = authConfig.linuxdo_enabled;
+ const emailAuthEnabled = authConfig.email_auth_enabled;
+ const emailRegisterEnabled = authConfig.email_register_enabled;
+
+ useEffect(() => {
+ const timers = [
+ { value: loginCountdown, setter: setLoginCountdown },
+ { value: registerCountdown, setter: setRegisterCountdown },
+ { value: resetCountdown, setter: setResetCountdown },
+ ].map(({ value, setter }) => {
+ if (value <= 0) {
+ return null;
+ }
+
+ return window.setInterval(() => {
+ setter((prev) => {
+ if (prev <= 1) {
+ return 0;
+ }
+ return prev - 1;
+ });
+ }, 1000);
+ });
+
+ return () => {
+ timers.forEach((timer) => {
+ if (timer) {
+ window.clearInterval(timer);
+ }
+ });
+ };
+ }, [loginCountdown, registerCountdown, resetCountdown]);
- // 检查是否已登录和获取认证配置
useEffect(() => {
const checkAuth = async () => {
try {
await authApi.getCurrentUser();
- // 已登录，重定向到首页
const redirect = searchParams.get('redirect') || '/';
navigate(redirect);
} catch {
- // 未登录，获取认证配置
try {
const config = await authApi.getAuthConfig();
- setLocalAuthEnabled(config.local_auth_enabled);
- setLinuxdoEnabled(config.linuxdo_enabled);
+ setAuthConfig(config);
} catch (error) {
console.error('获取认证配置失败:', error);
- // 默认显示LinuxDO登录
- setLinuxdoEnabled(true);
+ setAuthConfig({
+ local_auth_enabled: false,
+ linuxdo_enabled: true,
+ email_auth_enabled: false,
+ email_register_enabled: false,
+ });
}
setChecking(false);
}
@@ -48,29 +153,131 @@ export default function Login() {
checkAuth();
}, [navigate, searchParams]);
- const handleLocalLogin = async (values: { username: string; password: string }) => {
+ const handleLoginSuccess = () => {
+ message.success('登录成功！');
+
+ const hideForever = localStorage.getItem('announcement_hide_forever');
+ const hideToday = localStorage.getItem('announcement_hide_today');
+ const today = new Date().toDateString();
+
+ if (hideForever === 'true' || hideToday === today) {
+ const redirect = searchParams.get('redirect') || '/';
+ navigate(redirect);
+ } else {
+ setShowAnnouncement(true);
+ }
+ };
+
+ const handleLocalLogin = async (values: LocalLoginValues) => {
try {
setLoading(true);
const response = await authApi.localLogin(values.username, values.password);
-
if (response.success) {
- message.success('登录成功！');
-
- // 检查是否永久隐藏公告
- const hideForever = localStorage.getItem('announcement_hide_forever');
- const hideToday = localStorage.getItem('announcement_hide_today');
- const today = new Date().toDateString();
-
- // 如果永久隐藏或今日已隐藏，则不显示公告
- if (hideForever === 'true' || hideToday === today) {
- const redirect = searchParams.get('redirect') || '/';
- navigate(redirect);
- } else {
- setShowAnnouncement(true);
- }
+ handleLoginSuccess();
}
} catch (error) {
console.error('本地登录失败:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleEmailLogin = async (values: EmailLoginValues) => {
+ try {
+ setLoading(true);
+ const response = await authApi.emailLogin({
+ email: values.email,
+ code: values.code,
+ });
+ if (response.success) {
+ handleLoginSuccess();
+ }
+ } catch (error) {
+ console.error('邮箱验证码登录失败:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const sendLoginCode = async () => {
+ try {
+ const values = await emailLoginForm.validateFields(['email']);
+ setLoginCodeSending(true);
+ const result = await authApi.sendEmailCode({ email: values.email, scene: 'login' });
+ message.success(result.message || '验证码已发送');
+ setLoginCountdown(result.resend_interval_seconds || 60);
+ } catch (error) {
+ console.error('发送 login 验证码失败:', error);
+ } finally {
+ setLoginCodeSending(false);
+ }
+ };
+
+ const sendRegisterCode = async () => {
+ try {
+ const values = await emailRegisterForm.validateFields(['email']);
+ setRegisterCodeSending(true);
+ const result = await authApi.sendEmailCode({ email: values.email, scene: 'register' });
+ message.success(result.message || '验证码已发送');
+ setRegisterCountdown(result.resend_interval_seconds || 60);
+ } catch (error) {
+ console.error('发送 register 验证码失败:', error);
+ } finally {
+ setRegisterCodeSending(false);
+ }
+ };
+
+ const sendResetCode = async () => {
+ try {
+ const values = await resetPasswordForm.validateFields(['email']);
+ setResetCodeSending(true);
+ const result = await authApi.sendEmailCode({ email: values.email, scene: 'reset_password' });
+ message.success(result.message || '验证码已发送');
+ setResetCountdown(result.resend_interval_seconds || 60);
+ } catch (error) {
+ console.error('发送 reset_password 验证码失败:', error);
+ } finally {
+ setResetCodeSending(false);
+ }
+ };
+
+ const handleEmailRegister = async (values: EmailRegisterValues) => {
+ try {
+ setLoading(true);
+ const response = await authApi.emailRegister({
+ email: values.email,
+ code: values.code,
+ password: values.password,
+ display_name: values.display_name?.trim() || undefined,
+ });
+ if (response.success) {
+ message.success('注册成功，已自动登录');
+ emailRegisterForm.resetFields(['code', 'password', 'confirmPassword']);
+ setRegisterCountdown(0);
+ handleLoginSuccess();
+ }
+ } catch (error) {
+ console.error('邮箱注册失败:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleResetPassword = async (values: ResetPasswordValues) => {
+ try {
+ setLoading(true);
+ const result = await authApi.resetEmailPassword({
+ email: values.email,
+ code: values.code,
+ new_password: values.new_password,
+ });
+ message.success(result.message || '密码重置成功');
+ resetPasswordForm.resetFields(['code', 'new_password', 'confirmNewPassword']);
+ setResetCountdown(0);
+ setShowResetPassword(false);
+ } catch (error) {
+ console.error('重置密码失败:', error);
+ } finally {
setLoading(false);
}
};
@@ -80,13 +287,11 @@ export default function Login() {
setLoading(true);
const response = await authApi.getLinuxDOAuthUrl();
- // 保存重定向地址到 sessionStorage
const redirect = searchParams.get('redirect');
if (redirect) {
sessionStorage.setItem('login_redirect', redirect);
}
- // 跳转到 LinuxDO 授权页面
window.location.href = response.auth_url;
} catch (error) {
console.error('获取授权地址失败:', error);
@@ -95,53 +300,397 @@ export default function Login() {
}
};
- if (checking) {
- return (
-
-
-
- );
- }
+ const handleAnnouncementClose = () => {
+ setShowAnnouncement(false);
+ const redirect = searchParams.get('redirect') || '/';
+ navigate(redirect);
+ };
+
+ const handleDoNotShowToday = () => {
+ const today = new Date().toDateString();
+ localStorage.setItem('announcement_hide_today', today);
+ };
+
+ const handleNeverShow = () => {
+ localStorage.setItem('announcement_hide_forever', 'true');
+ };
+
+ const loginTips = useMemo(() => {
+ const tips = [
+ '首次 LinuxDO 登录会自动创建账号。',
+ ];
+
+ if (localAuthEnabled) {
+ tips.unshift('本地登录默认账号：admin / admin123');
+ }
+
+ if (emailAuthEnabled) {
+ tips.push('邮箱注册用户支持通过邮箱验证码重置密码。');
+ }
+
+ return tips;
+ }, [emailAuthEnabled, localAuthEnabled]);
+
+ const featureItems = [
+ {
+ icon: ,
+ title: '多 AI 模型协同',
+ description: '支持 OpenAI、Gemini、Claude 等主流模型，按场景灵活切换。',
+ },
+ {
+ icon: ,
+ title: '智能向导驱动',
+ description: '自动生成大纲、角色与世界观，快速搭建完整故事骨架。',
+ },
+ {
+ icon: ,
+ title: '角色组织管理',
+ description: '人物关系、组织架构可视化管理，复杂设定也能清晰掌控。',
+ },
+ {
+ icon: ,
+ title: '章节创作闭环',
+ description: '支持章节生成、编辑、重写与润色，持续提升内容质量。',
+ },
+ ];
- // 渲染本地登录表单
const renderLocalLogin = () => (
+ <>
+
+
+ {linuxdoEnabled ? (
+ <>
+ 第三方登录
+ {renderLinuxDOLogin()}
+
+ ) : null}
+
+ );
+
+ const renderEmailLogin = () => {
+ if (showResetPassword) {
+ return (
+
+
+
+ 忘记密码 / 重置密码
+
+
+
+
+
+
+
+
+ );
+ }
+
+ return (
+
+ );
+ };
+
+ const renderEmailRegister = () => (
);
- // 渲染LinuxDO登录
const renderLinuxDOLogin = () => (
- }
+ )}
loading={loading}
onClick={handleLinuxDOLogin}
block
@@ -209,51 +761,51 @@ export default function Login() {
);
- const handleAnnouncementClose = () => {
- setShowAnnouncement(false);
- const redirect = searchParams.get('redirect') || '/';
- navigate(redirect);
- };
-
- const handleDoNotShowToday = () => {
- // 设置今日不再显示
- const today = new Date().toDateString();
- localStorage.setItem('announcement_hide_today', today);
- };
-
- const handleNeverShow = () => {
- // 设置永久不再显示
- localStorage.setItem('announcement_hide_forever', 'true');
- };
-
- const loginTips = [
- '本地登录默认账号：admin / admin123',
- '首次 LinuxDO 登录会自动创建账号',
- '系统采用多用户数据隔离机制，每位用户拥有独立的创作空间与配置。',
+ const authTabs = [
+ ...(localAuthEnabled
+ ? [
+ {
+ key: 'local-login',
+ label: '本地登录',
+ children: renderLocalLogin(),
+ },
+ ]
+ : []),
+ ...(emailAuthEnabled
+ ? [
+ {
+ key: 'email-login',
+ label: '邮箱登录',
+ children: renderEmailLogin(),
+ },
+ ]
+ : []),
+ ...(emailAuthEnabled && emailRegisterEnabled
+ ? [
+ {
+ key: 'email-register',
+ label: '邮箱注册',
+ children: renderEmailRegister(),
+ },
+ ]
+ : []),
];
- const featureItems = [
- {
- icon: ,
- title: '多 AI 模型协同',
- description: '支持 OpenAI、Gemini、Claude 等主流模型，按场景灵活切换。',
- },
- {
- icon: ,
- title: '智能向导驱动',
- description: '自动生成大纲、角色与世界观，快速搭建完整故事骨架。',
- },
- {
- icon: ,
- title: '角色组织管理',
- description: '人物关系、组织架构可视化管理，复杂设定也能清晰掌控。',
- },
- {
- icon: ,
- title: '章节创作闭环',
- description: '支持章节生成、编辑、重写与润色，持续提升内容质量。',
- },
- ];
+ if (checking) {
+ return (
+
+
+
+ );
+ }
return (
<>
@@ -313,7 +865,6 @@ export default function Login() {
justifyContent: 'space-between',
gap: 34,
width: '100%',
- // flex: 1,
}}
>
@@ -444,7 +995,7 @@ export default function Login() {
background: token.colorBgLayout,
}}
>
-
+
欢迎回来
@@ -455,23 +1006,26 @@ export default function Login() {
</Space>
<div style={{ marginTop: 22 }}>
- {localAuthEnabled ? renderLocalLogin() : null}
-
- {linuxdoEnabled && localAuthEnabled ? (
- <>
- <Divider style={{ margin: '18px 0 16px' }}>或</Divider>
- {renderLinuxDOLogin()}
- </>
+ {authTabs.length > 0 ? (
+ <Tabs defaultActiveKey={authTabs[0].key} items={authTabs} />
) : null}
- {!localAuthEnabled && linuxdoEnabled ? renderLinuxDOLogin() : null}
-
- {!localAuthEnabled && !linuxdoEnabled ? (
+ {!localAuthEnabled && !linuxdoEnabled && !emailAuthEnabled ? (
<Alert
type="warning"
showIcon
message="当前未启用可用登录方式"
- description="请联系管理员在系统配置中启用本地登录或 LinuxDO OAuth 登录。"
+ description="请联系管理员在系统配置中启用本地登录、邮箱认证或 LinuxDO OAuth 登录。"
+ />
+ ) : null}
+
+ {emailAuthEnabled && !emailRegisterEnabled ? (
+ <Alert
+ type="info"
+ showIcon
+ style={{ marginTop: 12, borderRadius: 12 }}
+ message="邮箱注册暂未开放"
+ description="当前仅开放邮箱验证码登录与找回密码，如需注册请联系管理员。"
/>
) : null}
@@ -500,4 +1054,4 @@ export default function Login() {
</Layout>
</>
);
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/ProjectList.tsx b/frontend/src/pages/ProjectList.tsx
index 0cb78b1..8060a18 100644
--- a/frontend/src/pages/ProjectList.tsx
+++ b/frontend/src/pages/ProjectList.tsx
@@ -1,18 +1,19 @@
import { useEffect, useState, useRef, useCallback, useMemo } from 'react';
import { useNavigate, useLocation } from 'react-router-dom';
import { Card, Button, Modal, message, Spin, Space, Tag, Typography, Upload, Checkbox, Tooltip, Drawer, Menu, theme } from 'antd';
-import { EditOutlined, BookOutlined, CalendarOutlined, FileTextOutlined, TrophyOutlined, SettingOutlined, UploadOutlined, ApiOutlined, FileSearchOutlined, MenuUnfoldOutlined, MenuFoldOutlined, BulbOutlined, MoonOutlined, DesktopOutlined } from '@ant-design/icons';
-import { projectApi } from '../services/api';
+import { EditOutlined, BookOutlined, CalendarOutlined, FileTextOutlined, TrophyOutlined, SettingOutlined, UploadOutlined, ApiOutlined, FileSearchOutlined, MenuUnfoldOutlined, MenuFoldOutlined, BulbOutlined, MoonOutlined, DesktopOutlined, MailOutlined } from '@ant-design/icons';
+import { authApi, projectApi } from '../services/api';
import { useStore } from '../store';
import { useProjectSync } from '../store/hooks';
import { eventBus, EventNames } from '../store/eventBus';
import type { ReactNode } from 'react';
-import type { Project } from '../types';
+import type { Project, User } from '../types';
import UserMenu from '../components/UserMenu';
import ChangelogFloatingButton from '../components/ChangelogFloatingButton';
import ThemeSwitch from '../components/ThemeSwitch';
import { useThemeMode } from '../theme/useThemeMode';
import SettingsPage from './Settings';
+import SystemSettingsPage from './SystemSettings';
import MCPPluginsPage from './MCPPlugins';
import PromptTemplates from './PromptTemplates';
import BookImport from './BookImport';
@@ -41,11 +42,11 @@ const formatWordCount = (count: number): string => {
}
};
-type ProjectListView = 'projects' | 'settings' | 'mcp' | 'prompts' | 'book-import';
+type ProjectListView = 'projects' | 'settings' | 'system-settings' | 'mcp' | 'prompts' | 'book-import';
const parseViewFromSearch = (search: string): ProjectListView => {
const view = new URLSearchParams(search).get('view');
- if (view === 'settings' || view === 'mcp' || view === 'prompts' || view === 'book-import' || view === 'projects') {
+ if (view === 'settings' || view === 'system-settings' || view === 'mcp' || view === 'prompts' || view === 'book-import' || view === 'projects') {
return view;
}
return 'projects';
@@ -58,6 +59,7 @@ export default function ProjectList() {
const [drawerVisible, setDrawerVisible] = useState(false);
const [collapsed, setCollapsed] = useState<boolean>(() => getStoredSidebarCollapsed());
const [modal, contextHolder] = Modal.useModal();
+ const [currentUser, setCurrentUser] = useState<User | null>(null);
const [showApiTip, setShowApiTip] = useState(true);
const [importModalVisible, setImportModalVisible] = useState(false);
const [exportModalVisible, setExportModalVisible] = useState(false);
@@ -113,6 +115,7 @@ export default function ProjectList() {
useEffect(() => {
refreshProjects();
+ authApi.getCurrentUser().then(setCurrentUser).catch(() => setCurrentUser(null));
// 监听切换到 MCP 视图的事件
eventBus.on(EventNames.SWITCH_TO_MCP_VIEW, handleSwitchToMcp);
@@ -396,7 +399,11 @@ export default function ProjectList() {
? '拆书导入'
: activeView === 'mcp'
? 'MCP 插件'
- : 'API 设置';
+ : activeView === 'system-settings'
+ ? '系统设置'
+ : 'API 设置';
+
+ const isAdmin = !!currentUser?.is_admin;
const sideMenuItems = [
{
@@ -434,6 +441,11 @@ export default function ProjectList() {
icon: <SettingOutlined />,
label: 'API 设置',
},
+ ...(isAdmin ? [{
+ key: 'system-settings',
+ icon: <MailOutlined />,
+ label: '系统设置',
+ }] : []),
{
key: 'mumu-api',
icon: <ApiOutlined />,
@@ -469,6 +481,11 @@ export default function ProjectList() {
icon: <SettingOutlined />,
label: 'API 设置',
},
+ ...(isAdmin ? [{
+ key: 'system-settings',
+ icon: <MailOutlined />,
+ label: '系统设置',
+ }] : []),
{
key: 'mumu-api',
icon: <ApiOutlined />,
@@ -839,6 +856,7 @@ export default function ProjectList() {
}}
>
{activeView === 'settings' && <SettingsPage />}
+ {activeView === 'system-settings' && <SystemSettingsPage />}
{activeView === 'mcp' && <MCPPluginsPage />}
{activeView === 'prompts' && <PromptTemplates />}
diff --git a/frontend/src/pages/SystemSettings.tsx b/frontend/src/pages/SystemSettings.tsx
new file mode 100644
index 0000000..a2d2886
--- /dev/null
+++ b/frontend/src/pages/SystemSettings.tsx
@@ -0,0 +1,289 @@
+import { useEffect, useState } from 'react';
+import { Alert, Button, Card, Col, Form, Input, InputNumber, Row, Select, Space, Spin, Switch, Tabs, Typography, message, theme } from 'antd';
+import { CheckCircleOutlined, MailOutlined, ReloadOutlined, SaveOutlined, SendOutlined, SettingOutlined } from '@ant-design/icons';
+import { authApi, settingsApi } from '../services/api';
+import type { SystemSMTPSettings, SystemSMTPSettingsUpdate, User } from '../types';
+
+const { Title, Text, Paragraph } = Typography;
+const { Option } = Select;
+
+const qqDefaults: Pick<SystemSMTPSettings, 'smtp_provider' | 'smtp_host' | 'smtp_port' | 'smtp_use_ssl' | 'smtp_use_tls'> = {
+ smtp_provider: 'qq',
+ smtp_host: 'smtp.qq.com',
+ smtp_port: 465,
+ smtp_use_ssl: true,
+ smtp_use_tls: false,
+};
+
+export default function SystemSettingsPage() {
+ const { token } = theme.useToken();
+ const [form] = Form.useForm<SystemSMTPSettingsUpdate>();
+ const [currentUser, setCurrentUser] = useState<User | null>(null);
+ const [initialLoading, setInitialLoading] = useState(true);
+ const [saving, setSaving] = useState(false);
+ const [testing, setTesting] = useState(false);
+ const [testTargetEmail, setTestTargetEmail] = useState('');
+
+ const pageBackground = `linear-gradient(180deg, ${token.colorBgLayout} 0%, ${token.colorFillSecondary} 100%)`;
+ const headerBackground = `linear-gradient(135deg, ${token.colorPrimary} 0%, ${token.colorPrimaryHover} 100%)`;
+ const footerSafeOffset = 88;
+
+ const loadData = async () => {
+ setInitialLoading(true);
+ try {
+ const [user, smtpSettings] = await Promise.all([
+ authApi.getCurrentUser(),
+ settingsApi.getSystemSMTPSettings(),
+ ]);
+ setCurrentUser(user);
+ form.setFieldsValue(smtpSettings);
+ } catch (error) {
+ console.error('加载系统设置失败:', error);
+ message.error('加载系统设置失败');
+ } finally {
+ setInitialLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ loadData();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ const handleProviderChange = (value: string) => {
+ if (value === 'qq') {
+ form.setFieldsValue(qqDefaults);
+ }
+ };
+
+ const handleSave = async (values: SystemSMTPSettingsUpdate) => {
+ setSaving(true);
+ try {
+ const payload = values.smtp_provider === 'qq'
+ ? {
+ ...values,
+ ...qqDefaults,
+ smtp_username: values.smtp_username,
+ smtp_password: values.smtp_password,
+ smtp_from_email: values.smtp_from_email,
+ smtp_from_name: values.smtp_from_name,
+ email_auth_enabled: values.email_auth_enabled,
+ email_register_enabled: values.email_register_enabled,
+ verification_code_ttl_minutes: values.verification_code_ttl_minutes,
+ verification_resend_interval_seconds: values.verification_resend_interval_seconds,
+ }
+ : values;
+ const result = await settingsApi.updateSystemSMTPSettings(payload);
+ form.setFieldsValue(result);
+ message.success('系统 SMTP 设置已保存');
+ } catch (error) {
+ console.error('保存系统设置失败:', error);
+ message.error('保存系统设置失败');
+ } finally {
+ setSaving(false);
+ }
+ };
+
+ const handleTest = async () => {
+ const toEmail = testTargetEmail.trim();
+ if (!toEmail) {
+ message.warning('请先填写测试目标邮箱');
+ return;
+ }
+
+ setTesting(true);
+ try {
+ const result = await settingsApi.testSystemSMTPSettings({ to_email: toEmail });
+ if (result.success) {
+ message.success(result.message);
+ } else {
+ message.error(result.message || 'SMTP 测试失败');
+ }
+ } catch (error) {
+ console.error('测试 SMTP 配置失败:', error);
+ message.error('测试 SMTP 配置失败');
+ } finally {
+ setTesting(false);
+ }
+ };
+
+ if (initialLoading) {
+ return (
+ <div style={{ minHeight: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', background: token.colorBgLayout }}>
+ <Spin size="large" />
+ </div>
+ );
+ }
+
+ if (!currentUser?.is_admin) {
+ return (
+ <div style={{ padding: 24 }}>
+ <Alert type="error" showIcon message="无权限访问" description="只有管理员可以访问系统设置。" />
+ </div>
+ );
+ }
+
+ return (
+ <div
+ style={{
+ minHeight: `calc(100vh - ${footerSafeOffset}px)`,
+ boxSizing: 'border-box',
+ background: pageBackground,
+ padding: 24,
+ paddingBottom: footerSafeOffset,
+ }}
+ >
+ <Card
+ bordered={false}
+ style={{
+ marginBottom: 24,
+ borderRadius: 20,
+ overflow: 'hidden',
+ boxShadow: `0 12px 32px ${token.colorFillSecondary}`,
+ }}
+ bodyStyle={{ padding: 0 }}
+ >
+ <div style={{ background: headerBackground, padding: '28px 32px', color: '#fff' }}>
+ <Space direction="vertical" size={6}>
+ <Space>
+ <SettingOutlined />
+ <Title level={3} style={{ color: '#fff', margin: 0 }}>系统设置
+
+
+ 仅管理员可见，用于维护 SMTP 发信能力与邮箱注册相关系统参数。
+
+
+
+
+
+
+
+ SMTP 配置
+
+ ),
+ children: (
+
+ ),
+ },
+ ]}
+ />
+