Appearance
UI 升级记录
2026-06-16
控制台账号基础信息与浅色框架升级
- 范围:
apps/portal-web会话后控制台框架与/console/account/profile账号基础信息页。 - 设计来源:
UI/账号基础信息/code.html。 - 改动点:
ConsoleLayout按设计稿调整为浅色控制台框架,包括左侧固定导航、折叠菜单、顶部面包屑、右上通知/用户图标与全局背景。- 左侧导航名称按设计稿重排;已确认路由保留跳转,未确认项保持无跳转。
/console/account/profile改为账号基础信息页面,只承接个人基本信息与账单联系方式的查看/编辑/保存,不再混放密码、登录记录、注销账号等安全相关区块。/console/billing/seats按UI/订阅与席位/code.html迁移,保留现有订阅购买、取消、恢复、减席能力,并接入邀请摘要与邀请记录。- 新增
/console/billing/seat-activation承接原席位与设备绑定/释放能力,对应左侧“席位激活”。 - 新增
/console/account/security按UI/安全设置/code.html迁移,保留密码设置/修改、登录记录与注销账号危险区。 - 头部右侧只替换图标表现,通知未读数、用户菜单、退出登录等既有功能保持不变。
- 导航映射:
- 已确认:总览看板
/console/overview、设备接入/console/device-tokens、设备列表/console/machines、席位激活/console/billing/seat-activation、集群管理/console/clusters、任务中心/console/shell-jobs、调度策略/console/smart-schedule、通知中心/console/notifications、订阅与席位/console/billing/seats、账号基础信息/console/account/profile、安全设置/console/account/security。 - 用户补充:命令模板
/console/coin-config、支持项目/console/coin-config、钱包配置/console/coin-config、告警规则/console/notifications/settings、通知渠道/console/notifications/settings。 - 暂留空:健康诊断、算力概览、标签管理、能耗中心、执行历史、基准信息、健康概览。
- 已确认:总览看板
- 边界:
- 本次只做 UI 框架与页面迁移,不新增后端接口,不调整账号、订阅、席位、邀请的业务语义。
- 订阅与席位设计稿未包含绑定/释放功能,按确认方案拆到“席位激活”独立路由承接。
- 后续:
- 其它控制台业务页仍需按对应
UI/设计逐页迁移,避免新框架与旧业务页视觉混用过久。
- 其它控制台业务页仍需按对应
账号入口白色科技风升级
- 范围:
apps/portal-web会话前账号入口,包括/login、/register、/reset-password、/verify。 - 设计来源:
UI/premium_white_tech/、UI/premium_white_tech_1_1/、UI/premium_white_tech_locked_design_1_1/、UI/premium_white_tech_locked_design_1_1_v2/。 - 改动点:
AuthLayout按设计稿 HTML 结构还原固定 Header、双列主体、背景光效、Footer 与右侧表单卡。LoginView、RegisterView与ResetPasswordView改为原生 input/button 结构承接 Vue 逻辑,避免 Element Plus 表单控件导致视觉偏差。- 表单控件、Tab、按钮、Google 登录入口按
UI/HTML 的白底、黑色主按钮、Material Symbols 图标与 Google SVG 还原。 App.vue改为按路由切换主题:/console与/dashboard保持深色控制台,其它账号入口使用白色主题。
- 边界:
- 本次只做 UI 升级,不改账号注册、登录、重置密码、验证码、Google 登录的 API 调用与业务流程。
- 不调整控制台业务页,不改变平台门户服务边界。
- 后续:
- 控制台壳层、设备列表、智能调度、席位管理等页面需另行确认设计图或分阶段升级策略。
UI/premium_white_tech_1_1/中的重置密码设计已对应/reset-password。