1.8 KiB
1.8 KiB
02-项目程序开发详细步骤
1. 修改前基线入库
- 当前目录原先不是 Git 仓库。
- 创建远程仓库:
zhangxinyang/zhuangpei-task-kanban。 - 本地执行
git init -b main。 - 提交当前代码:
e003b23 chore: baseline before dashboard update。 - 推送到远程
main,远程地址不写入密码。
2. 读取方案与参考页面
- 解包并读取
doc/装配中心任务看板修改方案.docx。 - 查看文档中的当前页截图和目标 16 行表格截图。
- 使用 UTF-8 读取参考页面,确认字段与存储过程:
ProductionManagement/DeliveryNoticeList/index.vuePlanManagement/ValueInstallTask/index.vuePlanManagement/SystemInstallTask/index.vueAnomalousManagement/AssemblyPunctualInspection/index.vue
3. 页面结构调整
- 重写
src/views/index.vue模板。 - 顶部改为 6 个卡片:
- 派工汇总
- 齐套汇总
- 加急汇总
- 滞留汇总
- 装配合格率
- 异常未关闭
- 主区域改为两列:
- 左侧:装配任务分类汇总,完整显示 16 行。
- 右侧:发货状态列表、在制任务列表。
4. 数据查询调整
- 删除页面中缺件明细、已完成任务、可执行任务数、及时送检数、加急任务总数的查询调用。
- 新增聚合查询:
计划排产_阀类任务查询计划排产_系统类任务查询异常提醒_装配及时送检_查询
- 查询参数统一补充:
物料类型=自制件辅助配件=包含指派对象=全部排产状态=已完成
- 前端聚合统一应用
计划数量 > 完成数量。
5. 验证
- 执行
npm run build。 - 构建通过,存在 Vite chunk 体积警告和 Sass legacy API 警告,均为现有依赖/打包提示,不影响本次页面编译。