49 lines
3.7 KiB
Markdown
49 lines
3.7 KiB
Markdown
# 越欣科技 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](references/README.md)：Microsoft Windows App、Amazon WorkSpaces 实际截图，以及 Horizon 官方操作流程与设计采用理由。
|
||
- `output/playwright/`：浏览器渲染与验证证据。
|
||
|
||
## 评审入口
|
||
|
||
- [review.html](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](output/playwright/login-verification.json)，包含账号登录、记住账号、服务地址校验、SSO 取消、离线体验、键盘操作和深浅色布局检查；截图以 `login-` 开头。
|
||
|
||
此前桌面工作区记录：[verification.json](output/playwright/verification.json)。它记录工作区的 27 项流程与布局检查及补充检查；其中「登录与旧基线完全一致」「点击直接进入桌面」描述的是添加登录交互之前的版本，已由本次登录验证取代。桌面列表记录的最小文字对比度：深色 5.04:1、浅色 4.74:1。1280×720、1366×768、1920×1080 的浏览器检查不代表 ARM 实机验收。
|