-
-
◎
-
统一门户
-
TLYQ.IDENTITY
-
-
+
+
+
统一门户
+ {error &&
{error}
}
+
+ {!showLocalForm ? (
+ <>
+
+
通过 SSO 统一身份认证
+
+
+
+
+ ) : (
+ <>
+
+ {!isLocalMode && (
+
+
+
+ )}
+
+ )}
)
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9ed37f3..b1d70e4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,14 +11,14 @@ function siteUrl(url: string, domain: string): string {
}
const CORE_SITES = [
- { name: '资产管理', url: 'http://localhost:6177', desc: 'GPU 服务器、存储服务器等硬件设备信息管理与实时监控', tag: 'CMDB', dot: '#2563eb', domain: 'assets.tlyq.ai' },
- { name: '工单跟踪', url: 'http://localhost:6176', desc: '故障工单全流程管理，SLA 自动计算，月度/周度报告导出', tag: 'ITS', dot: '#7c3aed', domain: 'issue.tlyq.ai' },
+ { name: '资产管理', url: 'http://127.0.0.1:6177', desc: 'GPU 服务器、存储服务器等硬件设备信息管理与实时监控', tag: 'CMDB', dot: '#2563eb', domain: 'assets.tlyq.ai' },
+ { name: '工单跟踪', url: 'http://127.0.0.1:6176', desc: '故障工单全流程管理，SLA 自动计算，月度/周度报告导出', tag: 'ITS', dot: '#7c3aed', domain: 'issue.tlyq.ai' },
]
const OTHER_SITES = [
- { name: '官网', url: 'http://localhost:6173', desc: 'tlyq.ai 企业官方网站', tag: 'WWW', dot: '#059669', domain: 'www.tlyq.ai' },
- { name: '云平台', url: 'http://localhost:6174', desc: '云服务登录入口与资源概览', tag: 'CLOUD', dot: '#d97706', domain: 'cloud.tlyq.ai' },
- { name: 'Token 工厂', url: 'http://localhost:6175', desc: 'Token 管理与发放平台', tag: 'TOKEN', dot: '#e11d48', domain: 'token.tlyq.ai' },
+ { name: '官网', url: 'http://127.0.0.1:6173', desc: 'tlyq.ai 企业官方网站', tag: 'WWW', dot: '#059669', domain: 'www.tlyq.ai' },
+ { name: '云平台', url: 'http://127.0.0.1:6174', desc: '云服务登录入口与资源概览', tag: 'CLOUD', dot: '#d97706', domain: 'cloud.tlyq.ai' },
+ { name: 'Token 工厂', url: 'http://127.0.0.1:6175', desc: 'Token 管理与发放平台', tag: 'TOKEN', dot: '#e11d48', domain: 'token.tlyq.ai' },
{ name: '代码仓库', url: 'https://git.tlyq.ai', desc: 'Gitea 代码托管与版本管理', tag: 'GIT', dot: '#db2777', domain: 'git.tlyq.ai' },
]
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index 45238be..6799cf0 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -1,37 +1,77 @@
'use client'
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useRef } from 'react'
+
+type Theme = 'light' | 'dark' | 'auto'
export default function ThemeToggle() {
- const [dark, setDark] = useState(true)
+ const [theme, setTheme] = useState
('auto')
+ const [open, setOpen] = useState(false)
+ const ref = useRef(null)
useEffect(() => {
- setDark(document.documentElement.classList.contains('dark'))
+ const stored = localStorage.getItem('theme') as Theme | null
+ setTheme(stored || 'auto')
+ applyTheme(stored || 'auto')
}, [])
- function toggle() {
- const next = !dark
- setDark(next)
- document.documentElement.classList.toggle('dark', next)
- localStorage.setItem('theme', next ? 'dark' : 'light')
+ useEffect(() => {
+ const handler = (e: MouseEvent) => { if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false) }
+ document.addEventListener('mousedown', handler)
+ return () => document.removeEventListener('mousedown', handler)
+ }, [])
+
+ function applyTheme(t: Theme) {
+ const root = document.documentElement
+ root.classList.remove('light', 'dark')
+ if (t === 'auto') {
+ const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+ root.classList.add(prefersDark ? 'dark' : 'light')
+ } else {
+ root.classList.add(t)
+ }
}
+ function select(t: Theme) {
+ setTheme(t)
+ localStorage.setItem('theme', t)
+ applyTheme(t)
+ setOpen(false)
+ }
+
+ const icons: Record = { light: '☀', dark: '☾', auto: '◐' }
+ const labels: Record = { light: '浅色', dark: '深色', auto: '自动' }
+
return (
- <>
-