# 静置库大屏看板 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)