Files
76-ZhiRouNingdeLine2-Standi…/doc/UI_SPEC.md
2026-06-29 10:19:43 +08:00

4.4 KiB
Raw Blame History

静置库大屏看板 UI 规划

1. 设计原则

  1. 过程优先:新线不展示库位,以 Pack 静置状态和工位过站过程为主。
  2. 异常前置:超时、已达标待流转、过站缺失必须优先可见。
  3. 信息密度适中:大屏用于远距离浏览,不堆叠过多小字。
  4. 图表服务业务:每个图表必须回答一个现场问题。

2. 页面结构

--------------------------------------------------------------------------------+
| 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 图表表现,但不复用库位矩阵、库区、层数、强制入库/出库操作区域。

参考图:

9. 关联文档