# 静置库大屏看板 UI 规划 ## 1. 设计原则 1. 过程优先:新线不展示库位,以 Pack 静置状态和工位过站过程为主。 2. 异常前置:超时、已达标待流转、过站缺失必须优先可见。 3. 信息密度适中:大屏用于远距离浏览,不堆叠过多小字。 4. 图表服务业务:每个图表必须回答一个现场问题。 ## 2. 页面结构 ```text --------------------------------------------------------------------------------+ | Logo 静置库大屏看板 日期 / 时间 / 刷新状态 | +--------------------------------------------------------------------------------+ | 当前静置数 | 满足静置时间数 | 静置中数量 | 超时数量 | 今日开始 | 今日完成 | +--------------------------------------------------------------------------------+ | 左侧概览区 | 中心主区:静置中 Pack 列表 + 工位过站灯 | 右侧监控区 | | - 当班统计 | Pack码 产品型号 开始时间 时长 状态 42-50 | - 待流转清单 | | - 当前入静置 Pack | | - 超时异常清单 | | - 当前出静置 Pack | | - 线体段滞留 | +--------------------------------------------------------------------------------+ | 今日小时 JPH:开始静置 / 静置结束 / 净增 | 静置异常明细或过站矩阵补充 | +--------------------------------------------------------------------------------+ ``` ## 3. 顶部指标条 建议使用 6 个指标卡: | 指标 | 颜色建议 | 说明 | | --- | --- | --- | | 当前静置数 | 蓝色 | 当前池子总压力 | | 满足静置时间数 | 绿色 | 可优先流转 | | 静置中数量 | 青色 | 未达到标准时间 | | 超时数量 | 红色 | 需要现场关注 | | 今日开始静置数 | 蓝紫色 | 今日入口 | | 今日静置完成数 | 金色 | 今日出口 | ## 4. 中心主表 中心主表是首页核心区域,建议使用滚动表格。 字段规划: | 字段 | 展示方式 | | --- | --- | | 序号 | 2 位序号 | | Pack 码 | 主字段,超长省略 | | 产品型号 | 文本 | | 静置开始时间 | 月日 时分 | | 当前静置时长 | 数字 + 单位 | | 标准静置时长 | 数字 + 单位 | | 剩余/超时时长 | 正常显示剩余,超时显示红色 | | 状态 | 标签:静置中、已达标、超时、异常 | | 当前所在段 | 文本标签 | | 42-50 | 灯点矩阵 | 工位灯规则: | 状态 | 颜色 | 含义 | | --- | --- | --- | | 已过站 | 绿色 | Pack 已完成该工位 | | 当前最新过站 | 蓝色 | Pack 最近一次过站位置 | | 未过站 | 灰色 | Pack 尚未经过该工位 | | 异常 | 红色 | 应过未过、顺序异常或数据异常 | ## 5. 左侧概览区 ### 5.1 当班统计 建议展示: - 当班开始静置数。 - 当班静置完成数。 - 平均静置时长。 - 平均达标后等待时长。 - 超时 Pack 数。 - 静置完成率。 ### 5.2 当前入静置 Pack 显示最近进入 OP410 的 Pack: - Pack 码。 - 产品型号。 - OP410 过站时间。 - 当前静置时长。 ### 5.3 当前出静置 Pack 显示最近完成下层静置结束的 Pack: - Pack 码。 - 产品型号。 - 静置结束时间。 - 总静置时长。 ## 6. 右侧监控区 ### 6.1 满足静置待流转清单 用于提醒现场优先处理。 字段: - Pack 码。 - 达标时间。 - 达标后等待时长。 - 当前所在段。 ### 6.2 超时/异常清单 异常类型: - 静置超时。 - 过站缺失。 - 过站顺序异常。 - 数据缺失。 ### 6.3 线体段滞留 建议使用横向条形图或过程流转图,不使用库位矩阵。 分段: - OP410 入静置段。 - 42-44 段。 - 45-47 段。 - 48-50 段。 - 下层静置结束待确认段。 ## 7. 底部趋势区 ### 今日 JPH 建议使用双柱状图: - 开始静置数量。 - 静置结束数量。 可选增加净增折线: - 净增 = 开始静置数量 - 静置结束数量。 ## 8. 视觉参考 可参考老线图片的大屏蓝色工业风、顶部指标、滚动表格和 JPH 图表表现,但不复用库位矩阵、库区、层数、强制入库/出库操作区域。 参考图: - [参考看板图片 但新线无库位号一说.png](./参考看板图片%20但新线无库位号一说.png) ## 9. 关联文档 - [PRD.md](./PRD.md) - [DATA_SPEC.md](./DATA_SPEC.md) - [TODO.md](./TODO.md)