原型默认已登录态;切换未登录态查看账号密码登录页(无底部导航)。
运维端首页。未登录收敛为账号密码登录引导;已登录聚合为工作台(工单待办大卡 / 三大入口:扫码·设备操作、名下资产、设备)+ 底部 4 tab 导航(首页 / 工单 / 消息 / 我的),承接 Y01 工单待办、Y03 扫码·设备操作、Y05 名下资产与 Y06 设备列表。
| 模块 | 说明 | 场景差异 |
|---|---|---|
| 语言切换 | 顶部标题栏左侧语言下拉框(中文 / 泰语),与 cg01 样式一致;原型仅展示,不真正切换语言 | 所有场景 |
| 登录表单 | 账号 / 密码输入 + 登录按钮 + 引导文案(使用 Web 后台分配的运维账号登录) | 仅未登录态 |
| 工单待办大卡 | 卡头「工单待办 + 全部 ›」整卡 → Y01;卡内待接收 / 处理中数字块并排(与 Y01 Tab 口径一致),分别点击 → Y01 对应 Tab;零值数字置灰(text-gray-300),布局高度不变 | 仅已登录态 |
| 三大入口 | 「扫码·设备操作」→ Y03;「名下资产」→ Y05;「设备」→ Y06(我的区域设备 · 6 台) | 仅已登录态 |
| 底部导航 | 首页 / 工单 / 消息(未读数字角标 → Y08)/ 我的 | 仅已登录态 |
| 操作 | 触发条件 | 前置校验 | 反馈形式 | 异常处理 | 行为 |
|---|---|---|---|---|---|
| 点击登录 | 未登录态点「登录」按钮 | 账号 / 密码非空 | 进入已登录工作台 | 空账号或空密码提示「请输入账号和密码」 | mock,不做真实校验 |
| 点击工单待办大卡 | 已登录工作台工单待办大卡(卡头/空白区) | - | 跳转 Y01 | - | 跳转 y01.html(默认 Tab) |
| 点击待接收数字块 | 工单待办大卡内数字块 | - | 跳转 Y01 待接收 Tab | - | 跳转 y01.html?tab=receive |
| 点击处理中数字块 | 工单待办大卡内数字块 | - | 跳转 Y01 处理中 Tab | - | 跳转 y01.html?tab=processing |
| 点击三大入口 | 已登录工作台入口卡片 | - | 跳转 | - | 「扫码·设备操作」→ y03.html;「名下资产」→ y05.html;「设备」→ y06.html |
| 点击底部导航 | 已登录态底部导航 | - | 跳转 | - | 「首页」→ 本页高亮;「工单」→ y01.html;「消息」→ y08.html(未读角标);「我的」→ y04.html |
| 登录态切换(控制面板演示) | 控制面板「登录态演示」按钮 | - | 页面在登录 / 工作台间切换 | - | window.demoLogin() / window.demoLogout() |
| 场景 | 展示内容 |
|---|---|
| 未登录 | 账号 / 密码表单 + 登录按钮 + 引导文案;无底部导航 |
| 已登录 | 工单待办大卡(整卡 + 数字块)+ 三大入口;底部导航 4 tab 可见(首页高亮,消息 Tab 未读角标) |
| 登录失败 | 空账号 / 空密码 → 红色提示「请输入账号和密码」,不跳转 |
Y00 首页 ├─ 工单待办大卡「全部 ›」→ Y01(y01.html) ├─ 工单待办大卡「待接收」数字块 → Y01(y01.html?tab=receive) ├─ 工单待办大卡「处理中」数字块 → Y01(y01.html?tab=processing) ├─ 三大入口「扫码·设备操作」→ Y03(y03.html) ├─ 三大入口「名下资产」→ Y05(y05.html) ├─ 三大入口「设备」→ Y06(y06.html) ├─ 底部导航「首页」→ 本页(高亮) ├─ 底部导航「工单」→ Y01(y01.html) ├─ 底部导航「消息」→ Y08(y08.html) └─ 底部导航「我的」→ Y04(y04.html)