vdi-cloud/ui/terminal

越欣科技 ARM VDI 终端交互设计

打开 index.html，从登录进入桌面列表。保留原有登录页 Logo、互动图形和深浅色外观，补充表单校验、登录状态及弹窗操作；登录后沿用深蓝灰 / 浅色和铜橙色按钮。

登录体验

公开体验账号：demo，密码：Demo123!。点击登录页的「体验账号」可查看并填入，再点击登录或按 Enter 继续。

• 账号、密码为空时提示并聚焦；错误账号或密码会提示重试，清空密码。
• 支持显示 / 隐藏密码、登录中状态和防重复提交。
• 「记住工作账号」只保存成功登录的账号，不保存密码；取消勾选立即清除已记住的账号。退出后清空并隐藏密码。
• 顶部「云端服务」打开连接设置，可切换云端服务 / 企业部署。企业地址需为 HTTPS，本机预览允许 HTTP；设置可保存、取消并在刷新后恢复。
• 「企业 SSO」先检查企业连接配置，再展示体验身份；确认后进入桌面列表，取消或 Esc 会终止等待。
• 「忘记密码」提供联系越欣科技管理员的说明及体验账号入口。
• 「离线体验」确认后以独立体验身份进入桌面列表。

这是交互原型，账号校验和 SSO 均为本地模拟，不会访问真实认证服务或远程桌面。请使用公开体验信息。设备和桌面数据为示例，未移植到 Qt 或部署到 ARM 设备。

文件

• index.html：登录界面和工作区挂载位置。
• login-interactions.js / login-interactions.css：登录状态、校验、密码操作、连接设置、SSO 和弹窗样式。
• workspace.css：登录后工作区的布局、配色、字号和适配。
• workspace.js：桌面筛选、收藏、搜索、配置保存、连接状态、登录身份与设置导航。
• assets/systems/：Windows、Ubuntu、麒麟识别资源。
• references/README.md：Microsoft Windows App、Amazon WorkSpaces 实际截图，以及 Horizon 官方操作流程与设计采用理由。
• output/playwright/：浏览器渲染与验证证据。

评审入口

• review.html：评审页，主入口从登录开始。
• index.html：登录页。
• index.html?preview=desktops&theme=dark：直接预览深色桌面列表。
• index.html?preview=desktops&theme=light：直接预览浅色桌面列表。
• index.html?preview=settings&theme=dark：桌面设置。
• index.html?preview=connecting&theme=dark：连接中。
• index.html?preview=reconnect&theme=dark：重连中。
• index.html?preview=error&theme=dark：连接异常。

正常流程：登录 → 桌面列表 → 设置或连接；Ctrl+Alt+Shift+M 打开管理设置，Esc 返回列表。设置中的「设备信息」提供退出登录。直接预览参数和管理快捷键仅用于原型评审，不代表生产权限控制。

收藏、搜索、全部 / 已收藏筛选、设置分类、参数校验、保存、取消均可交互。账号、企业入口和桌面连接设置仅保存在浏览器本地。

验证记录

本次登录交互验证：login-verification.json，包含账号登录、记住账号、服务地址校验、SSO 取消、离线体验、键盘操作和深浅色布局检查；截图以 login- 开头。

此前桌面工作区记录：verification.json。它记录工作区的 27 项流程与布局检查及补充检查；其中「登录与旧基线完全一致」「点击直接进入桌面」描述的是添加登录交互之前的版本，已由本次登录验证取代。桌面列表记录的最小文字对比度：深色 5.04:1、浅色 4.74:1。1280×720、1366×768、1920×1080 的浏览器检查不代表 ARM 实机验收。