zhuangpei-task-kanban/work/修改质检测试任务看板/02-项目程序开发详细步骤.md

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。