# 02-项目程序开发详细步骤

## 1. 修改前基线入库

1. 当前目录原先不是 Git 仓库。
2. 创建远程仓库：`zhangxinyang/zhuangpei-task-kanban`。
3. 本地执行 `git init -b main`。
4. 提交当前代码：`e003b23 chore: baseline before dashboard update`。
5. 推送到远程 `main`，远程地址不写入密码。

## 2. 读取方案与参考页面

1. 解包并读取 `doc/装配中心任务看板修改方案.docx`。
2. 查看文档中的当前页截图和目标 16 行表格截图。
3. 使用 UTF-8 读取参考页面，确认字段与存储过程：
   - `ProductionManagement/DeliveryNoticeList/index.vue`
   - `PlanManagement/ValueInstallTask/index.vue`
   - `PlanManagement/SystemInstallTask/index.vue`
   - `AnomalousManagement/AssemblyPunctualInspection/index.vue`

## 3. 页面结构调整

1. 重写 `src/views/index.vue` 模板。
2. 顶部改为 6 个卡片：
   - 派工汇总
   - 齐套汇总
   - 加急汇总
   - 滞留汇总
   - 装配合格率
   - 异常未关闭
3. 主区域改为两列：
   - 左侧：装配任务分类汇总，完整显示 16 行。
   - 右侧：发货状态列表、在制任务列表。

## 4. 数据查询调整

1. 删除页面中缺件明细、已完成任务、可执行任务数、及时送检数、加急任务总数的查询调用。
2. 新增聚合查询：
   - `计划排产_阀类任务查询`
   - `计划排产_系统类任务查询`
   - `异常提醒_装配及时送检_查询`
3. 查询参数统一补充：
   - `物料类型=自制件`
   - `辅助配件=包含`
   - `指派对象=全部`
   - `排产状态=已完成`
4. 前端聚合统一应用 `计划数量 > 完成数量`。

## 5. 验证

1. 执行 `npm run build`。
2. 构建通过，存在 Vite chunk 体积警告和 Sass legacy API 警告，均为现有依赖/打包提示，不影响本次页面编译。