# 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`。
