Skip to content

UI 升级记录

2026-06-16

控制台账号基础信息与浅色框架升级

  • 范围:apps/portal-web 会话后控制台框架与 /console/account/profile 账号基础信息页。
  • 设计来源:UI/账号基础信息/code.html
  • 改动点:
    • ConsoleLayout 按设计稿调整为浅色控制台框架,包括左侧固定导航、折叠菜单、顶部面包屑、右上通知/用户图标与全局背景。
    • 左侧导航名称按设计稿重排;已确认路由保留跳转,未确认项保持无跳转。
    • /console/account/profile 改为账号基础信息页面,只承接个人基本信息与账单联系方式的查看/编辑/保存,不再混放密码、登录记录、注销账号等安全相关区块。
    • /console/billing/seatsUI/订阅与席位/code.html 迁移,保留现有订阅购买、取消、恢复、减席能力,并接入邀请摘要与邀请记录。
    • 新增 /console/billing/seat-activation 承接原席位与设备绑定/释放能力,对应左侧“席位激活”。
    • 新增 /console/account/securityUI/安全设置/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 与右侧表单卡。
    • LoginViewRegisterViewResetPasswordView 改为原生 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