fix: 鉴权改为全屏登录页模式，未登录不再暴露主页面内容，增加退出登录按钮

static/js/app.js

@@ -147,48 +147,85 @@ async function api(endpoint, options = {}) {
     return response.json();
 }
 
-function showLoginModal() {
-    const modal = $('#loginModal');
-    if (modal) {
-        modal.classList.add('active');
-        const loginBtn = $('#loginBtn');
-        const loginInput = $('#loginPassword');
+function showLoginPage() {
+    const loginPage = $('#loginPage');
+    const appContainer = $('#appContainer');
+    if (loginPage) loginPage.style.display = 'flex';
+    if (appContainer) appContainer.style.display = 'none';
+    const loginInput = $('#loginPassword');
+    if (loginInput) {
+        loginInput.value = '';
         loginInput.focus();
-        
-        const handleLogin = async () => {
-            const usernameInput = $('#loginUsername');
-            const username = usernameInput ? usernameInput.value : 'root';
-            const password = loginInput.value;
-            if (!password) {
-                showToast('请输入密码', 'warning');
-                return;
-            }
-            try {
-                loginBtn.disabled = true;
-                loginBtn.textContent = '登录中...';
-                const res = await api('/login', {
-                    method: 'POST',
-                    body: JSON.stringify({ username, password })
-                });
-                if (res.success && res.token) {
-                    localStorage.setItem('token', res.token);
-                    modal.classList.remove('active');
-                    showToast('登录成功', 'success');
-                    loginInput.value = '';
-                    window.location.reload();
-                }
-            } catch (err) {
-                showToast(err.message, 'error');
-            } finally {
-                loginBtn.disabled = false;
-                loginBtn.textContent = '登录';
-            }
-        };
-        
-        loginBtn.onclick = handleLogin;
     }
 }
 
+function hideLoginPage() {
+    const loginPage = $('#loginPage');
+    const appContainer = $('#appContainer');
+    if (loginPage) loginPage.style.display = 'none';
+    if (appContainer) appContainer.style.display = '';
+}
+
+function initLoginEvents() {
+    const loginBtn = $('#loginBtn');
+    const loginInput = $('#loginPassword');
+    if (!loginBtn || !loginInput) return;
+
+    loginInput.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') loginBtn.click();
+    });
+
+    loginBtn.addEventListener('click', async () => {
+        const usernameInput = $('#loginUsername');
+        const username = usernameInput ? usernameInput.value : 'root';
+        const password = loginInput.value;
+        if (!password) {
+            showToast('请输入密码', 'warning');
+            return;
+        }
+        try {
+            loginBtn.disabled = true;
+            loginBtn.textContent = '登录中...';
+            const res = await fetch('/api/login', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ username, password })
+            });
+            if (!res.ok) {
+                const err = await res.json().catch(() => ({ detail: '登录失败' }));
+                throw new Error(err.detail || '账号或密码错误');
+            }
+            const data = await res.json();
+            if (data.success && data.token) {
+                localStorage.setItem('token', data.token);
+                hideLoginPage();
+                showToast('登录成功', 'success');
+                loginInput.value = '';
+                // 如果应用尚未初始化，执行初始化
+                if (!window.fileUploader) {
+                    initApp();
+                }
+            }
+        } catch (err) {
+            showToast(err.message, 'error');
+        } finally {
+            loginBtn.disabled = false;
+            loginBtn.textContent = '登录';
+        }
+    });
+}
+
+function showLoginModal() {
+    localStorage.removeItem('token');
+    showLoginPage();
+}
+
+function logout() {
+    localStorage.removeItem('token');
+    showLoginPage();
+    showToast('已退出登录', 'info');
+}
+
 
 // ==================== 主题管理 ====================
 
@@ -2238,6 +2275,39 @@ async function updateCacheSize() {
 }
 
 document.addEventListener('DOMContentLoaded', () => {
+    // 初始化登录事件（始终注册，不依赖登录状态）
+    initLoginEvents();
+
+    // 检查 token 有效性
+    const token = localStorage.getItem('token');
+    if (!token) {
+        showLoginPage();
+        // 主题管理在登录页也需要
+        new ThemeManager();
+        return;
+    }
+
+    // 用一个轻量接口验证 token 是否仍然有效
+    fetch('/api/config', {
+        headers: { 'Authorization': `Bearer ${token}` }
+    }).then(res => {
+        if (res.status === 401) {
+            localStorage.removeItem('token');
+            showLoginPage();
+            new ThemeManager();
+            return;
+        }
+        // token 有效，初始化应用
+        hideLoginPage();
+        initApp();
+    }).catch(() => {
+        // 网络错误时也尝试初始化（可能稍后恢复）
+        hideLoginPage();
+        initApp();
+    });
+});
+
+function initApp() {
     // 主题管理（最先初始化）
     new ThemeManager();
     
@@ -2251,10 +2321,17 @@ document.addEventListener('DOMContentLoaded', () => {
     // 恢复上次访问的页面
     navigation.restorePage();
     
-    // 历史数据大小已在处理历史页面显示，不再在侧边栏显示
-    
     console.log('CapacityReport v2.0.1 已加载');
     
+    // 退出登录按钮事件（事件委托）
+    document.addEventListener('click', (e) => {
+        if (e.target.closest('.logout-btn') || e.target.closest('#logoutBtn')) {
+            e.preventDefault();
+            e.stopPropagation();
+            logout();
+        }
+    });
+    
     // 重启服务按钮事件（使用事件委托，支持所有页面的重启按钮）
     document.addEventListener('click', async (e) => {
         if (e.target.closest('.restart-btn') || e.target.closest('#restartService')) {