yinjianm
91aa6e83ca
add shared page and auth shells to standardize the main application layout and authentication entry experience refresh dashboard, settings, login, setup, notifications, proxies, and audit logs with a consistent Element Plus based control-center presentation modernize workspace side panels and status monitor while keeping the three-column layout, and fix the terminal hover cursor to show a text caret
2.6 KiB
2.6 KiB
任务清单: frontend-slate-control-center
@feature: frontend-slate-control-center
@created: 2026-03-25
@status: completed
@mode: R3
进度概览
| 完成 | 失败 | 跳过 | 总数 |
|---|---|---|---|
| 8 | 0 | 0 | 8 |
LIVE_STATUS
status: completed
current: 已完成 Slate Control Center 全站前端重绘并通过 packages/frontend 构建验证
completed: 8
failed: 0
pending: 0
total: 8
done: 8
percent: 100
updated_at: 2026-03-25 05:20:00
任务列表
1. 设计底座与公共壳层
- [√] 1.1 在
packages/frontend/src/style.css中重建 Slate Control Center 全局设计令牌与 Element Plus 主题变量桥接 | depends_on: [] - [√] 1.2 在
packages/frontend/src/App.vue中重做全局导航、页面背景和应用壳层表达 | depends_on: [1.1] - [√] 1.3 新增公共页面容器组件，用于统一主要页面标题、描述、操作区和内容卡片风格 | depends_on: [1.1]
2. 主要页面现代化
- [√] 2.1 重做
packages/frontend/src/views/DashboardView.vue，将概览区升级为控制中心式信息卡片与操作面板 | depends_on: [1.1, 1.3] - [√] 2.2 重做
packages/frontend/src/views/ConnectionsView.vue、packages/frontend/src/views/ProxiesView.vue、packages/frontend/src/views/AuditLogView.vue、packages/frontend/src/views/NotificationsView.vue的页面容器和主操作区，优先接入 Element Plus 组件 | depends_on: [1.1, 1.3] - [√] 2.3 重做
packages/frontend/src/views/SettingsView.vue的设置导航和内容容器层次，使其符合统一控制中心风格 | depends_on: [1.1, 1.3]
3. 认证入口与工作区
- [√] 3.1 重做
packages/frontend/src/views/LoginView.vue与packages/frontend/src/views/SetupView.vue，统一品牌入口视觉和表单表达 | depends_on: [1.1] - [√] 3.2 重做
packages/frontend/src/components/WorkspaceWorkbench.vue、packages/frontend/src/components/StatusMonitor.vue，并修复终端区域鼠标进入时的光标表现 | depends_on: [1.1, 1.2]
执行日志
| 时间 | 任务 | 状态 | 备注 |
|---|---|---|---|
| 2026-03-25 04:19:00 | 创建设计方案包 | completed | create_package.py 因编码损坏不可用，已按规则手动降级创建 |
| 2026-03-25 05:20:00 | 完成前端主页面与工作区视觉重绘 | completed | npm --workspace packages/frontend run build 通过 |
执行备注
本轮以前端视觉语言统一和页面容器重塑为主，不改动后端 API 协议与核心会话逻辑；
/workspace继续保持“左侧 Workbench + 中央终端 + 右侧状态监控”的主结构。