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

@@ -67,3 +67,47 @@
### 结论
已完成本次 `index.vue` 修改:分类汇总数量颜色与指标列一致,分类图片改为左文右图的真实图片显示,四个分类分别使用不同图片;发货状态列表不再重复填充不足的行数。构建验证通过,只有 Vite chunk size 和 Sass legacy JS API 的常规警告。
## 2026-07-03 修改质检测试任务看板
### 提问
用户要求先上传远程修改,然后根据 `doc/修改质检测试任务看板.docx` 修改页面 `C:\WorkYuanLy\装配任务看板\src\views\TestTaskDashboard.vue`。修改完成后,在 `work` 下创建对应路径,复制原始文档,并新增或修改 `01-项目功能内容``02-项目程序开发详细步骤``03-推进台账``04-任务矩阵``05-验收证据``06-决策记录`、README 索引,同时将完整中文执行过程追加到 `gptlog-process/gpdlog.md`
### 执行过程
1. 检查 Git 状态,发现上一轮 `index.vue` 分类汇总修改、四张分类图片和 `gptlog-process/gpdlog.md` 尚未推送,同时 `TestTaskDashboard.vue` 已存在一处未提交差异。
2. 为避免两轮需求混在一起,先暂存上一轮相关文件:`src/views/index.vue``src/assets/dashboard/阀.png``src/assets/dashboard/其他.png``src/assets/dashboard/电气.png``src/assets/dashboard/机械.png``gptlog-process/gpdlog.md`
3. 执行提交 `feat: refine aggregate dashboard display`,提交号 `765ed0a`
4. 执行 `git push origin main`,将上一轮修改推送到远程 `origin/main`
5. 读取 `doc` 目录,确认存在 `修改质检测试任务看板.docx`
6. 使用 docx 解包方式读取 `word/document.xml`,提取到需求:注释掉可执行任务数和旧加急任务数,增加加急汇总和滞留汇总;注释掉在制任务缺件明细;已完工任务放在测试任务汇总下面;发货状态列表和测试装配任务列表放在右侧;左侧增加测试任务汇总且不需要齐套和派工;滞留取及时检验报表任务数;加急取 `质量管理_测试装配任务_查询` 中加急总数大于 0 的任务数。
7. 读取当前 `src/views/TestTaskDashboard.vue`,确认原布局为顶部 5 卡片、左侧发货/测试列表、右侧缺件/已完工列表。
8. 读取参考页面 `src/views/index.vue`,确认分类汇总表布局参考。
9. 读取参考页面 `C:\WorkYuanLy\MES_Manage_View_V20\src\views\QualityManagement\CheckTask\punctualInspection.vue`,确认及时检验报表存储过程为 `质量管理_及时检验报表_查询`,并确认参数结构和属性 `2` 对应装配。
10. 读取参考页面 `C:\WorkYuanLy\MES_Manage_View_V20\src\views\QualityManagement\TestAssemblyTask\index.vue`,确认测试装配任务查询使用 `质量管理_测试装配任务_查询` 和任务类型、生产订单、销售订单、物料名称、物料编码参数。
11. 修改 `TestTaskDashboard.vue` 模板:左侧改为“测试任务汇总”和“已完工任务”,右侧改为“发货状态列表”和“测试装配任务列表”。
12. 从模板中移除“在制任务缺件明细”面板,避免页面空位。
13. 新增测试任务汇总表,按“阀类/系统类”分组展示“加急/滞留”两个指标。
14. 新增 `rawTestAssemblyRows``stagnationRows` 数据源,用于汇总计算。
15. 新增 `testSummaryGroups``testSummaryMetrics``testSummaryRows`,生成左侧测试任务汇总表行。
16. 新增 `searchStagnationData`,调用 `质量管理_及时检验报表_查询`,参数按参考页面构造并设置 `属性``2`
17. 调整 `searchDashboardData`,新增滞留查询,移除缺件明细查询。
18. 恢复 `searchTestAssemblyTaskData` 对查询参数 `param` 的传递,使其与参考页面一致。
19. 修改 `applyTestAssemblyTaskData`:保存原始测试装配任务行,计算待协助、加急汇总、异常未关闭,并继续写入测试装配任务列表。
20. 修改 `applyQualityTimelinessData`:质检及时率写入新的顶部卡片索引。
21. 新增 `applyStagnationData`:保存及时检验报表行,并将滞留汇总设置为结果行数。
22. 新增 `isUrgentTask``getTaskGroupKey``countTestSummaryRows`,分别用于加急识别、阀类/系统类归类和汇总表统计。
23. 将顶部 `summaryCards` 改为 `reactive` 数组,并改为 5 项:待协助任务数、加急汇总、滞留汇总、质检及时率、异常未关闭消息数。
24. 修改样式:主区域改为左窄右宽,左列上下展示测试任务汇总和已完工任务,右列上下展示发货状态和测试装配任务。
25. 新增测试任务汇总表样式,包括项目列、指标列、数量列,以及加急红色、滞留橙色。
26. 删除不再使用的缺件明细查询函数、缺件行数据和缺件列配置。
27. 执行 `npm run build`构建成功Vite 正常生成 `TestTaskDashboard` 相关 JS/CSS 产物。
28. 创建 `work/修改质检测试任务看板`
29. 将原始 `doc/修改质检测试任务看板.docx` 复制到 `work/修改质检测试任务看板/修改质检测试任务看板.docx`
30. 在 work 目录中新增 README、`01-项目功能内容.md``02-项目程序开发详细步骤.md``03-推进台账.md``04-任务矩阵.md``05-验收证据.md``06-决策记录.md``07-执行过程日志.md`
31. 将本轮完整中文执行日志追加到 `gptlog-process/gpdlog.md`
### 结论
已按 `修改质检测试任务看板.docx` 完成 `TestTaskDashboard.vue` 修改:顶部统计卡片已调整,左侧新增测试任务汇总并放置已完工任务,右侧放置发货状态列表和测试装配任务列表,缺件明细已移除;加急汇总来自测试装配任务查询中加急总数大于 0 的任务数,滞留汇总来自及时检验报表任务数。`npm run build` 构建通过。work 目录资料已创建并复制原始 docx。