2025-10-20 修复与改版方案:多空间 Product 模型下的 StageOrder 与报价组件
背景与问题定位
- 当前页面卡在“加载订单信息...”,核心原因:StageOrder 使用
ChangeDetectionStrategy.OnPush
,异步加载完成后未触发变更检查,loading
置为 false
未被视图采纳。
loadDepartmentMembers
的调用在 loadData
中传入了 department.id
,而方法签名要求 FmodeObject
,导致潜在运行时异常与列表加载失败。
- 架构变更:
ProjectSpace
迁移为以 Product
统一管理空间,报价、需求、交付整合到 Project.data
,StageOrder 中保留了部分旧的空间与报价组织逻辑,需统一由 quotation-editor
组件基于 Project.id
驱动。
目标
- 页面稳定可用:修复加载状态与成员加载问题,使订单分配页可正常显示。
- 报价逻辑收敛:将多空间报价、产品管理逻辑封装在
quotation-editor
,StageOrder 仅透传 project.id
、权限与用户信息。
- 与
schemas.md
一致:遵循 Product
表为统一空间管理的范式,报价数据写回 Project.data.quotation
。
修复项与改动摘要
- OnPush 变更侦测修复
- 在
StageOrderComponent
构造函数中注入 ChangeDetectorRef
。
- 在
loadData
与 loadProjectSpaces
的 finally
中调用 cdr.markForCheck()
,确保 loading
与 loadingSpaces
更新后视图刷新。
- 调用参数纠正
- 在
loadData
内将 await this.loadDepartmentMembers(department.id)
改为传 department
对象:await this.loadDepartmentMembers(department)
。
- 报价编辑器集成核验
app-quotation-editor
已支持 @Input() projectId: string
,并在 ngOnInit/ngOnChanges
自动加载 Project
、Product
并生成或同步报价;loadingChange
事件会同步加载状态。
- StageOrder 中保留
onQuotationChange/onTotalChange/onProductsChange
用于接收报价结果与产品列表,但不再在页面内重复生成报价。
设计与实现要点(多空间报价)
quotation-editor
负责:
- 通过
projectId
加载 Project
与其 Product
列表;当无产品时依据项目类型生成默认产品房间。
- 生成可编辑的工序(建模/软装/渲染/后期)的报价明细,计算各产品小计与总价。
- 将生成后的报价写回
Project.data.quotation
,并通过事件输出到父组件。
- StageOrder 负责:
- 展示客户信息、项目基本信息、部门与成员分配、项目文件处理。
- 通过
app-quotation-editor [projectId]
使用报价逻辑,无需维护 quotation.spaces
的内部冗余生成流程。
风险与回退
- 若
Product
表数据为空且项目类型未选择,默认产品生成会跳过;需在 UI 上引导选择项目类型后再生成报价。
- 若企业微信环境拖拽不可用,文件上传路径已具备浏览器选择备选方案。
验证计划
- 启动开发服务器
ng serve --port 4300
,打开项目详情 → 订单分配页。
- 验证加载提示消失,客户/项目信息、报价编辑器渲染正常。
- 切换项目类型生成默认产品,检查报价总价与产品占比明细是否更新并写回。
- 选择项目组与成员,确认成员列表能正确加载并可分配。
后续优化建议
- 在
StageOrder.onQuotationLoadingChange
中联动顶层 loading
(或独立 quotationLoading
)以更细粒度展示报价加载状态。
- 将旧的空间管理展示与
Product
映射进一步简化,减少维护重复结构。
- 补充单元测试:
quotation-editor
的报价生成与保存。
StageOrder
的加载状态与成员加载行为。
变更日志
- 修复
StageOrder
OnPush 视图刷新与成员加载参数类型。
- 保持
quotation-editor
以 projectId
驱动多空间报价生成与管理。