运维端 - 首页(Y00)

← 返回总览 Y00 首页 Y01 工单待办 Y02 工单详情 Y03 扫一扫·设备操作 Y04 我的 Y05 名下资产 Y06 设备列表 Y07 设备详情 Y08 消息中心 Y09 消息详情
9:41

首页

登录态演示

原型默认已登录态;切换未登录态查看账号密码登录页(无底部导航)。

页面说明

最后更新:2026-09-01

页面定位 — PRD §6.6

运维端首页。未登录收敛为账号密码登录引导;已登录聚合为工作台(工单待办大卡 / 三大入口:扫码·设备操作、名下资产、设备)+ 底部 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)

业务规则

•登录 = 账号 + 密码(非 LINE 授权);运维账号由 Web 端账号管理创建(§6.4)
•非运维角色不可登录
•待办统计与 Y01 Tab 对应(数据范围仅本人,G6)
•多语言约束(§4.7,P2 预留)扩展点,原型中文单语
查看更新记录
2026-09-01
工单卡合并(方案 A):原待接收/处理中两张统计卡与「工单」入口卡合并为一张「工单待办」大卡(卡头「工单待办 + 全部 ›」整卡 → Y01;卡内待接收/处理中数字块并排分别 → Y01 对应 Tab;零值数字置灰、布局高度不变);入口区 4 卡 → 3 卡(移除重复「工单」卡);page-spec 同步(定位/核心内容/关键交互/页面状态/跳转关系)。
2026-08-31
工作台调整:移除个人信息卡;三大入口扩为四大入口(新增「设备」→ Y06,副文案「我的区域设备 · N 台」,N 取 y-data.js 设备数);底部导航 3 tab → 4 tab(新增「消息」Tab,未读数字角标 → Y08,样式对齐 Y08 BottomNav);顶部页面导航补 Y06~Y09 链接;引入 y-data.js(消息角标 / 设备数统一数据源);page-spec 同步(定位/核心内容/关键交互/页面状态/跳转关系)。
2026-08-21
初版。运维端首页(Y00):未登录收敛为账号密码登录引导(空账号/密码校验提示「请输入账号和密码」);已登录聚合为工作台(个人信息 / 待办统计 / 双大入口);待办统计与 Y01 Tab 对应(待接收/处理中各 2);底部导航按登录态条件渲染(未登录无导航);控制面板新增「登录态演示」区块(window.demoLogin / window.demoLogout)。
2026-08-21
顶部标题栏增加语言切换下拉框(中文 / 泰语),与 cg01.html 样式和交互保持一致;原型仅做 UI 展示,不要求真正切换语言。
2026-08-25
工作台入口由双大入口扩为三大入口:新增「名下资产」→ Y05(解绑旧件 / 借出的资产,待回收独立承载);顶部页面导航补 Y05 链接;page-spec 同步(定位/核心内容/关键交互/跳转关系)。与 PRD §6.6 / 待回收绑定出口闭环一致。