feat: update test task dashboard

This commit is contained in:
2026-07-03 16:05:01 +08:00
parent 765ed0a104
commit c61b6ff8db
12 changed files with 413 additions and 82 deletions

View File

@@ -0,0 +1,30 @@
# 01-项目功能内容
## 目标
根据 `doc/修改质检测试任务看板.docx` 调整质检测试任务看板页面:
- 页面文件:`src/views/TestTaskDashboard.vue`
- 页面标题保持:`质检测试任务看板`
- 顶部统计卡片移除“可执行任务数”和旧“加急任务数”。
- 顶部统计卡片新增“加急汇总”和“滞留汇总”。
- 左侧新增“测试任务汇总”,只统计“加急”和“滞留”,不展示“派工”和“齐套”。
- 左侧“测试任务汇总”下方展示“已完工任务”。
- 右侧展示“发货状态列表”和“测试装配任务列表”。
- 移除“在制任务缺件明细”展示,避免页面空位。
## 数据来源
- 测试装配任务:`质量管理_测试装配任务_查询`
- 质检及时率:`质量管理_测试装配任务_质检及时率`
- 已完工任务:`质量管理_测试装配任务_完成查询`
- 发货状态:`装配中心任务看板_质检发货状态查询`
- 滞留任务:`质量管理_及时检验报表_查询`
## 汇总口径
- 加急汇总:测试装配任务查询结果中 `加急总数``加急数量` 大于 0 的任务数。
- 滞留汇总:及时检验报表查询结果的任务行数。
- 测试任务汇总:按“阀类/系统类”分组展示加急和滞留数量。
- 待协助任务数:仍沿用测试装配任务中检测说明包含“返工”的待协助识别逻辑。
- 异常未关闭消息数:沿用测试装配任务结果中的异常未关闭数字段汇总。

View File

@@ -0,0 +1,34 @@
# 02-项目程序开发详细步骤
1. 检查当前 Git 状态,确认已有 `index.vue` 等上一轮修改。
2. 按用户要求先上传上一轮已完成修改:
- 暂存并提交 `src/views/index.vue`、四张分类图片和 `gptlog-process/gpdlog.md`
- 推送到 `origin/main`,提交号为 `765ed0a`
3. 读取 `doc/修改质检测试任务看板.docx`
4. 解包 docx 并读取 `word/document.xml`,提取需求文本。
5. 读取当前 `src/views/TestTaskDashboard.vue` 的模板、脚本和样式。
6. 读取参考页面:
- `src/views/index.vue`
- `C:\WorkYuanLy\MES_Manage_View_V20\src\views\QualityManagement\CheckTask\punctualInspection.vue`
- `C:\WorkYuanLy\MES_Manage_View_V20\src\views\QualityManagement\TestAssemblyTask\index.vue`
7. 修改模板布局:
- 左侧改为“测试任务汇总”和“已完工任务”。
- 右侧改为“发货状态列表”和“测试装配任务列表”。
- 删除页面上的“在制任务缺件明细”区域。
8. 修改数据查询:
- 新增 `质量管理_及时检验报表_查询` 查询作为滞留数据源。
- 恢复测试装配任务查询参数传递。
- 移除缺件明细查询入口。
9. 修改统计逻辑:
- 新增 `rawTestAssemblyRows``stagnationRows`
- 新增 `testSummaryRows` 计算左侧汇总表。
- 新增 `isUrgentTask``getTaskGroupKey``countTestSummaryRows`
10. 修改顶部统计卡片:
- 改为响应式 `reactive` 数组。
- 配置为待协助、加急汇总、滞留汇总、质检及时率、异常未关闭消息数。
11. 修改样式:
- 主区域改为左窄右宽布局。
- 为测试任务汇总表增加单独的项目、指标、数量样式。
12. 执行 `npm run build` 验证构建。
13. 创建 `work/修改质检测试任务看板`,复制原始 docx并新增 README 与 01-07 文档。
14. 将完整中文执行日志追加到 `gptlog-process/gpdlog.md`

View File

