┌─────────────────────────────────────────────────────┐
│ 交付执行阶段 │
├──────────────────┬──────────────────────────────────┤
│ 【左侧】消息面板 │ 【右侧】交付物上传 │
│ - 消息模板 │ - 白模 │
│ - 自定义编辑 │ - 软装 │
│ - 发送按钮 │ - 渲染 │
│ - 消息历史 │ - 后期 │
├──────────────────┴──────────────────────────────────┤
│ 【底部】改图工单管理 │
│ - 创建改图任务 - 工单列表 - 审批流程 │
└─────────────────────────────────────────────────────┘
src/app/pages/services/message.service.ts - 消息服务src/app/pages/services/revision-task.service.ts - 改图工单服务src/modules/project/components/message-panel.component.ts - 消息面板组件src/modules/project/components/revision-task-modal.component.ts - 改图工单弹窗stage-delivery.component.ts - 主组件逻辑stage-delivery-new.component.html - 模板结构stage-delivery-new.component.scss - 样式ProjectMessage - 消息记录表RevisionTask - 改图工单表上传交付物 → 打开消息面板 → 选择模板/自定义 → 发送到客户群 → 记录到数据库
组员创建工单
↓
通知组长审批
↓
组长审批通过
↓
通知客服报价
↓
客服协商确定价格
↓
工单进入执行阶段
↓
完成后标记完成
const MESSAGE_TEMPLATES = {
white_model: [...],
soft_decor: [...],
rendering: [...],
post_process: [...]
};
interface RevisionTask {
type: 'minor' | 'major';
spaceIds: string[];
estimatedDays: string;
status: string;
// ...
}
详细设计文档请查看以下文件:
DELIVERY_MESSAGE_DESIGN.md - 消息功能详细设计DELIVERY_REVISION_DESIGN.md - 改图工单详细设计DELIVERY_CODE_IMPLEMENTATION.md - 代码实现指南