151 lines
4.4 KiB
Markdown
151 lines
4.4 KiB
Markdown
# 静置库大屏看板 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)
|
||
|