@@ -0,0 +1,16 @@
# 03-推进台账
| 轮次 | 做了什么 | 修改文件 | 验证了什么 | 下一步 |
| --- | --- | --- | --- | --- |
| 1 | 检查 Git 状态,识别上一轮待上传修改和本轮目标文件 | 无 | 确认 `TestTaskDashboard.vue` 存在未提交差异 | 先提交上一轮修改 |
| 2 | 提交并推送上一轮分类汇总看板修改 | `src/views/index.vue`、分类图片、`gptlog-process/gpdlog.md` | 推送成功到 `origin/main`,提交号 `765ed0a` | 读取本轮 docx |
| 3 | 解包并读取 `修改质检测试任务看板.docx` | 无 | 提取到页面布局和数据口径要求 | 读取参考页面 |
| 4 | 读取参考页面和当前页面实现 | 无 | 确认滞留数据源为 `质量管理_及时检验报表_查询` | 修改页面 |
| 5 | 重排质检测试任务看板布局 | `src/views/TestTaskDashboard.vue` | 左侧/右侧模块符合文档描述 | 补数据逻辑 |
| 6 | 新增加急、滞留、测试任务汇总计算 | `src/views/TestTaskDashboard.vue` | 加急和滞留统计可由对应接口结果计算 | 构建验证 |
| 7 | 执行构建 | 无 | `npm run build` 成功 | 创建 work 文档 |
| 8 | 创建本任务资料目录和 01-07 文档 | `work/修改质检测试任务看板/*` | 文档齐全,原始 docx 已复制 | 追加总日志 |
## 下一步建议
在连接真实数据库环境后,打开页面核对加急汇总、滞留汇总、测试任务汇总三处数字是否与业务报表一致。

View File

@@ -0,0 +1,15 @@
# 04-任务矩阵
| 编号 | 任务 | 状态 | 验收标准 |
| --- | --- | --- | --- |
| QT-001 | 前置上传上一轮修改 | 已完成 | `origin/main` 已包含提交 `765ed0a` |
| QT-002 | 读取并解析需求文档 | 已完成 | 提取出“去掉可执行/旧加急、新增加急汇总/滞留汇总、左侧测试任务汇总、右侧列表”等要求 |
| QT-003 | 调整页面布局 | 已完成 | 左侧为“测试任务汇总”和“已完工任务”,右侧为“发货状态列表”和“测试装配任务列表” |
| QT-004 | 移除缺件明细展示 | 已完成 | 页面模板不再展示“在制任务缺件明细” |
| QT-005 | 顶部统计卡片调整 | 已完成 | 顶部展示待协助、加急汇总、滞留汇总、质检及时率、异常未关闭 |
| QT-006 | 加急汇总统计 | 已完成 | 使用 `质量管理_测试装配任务_查询``加急总数/加急数量 > 0` 的任务数 |
| QT-007 | 滞留汇总统计 | 已完成 | 使用 `质量管理_及时检验报表_查询` 的结果行数 |
| QT-008 | 测试任务汇总表 | 已完成 | 按阀类/系统类分组展示加急和滞留,不展示派工和齐套 |
| QT-009 | 构建验证 | 已完成 | `npm run build` 成功 |
| QT-010 | work 文档归档 | 已完成 | README 和 01-07 文档已创建,原始 docx 已复制 |
| QT-011 | 中文过程日志追加 | 已完成 | 已追加到 `gptlog-process/gpdlog.md` |

View File

