`; const w = window.open('', '_blank'); w.document.write(html); w.document.close(); } window.__aiCopy = __aiCopy; `; const w = window.open('', '_blank'); w.document.write(html); w.document.close(); } /* ===== Helpers ===== */ function escapeHtml(str) { if (!str) return ''; return String(str) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } /* ===== Navigation (统一路由) ===== */ function rerender() { if (currentTab === 'project' && currentProject) { renderProjectWeek(); } else { render(); } } document.getElementById('prevWeekBtn').addEventListener('click', () => { currentWeekStart = addDays(currentWeekStart, -7); rerender(); }); document.getElementById('nextWeekBtn').addEventListener('click', () => { currentWeekStart = addDays(currentWeekStart, 7); rerender(); }); document.getElementById('todayBtn').addEventListener('click', () => { currentWeekStart = getWeekStart(new Date()); rerender(); }); document.getElementById('myProjectsAddBtn').addEventListener('click', addPersonalProject); /* ===== AI Settings (用户自带 key) ===== */ const AI_PROVIDERS_MAIN = { deepseek: { defaultModel: 'deepseek-chat', defaultBase: 'https://api.deepseek.com/v1' }, qwen: { defaultModel: 'qwen-plus', defaultBase: 'https://dashscope.aliyuncs.com/compatible-mode/v1' }, moonshot: { defaultModel: 'moonshot-v1-8k', defaultBase: 'https://api.moonshot.cn/v1' }, openai: { defaultModel: 'gpt-4o-mini', defaultBase: 'https://api.openai.com/v1' }, ollama: { defaultModel: 'qwen2.5:7b', defaultBase: 'http://localhost:11434/v1' }, custom: { defaultModel: '', defaultBase: '' }, }; function loadAISettings() { try { return JSON.parse(localStorage.getItem('aiSettingsV1')) || {}; } catch { return {}; } } function saveAISettings(cfg) { try { localStorage.setItem('aiSettingsV1', JSON.stringify(cfg)); } catch (e) { console.error(e); } } function openAISettings() { const cfg = loadAISettings(); const p = cfg.provider || 'deepseek'; document.getElementById('aiModalProvider').value = p; const prov = AI_PROVIDERS_MAIN[p]; document.getElementById('aiModalModel').value = cfg.model || ''; document.getElementById('aiModalModel').placeholder = prov.defaultModel || '模型名'; document.getElementById('aiModalBaseUrl').value = cfg.baseUrl || ''; document.getElementById('aiModalBaseUrl').placeholder = prov.defaultBase || 'https://...'; document.getElementById('aiModalKey').value = cfg.key || ''; document.getElementById('aiModalStatus').textContent = ''; document.getElementById('aiModal').classList.add('is-open'); } function closeAISettings() { document.getElementById('aiModal').classList.remove('is-open'); } document.getElementById('aiSettingsBtn').addEventListener('click', openAISettings); document.getElementById('aiCloseBtn').addEventListener('click', closeAISettings); document.getElementById('aiModal').addEventListener('click', (e) => { if (e.target.id === 'aiModal') closeAISettings(); }); document.getElementById('aiModalProvider').addEventListener('change', (e) => { const p = e.target.value; const prov = AI_PROVIDERS_MAIN[p]; document.getElementById('aiModalModel').placeholder = prov.defaultModel || '模型名'; document.getElementById('aiModalBaseUrl').placeholder = prov.defaultBase || 'https://...'; }); document.getElementById('aiModalSaveBtn').addEventListener('click', () => { const p = document.getElementById('aiModalProvider').value; const prov = AI_PROVIDERS_MAIN[p]; const cfg = { provider: p, model: document.getElementById('aiModalModel').value.trim() || prov.defaultModel, key: document.getElementById('aiModalKey').value.trim(), baseUrl: document.getElementById('aiModalBaseUrl').value.trim() || prov.defaultBase, }; if (!cfg.key && p !== 'ollama') { document.getElementById('aiModalStatus').innerHTML = '❌ 请填 API Key(Ollama 本地可不填)'; return; } saveAISettings(cfg); document.getElementById('aiModalStatus').innerHTML = '✓ 已保存,可在周报里用'; setTimeout(closeAISettings, 800); }); document.getElementById('aiModalTestBtn').addEventListener('click', async () => { const status = document.getElementById('aiModalStatus'); status.innerHTML = '⏳ 测试连接中...'; try { const p = document.getElementById('aiModalProvider').value; const prov = AI_PROVIDERS_MAIN[p]; const cfg = { provider: p, model: document.getElementById('aiModalModel').value.trim() || prov.defaultModel, key: document.getElementById('aiModalKey').value.trim(), baseUrl: document.getElementById('aiModalBaseUrl').value.trim() || prov.defaultBase, }; if (!cfg.key && p !== 'ollama') throw new Error('请先填 API Key'); if (!cfg.model) throw new Error('请填模型名'); const resp = await fetch(cfg.baseUrl.replace(/\/+$/, '') + '/chat/completions', { method: 'POST', headers: { 'content-type': 'application/json', 'authorization': 'Bearer ' + cfg.key, }, body: JSON.stringify({ model: cfg.model, messages: [{ role: 'user', content: '你好,用一句话介绍你自己。' }], max_tokens: 60, stream: false, }), }); const data = await resp.json().catch(() => null); if (!resp.ok) { const msg = (data && data.error && (data.error.message || data.error)) || resp.statusText; throw new Error('HTTP ' + resp.status + ': ' + msg); } const reply = (data && data.choices && data.choices[0] && data.choices[0].message && data.choices[0].message.content) || '(空)'; status.innerHTML = '✓ 连接成功 · 回复:' + escapeHtml(reply.slice(0, 60)) + ''; } catch (e) { status.innerHTML = '❌ ' + escapeHtml(e.message || String(e)) + ''; } }); document.getElementById('aiModalClearBtn').addEventListener('click', () => { if (!confirm('清除 AI 配置?你的 API Key 会从本机浏览器删除。')) return; localStorage.removeItem('aiSettingsV1'); document.getElementById('aiModalStatus').innerHTML = '已清除'; setTimeout(closeAISettings, 600); }); document.getElementById('addTaskTopBtn').addEventListener('click', () => { const today = new Date(); const dKey = dayKeyFromDate(today); if (currentTab === 'project' && currentProject) { openProjectAddModal(); } else { openEditModal({ id: null, text: '', priority: 'medium', status: 'todo', category: 'molecular', project: '', expNo: '', notes: '', subtasks: [], dayKey: dKey }, true); } }); document.getElementById('templateBtn').addEventListener('click', () => { if (currentTab === 'project' && currentProject) { alert('项目空间暂不支持模板(模板仅个人空间)'); } else { openTemplateModal(); } }); document.getElementById('reportBtn').addEventListener('click', () => { if (currentTab === 'project' && currentProject) { exportProjectWeeklyReport(); } else { exportWeeklyReport(); } }); document.getElementById('tplCloseBtn').addEventListener('click', closeTemplateModal); document.getElementById('templateModal').addEventListener('click', (e) => { if (e.target.id === 'templateModal') closeTemplateModal(); }); document.getElementById('editCloseBtn').addEventListener('click', closeEditModal); document.getElementById('editCancelBtn').addEventListener('click', closeEditModal); document.getElementById('editSaveBtn').addEventListener('click', saveEdit); document.getElementById('editDeleteBtn').addEventListener('click', deleteFromEdit); document.getElementById('editModal').addEventListener('click', (e) => { if (e.target.id === 'editModal') closeEditModal(); }); // 类别筛选 document.getElementById('categoryFilter').addEventListener('click', (e) => { const btn = e.target.closest('.cat-btn'); if (!btn) return; document.querySelectorAll('#categoryFilter .cat-btn').forEach(b => b.classList.remove('is-active')); btn.classList.add('is-active'); filterCategory = btn.dataset.cat; render(); }); // 项目筛选 document.getElementById('projectFilter').addEventListener('change', (e) => { filterProject = e.target.value; render(); }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closeEditModal(); closeTemplateModal(); document.querySelectorAll('.move-menu.is-open').forEach(m => m.classList.remove('is-open')); } if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) { if (document.getElementById('editModal').classList.contains('is-open')) saveEdit(); if (document.getElementById('templateModal').classList.contains('is-open')) { // 模板弹窗 Enter 没特别行为 } } }); document.addEventListener('click', (e) => { if (!e.target.closest('[data-action="move"]') && !e.target.closest('.move-menu')) { document.querySelectorAll('.move-menu.is-open').forEach(m => m.classList.remove('is-open')); } }); /* ============================================================ * 登录 / Tab / 项目空间 * ============================================================ */ let currentUser = null; let currentProject = null; // 当前查看的项目 let currentProjectTasks = []; // 当前项目的本周任务 let syncInterval = null; let currentTab = 'personal'; function showLoginPage() { document.getElementById('loginPage').classList.remove('is-hidden'); document.getElementById('mainApp').style.display = 'none'; setTimeout(() => document.getElementById('loginNameInput').focus(), 100); } function showMainApp() { document.getElementById('loginPage').classList.add('is-hidden'); document.getElementById('mainApp').style.display = 'block'; // 渲染个人空间 refreshProjectList(); render(); updateStorageInfo(); // 用户信息 if (currentUser) { document.getElementById('userName').textContent = currentUser.name; document.getElementById('userAvatar').textContent = currentUser.name[0]; } } async function tryLogin() { const input = document.getElementById('loginNameInput'); const errEl = document.getElementById('loginErr'); const btn = document.getElementById('loginBtn'); const name = input.value.trim(); errEl.textContent = ''; if (!name) { errEl.textContent = '请输入名字'; return; } btn.disabled = true; btn.textContent = '进入中...'; try { const data = await API.login(name); currentUser = { id: data.userId, name: data.name, token: data.token }; setAuth(currentUser); showMainApp(); } catch (e) { errEl.textContent = e.message || '登录失败'; } finally { btn.disabled = false; btn.textContent = '进入'; } } function logout() { if (!confirm('退出登录?(个人数据保留,共享项目需要重新登录)')) return; setAuth(null); currentUser = null; currentProject = null; if (syncInterval) { clearInterval(syncInterval); syncInterval = null; } showLoginPage(); } function switchTab(tab) { currentTab = tab; document.querySelectorAll('.top-tab').forEach(t => { t.classList.toggle('is-active', t.dataset.tab === tab); }); document.querySelectorAll('.tab-content').forEach(t => { t.classList.toggle('is-active', t.dataset.tabContent === tab); }); if (tab === 'project') { if (currentProject) startProjectSync(); else renderProjectPicker(); } else { stopProjectSync(); } } function renderProjectPicker() { const content = document.getElementById('projectContent'); content.innerHTML = ` `; document.getElementById('ppInlineCreateBtn').addEventListener('click', inlineCreate); document.getElementById('ppInlineJoinBtn').addEventListener('click', inlineJoin); document.getElementById('ppInlineName').addEventListener('keydown', e => { if (e.key === 'Enter') inlineCreate(); }); document.getElementById('ppInlineCode').addEventListener('keydown', e => { if (e.key === 'Enter') inlineJoin(); }); loadMyProjects('ppInlineMyProjects', 'ppInlineErr'); } async function loadMyProjects(containerId, errId) { try { const me = await API.me(); const c = document.getElementById(containerId); if (!me.projects || me.projects.length === 0) { c.innerHTML = ''; return; } c.innerHTML = ''; me.projects.forEach(p => { const item = document.createElement('button'); item.className = 'my-project-item'; item.innerHTML = ` `; item.addEventListener('click', () => openProject(p.id)); c.appendChild(item); }); } catch (e) { if (errId) document.getElementById(errId).textContent = e.message; } } async function inlineCreate() { const name = document.getElementById('ppInlineName').value.trim(); const errEl = document.getElementById('ppInlineErr'); if (!name) { errEl.textContent = '请输入项目名'; return; } errEl.textContent = ''; try { const p = await API.createProject(name); openProject(p.id); } catch (e) { errEl.textContent = e.message; } } async function inlineJoin() { const code = document.getElementById('ppInlineCode').value.trim(); const errEl = document.getElementById('ppInlineErr'); if (!code) { errEl.textContent = '请输入项目码'; return; } errEl.textContent = ''; try { const p = await API.joinProject(code); openProject(p.id); } catch (e) { errEl.textContent = e.message; } } async function openProject(projectId) { try { currentProject = await API.getProject(projectId); renderProjectSpace(); startProjectSync(); } catch (e) { alert('打开项目失败: ' + e.message); } } function renderProjectSpace() { if (!currentProject) { renderProjectPicker(); return; } const content = document.getElementById('projectContent'); const memberAvatars = (currentProject.members || []).map(m => `${escapeHtml(m.name[0])}` ).join(''); content.innerHTML = ` `; // 复制项目码 document.getElementById('projectCodeEl').addEventListener('click', () => { navigator.clipboard?.writeText(currentProject.code); const el = document.getElementById('projectCodeEl'); const orig = el.textContent; el.textContent = '已复制 ✓'; setTimeout(() => { el.textContent = orig; }, 1200); }); document.getElementById('backToProjectListBtn').addEventListener('click', () => { if (syncInterval) { clearInterval(syncInterval); syncInterval = null; } currentProject = null; renderProjectPicker(); }); // 类别筛选 document.getElementById('projCategoryFilter').addEventListener('click', (e) => { const btn = e.target.closest('.cat-btn'); if (!btn) return; document.querySelectorAll('#projCategoryFilter .cat-btn').forEach(b => b.classList.remove('is-active')); btn.classList.add('is-active'); renderProjectWeek(); }); // 顶部按钮在项目空间的行为由 switchTab 路由,不需要在这里重新绑定 renderProjectWeek(); } function renderProjectWeek() { if (!currentProject) return; const weekKey = getWeekKey(currentWeekStart); const filterCat = document.querySelector('#projCategoryFilter .cat-btn.is-active')?.dataset.cat || 'all'; const today = new Date(); const weekEnd = addDays(currentWeekStart, 6); const allTasks = currentProjectTasks.filter(t => !t.parentId); const tasks = filterCat === 'all' ? allTasks : allTasks.filter(t => (t.category || 'other') === filterCat); // 更新 header(复用个人空间的) const startLabel = `${currentWeekStart.getFullYear()}年${currentWeekStart.getMonth() + 1}月${currentWeekStart.getDate()}日`; const endLabel = `${weekEnd.getMonth() + 1}月${weekEnd.getDate()}日`; document.getElementById('weekLabel').textContent = `${currentProject.name} · ${startLabel} - ${endLabel} · ${weekKey}`; // Stats const total = allTasks.length; const done = allTasks.filter(t => t.status === 'done').length; const doing = allTasks.filter(t => t.status === 'doing').length; const waiting = allTasks.filter(t => t.status === 'waiting').length; const pct = total > 0 ? Math.round(done / total * 100) : 0; document.getElementById('projStatTotal').textContent = total; document.getElementById('projStatDone').textContent = done; document.getElementById('projStatDoing').textContent = doing; document.getElementById('projStatWaiting').textContent = waiting; document.getElementById('projStatPct').textContent = pct + '%'; document.getElementById('projStatDoneBar').style.width = pct + '%'; const grid = document.getElementById('projWeekGrid'); grid.innerHTML = ''; for (let i = 0; i < 7; i++) { const day = addDays(currentWeekStart, i); const dKey = dayKeyFromDate(day); const dayTasks = tasks.filter(t => t.dayKey === dKey) .sort((a, b) => { // 子任务强制跟在父任务后面(其他保持后端返回的原序 — 后端已按 position 排) if (a.parentId && !b.parentId) return 1; if (!a.parentId && b.parentId) return -1; return 0; }); const col = document.createElement('div'); col.className = 'day-col'; if (isSameDay(day, today)) col.classList.add('is-today'); if (isPastDay(day) && !isSameDay(day, today)) col.classList.add('is-past'); col.innerHTML = ` `; const tasksContainer = col.querySelector('.day-tasks'); dayTasks.forEach(task => { tasksContainer.appendChild(createProjectTaskEl(task)); }); // drop zone (整个 day 列) col.addEventListener('dragover', (e) => { if (!dragState.taskId) return; if (e.target.closest('.task')) return; e.preventDefault(); e.dataTransfer.dropEffect = 'move'; clearDropIndicators(); col.classList.add('is-drop-target'); dragState.targetDayKey = dKey; dragState.targetTaskId = null; dragState.dropBefore = true; }); col.addEventListener('dragleave', (e) => { if (!col.contains(e.relatedTarget)) col.classList.remove('is-drop-target'); }); col.addEventListener('drop', async (e) => { e.preventDefault(); clearDropIndicators(); if (!dragState.taskId) return; await applyProjectDragDrop(dragState.taskId, dKey, dragState.targetTaskId); dragState.taskId = null; }); const form = col.querySelector('.add-task-form'); form.addEventListener('submit', async (e) => { e.preventDefault(); const input = form.querySelector('.add-task-input'); const priority = form.querySelector('.add-task-priority').value; const text = input.value.trim(); if (!text) return; await projectAddTask(dKey, text, { priority }); input.value = ''; }); grid.appendChild(col); } } function createProjectTaskEl(task) { const el = document.createElement('div'); el.className = `task is-${task.status || 'todo'}`; if (task.parentId) el.style.marginLeft = '14px'; el.dataset.taskId = task.id; el.dataset.dayKey = task.dayKey || ''; el.draggable = !task.parentId; el.addEventListener('dragstart', (e) => { dragState.taskId = task.id; dragState.fromDayKey = task.dayKey || ''; el.classList.add('is-dragging'); try { e.dataTransfer.setData('text/plain', task.id); } catch (_) {} e.dataTransfer.effectAllowed = 'move'; }); el.addEventListener('dragend', () => { el.classList.remove('is-dragging'); clearDropIndicators(); }); el.addEventListener('dragover', (e) => { if (!dragState.taskId || dragState.taskId === task.id) return; e.preventDefault(); e.dataTransfer.dropEffect = 'move'; const rect = el.getBoundingClientRect(); const before = (e.clientY - rect.top) < rect.height / 2; clearDropIndicators(); el.classList.add(before ? 'is-drop-before' : 'is-drop-after'); dragState.dropBefore = before; dragState.targetTaskId = task.id; dragState.targetDayKey = task.dayKey || ''; }); el.addEventListener('drop', async (e) => { e.preventDefault(); e.stopPropagation(); clearDropIndicators(); if (!dragState.taskId) return; let beforeTaskId = task.id; if (!dragState.dropBefore) { const tasks = currentProjectTasks; const targetIdx = tasks.findIndex(t => t.id === task.id); const nextSibling = tasks[targetIdx + 1]; beforeTaskId = nextSibling ? nextSibling.id : null; } await applyProjectDragDrop(dragState.taskId, dragState.targetDayKey || task.dayKey, beforeTaskId); dragState.taskId = null; }); const priorityLabels = { high: '高', medium: '中', low: '低' }; const statusLabels = { todo: '待办', doing: '进行中', waiting: '等待中', done: '已完成' }; const statusChipClass = task.status === 'waiting' ? 'chip-status-waiting' : 'chip-status'; const cat = task.category || 'other'; const catIcons = { molecular: '', plant: '', fungal: '', insect: '', other: '' }; const authorName = task.createdByName || '?'; el.innerHTML = ` ${task.notes ? `` : ''} `; el.addEventListener('click', (e) => handleProjectTaskClick(e, task)); return el; } function handleProjectTaskClick(e, task) { const target = e.target.closest('[data-action]'); if (!target) return; e.stopPropagation(); const action = target.dataset.action; if (action === 'cycle-priority') { const order = ['high', 'medium', 'low']; const next = order[(order.indexOf(task.priority) + 1) % 3]; projectUpdateTask(task.id, { priority: next }); } else if (action === 'cycle-status') { const order = ['todo', 'doing', 'waiting', 'done']; const next = order[(order.indexOf(task.status) + 1) % 4]; projectUpdateTask(task.id, { status: next }); } else if (action === 'delete') { if (confirm(`删除任务"${task.text}"?`)) projectDeleteTask(task.id); } else if (action === 'edit') { openProjectEditModal(task); } } async function projectAddTask(dayKey, text, opts = {}) { try { const weekKey = getWeekKey(currentWeekStart); const task = { text, priority: opts.priority || 'medium', status: 'todo', category: opts.category || 'molecular', project: currentProject.name, expNo: opts.expNo || generateExpNo(dayKey), notes: opts.notes || '', subtasks: [], dayKey, }; await API.createTask(currentProject.id, weekKey, task); await projectRefreshTasks(); } catch (e) { alert('添加任务失败: ' + e.message); } } async function projectUpdateTask(taskId, updates) { try { const weekKey = getWeekKey(currentWeekStart); setSyncState('syncing'); await API.updateTask(taskId, weekKey, currentProject.id, updates); await projectRefreshTasks(); setSyncState('ok'); } catch (e) { setSyncState('error'); alert('更新失败: ' + e.message); } } async function projectDeleteTask(taskId) { try { const weekKey = getWeekKey(currentWeekStart); await API.deleteTask(taskId, weekKey, currentProject.id); await projectRefreshTasks(); } catch (e) { alert('删除失败: ' + e.message); } } async function projectRefreshTasks() { if (!currentProject) return; try { const weekKey = getWeekKey(currentWeekStart); currentProjectTasks = await API.getTasks(currentProject.id, weekKey); renderProjectWeek(); setSyncState('ok'); document.getElementById('projLastSync').textContent = `更新 ${new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit', second: '2-digit' })}`; } catch (e) { setSyncState('error'); console.error('projectRefreshTasks failed:', e); } } function setSyncState(state) { const dot = document.getElementById('syncDot'); const status = document.getElementById('syncStatus'); if (!dot || !status) return; dot.classList.remove('is-syncing', 'is-error'); if (state === 'syncing') { dot.classList.add('is-syncing'); status.textContent = '同步中'; } else if (state === 'error') { dot.classList.add('is-error'); status.textContent = '同步失败'; } else { status.textContent = '已同步'; } } function startProjectSync() { if (syncInterval) clearInterval(syncInterval); projectRefreshTasks(); syncInterval = setInterval(projectRefreshTasks, 5000); } function stopProjectSync() { if (syncInterval) { clearInterval(syncInterval); syncInterval = null; } } function openProjectEditModal(task) { editingTaskId = task.id; editingIsNew = false; document.getElementById('editTitle').textContent = '编辑项目任务'; document.getElementById('editText').value = task.text || ''; document.getElementById('editCategory').value = task.category || 'molecular'; document.getElementById('editPriority').value = task.priority || 'medium'; document.getElementById('editStatus').value = task.status || 'todo'; document.getElementById('editProject').value = currentProject.name; document.getElementById('editProject').readOnly = true; document.getElementById('editExpNo').value = task.expNo || ''; document.getElementById('editNotes').value = task.notes || ''; const daySelect = document.getElementById('editDay'); daySelect.innerHTML = ''; for (let i = 0; i < 7; i++) { const day = addDays(currentWeekStart, i); const dKey = dayKeyFromDate(day); const opt = document.createElement('option'); opt.value = dKey; opt.textContent = `${DAY_NAMES_FULL[i]} (${formatDate(day)})`; if (dKey === task.dayKey) opt.selected = true; daySelect.appendChild(opt); } document.getElementById('editDeleteBtn').style.display = ''; document.getElementById('editModal').classList.add('is-open'); setTimeout(() => document.getElementById('editText').focus(), 50); } function openProjectAddModal() { const today = new Date(); const dKey = dayKeyFromDate(today); openEditModal({ id: null, text: '', priority: 'medium', status: 'todo', category: 'molecular', project: currentProject.name, expNo: '', notes: '', subtasks: [], dayKey: dKey }, true); } // 项目空间周报 function exportProjectWeeklyReport() { if (!currentProject) return; // 复用 exportWeeklyReport 的逻辑,但用 project 数据 const weekKey = getWeekKey(currentWeekStart); const tasks = currentProjectTasks; // 简化: 暂用相同渲染逻辑 // 复用 exportWeeklyReport 但替换数据源 const origLoadWeek = loadWeek; window.loadWeek = () => tasks; exportWeeklyReport(); window.loadWeek = origLoadWeek; } /* ===== 事件绑定 ===== */ document.getElementById('loginBtn').addEventListener('click', tryLogin); document.getElementById('loginNameInput').addEventListener('keydown', e => { if (e.key === 'Enter') tryLogin(); }); document.getElementById('logoutBtn').addEventListener('click', logout); document.getElementById('showProjectsLink').addEventListener('click', (e) => { e.preventDefault(); tryLogin().then(() => switchTab('project')); }); document.querySelectorAll('.top-tab').forEach(tab => { tab.addEventListener('click', () => switchTab(tab.dataset.tab)); }); /* ===== Init ===== */ const existingAuth = getAuth(); if (existingAuth && existingAuth.token) { currentUser = existingAuth; // 验证 token 仍有效 API.me().then(() => { showMainApp(); }).catch(() => { // token 失效,清掉重新登录 setAuth(null); showLoginPage(); }); } else { showLoginPage(); } // 个人空间:登录后还需要手动渲染(防止 mainApp 隐藏时 render 出错) // 上面 showMainApp 已经调用了