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