@@ -0,0 +1,40 @@
# 05-验收证据
## 文件证据
- 页面文件:`C:\WorkYuanLy\装配任务看板\src\views\TestTaskDashboard.vue`
- 原始需求文档:`C:\WorkYuanLy\装配任务看板\doc\修改质检测试任务看板.docx`
- work 复制件:`C:\WorkYuanLy\装配任务看板\work\修改质检测试任务看板\修改质检测试任务看板.docx`
- 过程日志:`C:\WorkYuanLy\装配任务看板\gptlog-process\gpdlog.md`
## 命令证据
```powershell
git push origin main
```
结果:上一轮修改已推送,远程从 `ea35196` 更新到 `765ed0a`
```powershell
npm run build
```
结果:构建成功。
## 构建摘要
- Vite 成功转换 3701 个模块。
- 生成 `TestTaskDashboard-DQvHt1uq.js``TestTaskDashboard-KjO6IohD.css` 等产物。
- 构建存在常规警告:
- Sass legacy JS API deprecation warning。
- 部分 chunk 超过 500 kB。
- 上述警告未阻断构建。
## 页面验收点
- 顶部无“可执行任务数”和旧“加急任务数”。
- 顶部有“加急汇总”和“滞留汇总”。
- 左侧有“测试任务汇总”,指标仅为“加急”和“滞留”。
- 左侧汇总下方是“已完工任务”。
- 右侧上方是“发货状态列表”。
- 右侧下方是“测试装配任务列表”。

View File

@@ -0,0 +1,37 @@
# 06-决策记录
## D-001先提交上一轮修改
决策:在修改 `TestTaskDashboard.vue` 前,先提交并推送上一轮分类汇总看板修改。
原因:用户明确要求“先上传远程修改后”再进行本轮页面修改,避免两轮需求混在一个提交中。
## D-002左侧测试任务汇总按阀类/系统类分组
决策:测试任务汇总沿用当前页面已有的“阀类/系统类”分类口径,只展示“加急”和“滞留”。
原因:需求文档要求参考 `index.vue`,但明确“不需要齐套和派工”;当前测试任务页面已有阀类/系统类识别逻辑,复用该分类最小且稳定。
## D-003滞留数据使用及时检验报表
决策:新增 `质量管理_及时检验报表_查询`,并使用属性 `2` 查询装配相关及时检验报表数据。
原因:文档明确“滞留取值及时检验报表里面的任务数”,参考页面中属性 `2` 对应“装配”。
## D-004加急数据使用测试装配任务查询结果
决策:加急汇总和测试任务汇总中的加急数量,使用 `质量管理_测试装配任务_查询` 返回结果中 `加急总数``加急数量` 大于 0 的任务数。
原因文档明确“加急取值存储过程质量管理_测试装配任务_查询加急总数大于0的任务数”。
## D-005移除缺件明细而不是隐藏空区域
决策:模板中移除“在制任务缺件明细”面板,主区域重新分配为左右两列各两个面板。
原因:文档要求“注释掉在制任务缺件明细”且“页面不能有空着的位置,合理安排”。移除面板并重排布局可以避免空白区域。
## D-006顶部统计数组改为 reactive
决策:将 `summaryCards` 从普通数组改为 `reactive` 数组。
原因:接口返回后会直接写入卡片值,响应式数组能确保卡片数字稳定刷新。

View File

@@ -0,0 +1,9 @@
# 07-执行过程日志
完整中文执行过程日志已按要求追加到:
```text
C:\WorkYuanLy\装配任务看板\gptlog-process\gpdlog.md
```
本文件作为 work 目录索引的一部分,记录日志落点,便于后续按任务矩阵继续推进。

View File

@@ -0,0 +1,16 @@
# 修改质检测试任务看板
## 索引
- `修改质检测试任务看板.docx`:原始需求文档复制件。
- `01-项目功能内容.md`:本次看板功能目标、数据来源和页面结构。
- `02-项目程序开发详细步骤.md`:从读取文档到修改、验证的开发步骤。
- `03-推进台账.md`:每轮推进内容、修改文件、验证和下一步。
- `04-任务矩阵.md`:任务编号、状态、验收标准,避免重复执行。
- `05-验收证据.md`:构建命令、提交、文件路径等证据。
- `06-决策记录.md`:关键实现决策及原因。
- `07-执行过程日志.md`:说明完整中文执行日志已追加到 `gptlog-process/gpdlog.md`
## 当前状态
已完成 `src/views/TestTaskDashboard.vue` 页面修改,并通过 `npm run build` 验证。前置的分类汇总看板修改已先推送到远程 `origin/main`,提交号 `765ed0a`