Files
n8n_Demo/progress.md
Yep_Q 67f5dfbe50 feat: 实现多订单班支持系统
主要功能:
- 修改RequirementModal支持12个订单班选择
- 添加OrderClassIconMap图标映射组件
- Store中添加selectedOrderClass状态管理
- WorkflowPage支持传递orderClass参数
- web_result添加URL参数切换功能
- 创建order-class-handler.js动态处理页面主题

技术改进:
- 创建软链接关联订单班数据目录
- 生成wenlu.json和food.json数据结构
- 删除重复的web_result目录
- 添加测试页面test-order-class.html

影响范围:
- 展会策划系统现支持12个订单班
- 结果展示页面自动适配不同订单班主题
- 用户可选择不同行业生成对应方案

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-29 10:02:15 +08:00

140 lines
14 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Project: 展会策划 AI 多智能体协作演示系统 + n8n 中文版工作流平台
_Last updated: 2025-09-29_
## Pinned仅高置信"必须遵守"写入;受保护不可修订)
- ⚠️ 必须使用 pnpm不能用 npm/yarn
- ⚠️ n8n 命令在 n8n-n8n-1.109.2/ 目录执行
- ⚠️ 提交前必须运行 lint 和 typecheck
- ⚠️ Git 提交到 My_N8N 分支(自动化)
- ⚠️ n8n 运行端口: 5678展会演示系统运行端口: 4173食品订单班运行端口: 4174
- ⚠️ 项目核心目标:演示 AI 多智能体协作进行展会策划,基于 n8n 工作流平台
- ⚠️ 多订单班演示系统架构使用单一exhibition-demo项目动态切换12个订单班
- ⚠️ 数据存储方案使用JSON文件存储所有订单班配置不使用SQLite数据库
- ⚠️ 结果页面架构采用混合模板方案1个基础模板 + 动态内容加载)
## Decisions按时间顺序追加历史不可改
- 2025-09-07: 确定使用 n8n-1.109.2 版本进行完整中文化(理由:成熟稳定版本,功能完整)
- 2025-09-08: 决定创建展会策划 AI 多智能体演示系统理由展示AI协作能力
- 2025-09-08: 采用 React 18 + TypeScript + Tailwind CSS 技术栈(理由:现代化前端架构)
- 2025-09-09: 创建专门的展会展示页面集合(理由:完整的展示体验)
- 2025-09-26: 创建 duoduo_Multiple_Agents 分支用于多智能体展示(理由:功能演示需要)
- 2025-09-28: 确定食品订单班采用"青莳轻食"中高端轻食店铺经营案例(理由:强调营养科学和食品安全差异化)
- 2025-09-28: 将采用基于文旅订单班的成功模板进行快速复制开发策略理由已验证框架可实现90%代码复用)
- 2025-09-28: 确定多订单班演示系统使用单一exhibition-demo项目架构理由统一管理动态切换12个订单班
- 2025-09-28: 确定数据存储使用JSON文件而非SQLite数据库理由避免复杂度简化配置管理
- 2025-09-28: 确定页面跳转机制使用URL参数方式理由格式/web_result/?orderClass=food可配合sessionStorage存储详细数据
- 2025-09-28: 确定结果页面采用混合模板方案理由1个基础模板 + 动态内容加载,特殊订单班可定制组件)
- 2025-09-28: 决定暂不实施Docker Compose方案理由现阶段项目架构已简化为单项目+JSON配置避免过度工程化专注核心功能开发
- 2025-09-29: 确定将orderClasses.json移动到exhibition-demo项目的data目录理由需求模板数据与演示系统紧密耦合便于动态加载
## TODO权威待办清单
- [P1][OPEN][#1] 优化 Duoduo Agent 设计系统的用户交互体验
- [P1][OPEN][#2] 完善多智能体协作流程的错误处理机制
- [P2][OPEN][#3] 添加更多展会类型的模板支持
- [P2][OPEN][#4] 验证所有展示页面的可用性
- [P1][OPEN][#14] 准备食品订单班Agent头像和UI素材Context需要7个Agent形象设计
- [P0][OPEN][#17] 设计每个订单班的专属AI Agent组合Context基于12个订单班场景
- [P1][OPEN][#18] 基于文旅模板创建可复用开发框架Context支持快速部署新订单班
- [P0][OPEN][#20] 开发财经商贸订单班演示系统Context优先开发重点演示场景
- [P0][OPEN][#41] 开发智能开发订单班演示系统Context优先开发重点演示场景
- [P0][OPEN][#42] 开发智能制造订单班演示系统Context优先开发重点演示场景
- [P2][OPEN][#26] 优化n8n工作流自动化演示效果
- [P1][OPEN][#30] 完整功能测试食品订单班演示系统Context端口4174全面验证
- [P1][OPEN][#31] 准备其他订单班开发Context基于食品订单班成功模板
- [P0][OPEN][#33] 收集其他11个订单班的Agent数据Context每个订单班需要7-9个Agent配置、头像.jpg格式、提示词.md文件、业务配图素材
- [P1][OPEN][#34] 开发多订单班主入口界面Contextexhibition-demo项目显示12个订单班选项grid布局
- [P1][OPEN][#36] 实现Agent动态加载机制Context选择订单班后动态加载对应Agent
- [P0][OPEN][#37] 生成所有Agent头像Context约100个Agent形象设计需要统一风格
- [P1][OPEN][#46] 优化需求模板数据映射的用户体验Context改进点击订单班后的模板填充交互
## In Progress
- [P1][DOING][#5] 维护和优化当前多智能体展示分支功能
## Done最近完成的放前面
- 2025-09-29: [#44] 完成12个订单班需求模板集成到exhibition-demoevidence移动orderClasses.json到/web_frontend/exhibition-demo/src/data/修改RequirementModal组件使用配置文件数据修复标题显示问题实现需求模板数据映射点击不同订单班自动填充对应专业需求描述
- 2025-09-29: [#43] 完成订单班需求模板配置文件创建evidence创建orderClasses.json配置文件包含12个订单班完整需求模板基于实际文档内容提取文件位置/web_frontend/orderClasses.json
- 2025-09-28: [#38] 完成项目重组和文档资料整理evidence将2345个文件从doc/订单班文档资料/迁移到data/订单班文档资料/保持所有12个订单班的完整文档资料commit beb1ba38
- 2025-09-28: [#39] 完成AI Agent架构设计evidence定义12个订单班共100+个专业Agent确立4种Agent协作模式
- 2025-09-28: [#40] 完成配置文件体系建设evidence创建orderClasses.json配置文件支持动态加载和热更新
- 2025-09-28: [#32] 完成食品订单班演示系统7个Agent全部开发evidenceAgent-5财务分析师60万总投资14个月回本ROI285%Agent-6运营管理专家15小时营业6人团队32个标准流程Agent-7食品创业导师方案可行性96%A+级市场前景建议2025年Q2启动端口4174正常运行基于文旅订单班框架实现90%代码复用)
- 2025-09-28: [#28] 完成Agent-1市场研究专家和Agent-2营养配方师演示内容更新evidencecommit ab20a4b2轻食市场1200亿元数据32款产品营养菜单3款核心产品配方
- 2025-09-28: [#29] 完成食品订单班系统启动序列更新evidence系统名称改为"AI青莳轻食经营方案生成系统 v1.0.0"版权青莳轻食AI团队
- 2025-09-28: [#15] 完善食品订单班演示内容和具体流程evidenceAgent-1和Agent-2内容完善演示内容更贴近食品行业实际场景
- 2025-09-28: [#23] 测试食品订单班系统功能完整性evidence端口4174正常运行演示内容技术验证成功
- 2025-09-28: [#22] 完成食品订单班演示系统基础框架开发evidenceexhibition-demo复制为food-order-demo端口4174配置7个AI Agent重构"青莳轻食"主题界面Git提交33516文件变更
- 2025-09-28: [#21] 完成所有12个订单班的文案资料准备evidence财经商贸、食品、智能开发、智能制造、视觉设计、交通物流、土木水利、大健康、能源、化工、环保订单班文案全部就绪
- 2025-09-28: [#12] 完成食品订单班实施方案设计evidence: doc/订单班演示策划方案/食品订单班_轻食店铺经营方案.md
- 2025-09-26: [#6] 创建完整的项目历史记录和现状说明evidence: progress.md 完整更新)
- 2025-09-09: [#7] 完成4个展会展示页面开发evidence: web_frontend/web_result/pages/
- 2025-09-09: [#8] 实现 Duoduo Agent 智能设计系统evidence: operation.html
- 2025-09-08: [#9] 开发7个专业AI Agent协作系统evidence: web_frontend/exhibition-demo/
- 2025-09-08: [#10] 创建展会策划68页方案生成功能evidence: 3分钟生成完整方案
- 2025-09-07: [#11] 完成 n8n 平台完整中文化evidence: 3465行翻译完成
- 2025-09-26: [#16] 创建项目基础结构和分支管理evidence: git branch duoduo_Multiple_Agents
## Risks & Assumptions
- Risk多智能体系统复杂度高可能影响维护性Mitigation模块化设计清晰的接口定义
- Riskn8n 版本更新可能导致中文化丢失Mitigation版本控制管理定期备份
- Riskn8n 1.109.2 版本可能存在兼容性问题Mitigation使用标准安装流程和依赖锁定
- Risk12个订单班同时开发资源分散Mitigation优先开发3个重点订单班模板化快速复制
- Risk动态切换订单班可能造成状态管理复杂Mitigation使用JSON配置文件统一管理清晰的数据流
- Assumption用户具备基本的n8n使用经验Confidence: Medium
- Assumption展会策划需求相对标准化Confidence: High
- Assumption开发环境支持 Node.js 和 pnpm 工具链Confidence: High
- Assumption食品订单班基于文旅订单班框架代码复用可达90%Confidence: High
- Assumption订单班模板化开发可将总工期从6-7周缩短至4周Confidence: High
- Assumption其他11个订单班的Agent数据可以及时收集到位Confidence: Medium
## Notes简要要点
- 2025-09-29: 12个订单班需求模板集成完成实现了点击不同订单班自动填充专业需求描述的功能包括食品-青莳轻食连锁品牌、文旅-2024长三角新能源汽车展、智能制造-汽车零部件智能分拣系统等12个专业领域具体项目需求需求模板数据成功映射到RequirementModal组件
- 2025-09-29: orderClasses.json文件迁移完成从项目根目录移动到exhibition-demo/src/data/目录,与演示系统实现紧密耦合,支持动态加载需求模板数据
- 2025-09-29: RequirementModal组件功能升级从静态展会策划需求改为基于配置文件的动态需求模板标题统一显示为"输入需求",用户体验更加一致
- 2025-09-29: orderClasses.json配置文件创建完成包含12个订单班需求模板食品-青莳轻食连锁品牌、文旅-2024长三角新能源汽车展、智能制造-汽车零部件智能分拣系统、智能开发-K12在线教育平台、财经商贸-化妆品电商全链路运营、视觉设计-同里古镇农文旅宣传片、大健康-AI心理咨询服务平台、交通物流-冷链智慧共配中心AGV调度系统、能源-光伏电池片智能检测分拣系统、化工-半导体材料质量检测实验室、环保-城市地表水环境监测治理、土木-滨河防洪堤加固及生态修复工程),每个模板包含具体项目名称、规模、投资、技术指标等专业参数
- 2025-09-28: TODO任务调整完成移除Docker Compose部署方案#19),决定现阶段专注核心功能开发而避免过度工程化
- 2025-09-28: 核心任务重新规划3个重点订单班财经商贸#20、智能开发#41、智能制造#42+ Agent头像生成#37 + 多订单班主入口#34 + Agent动态加载#36
- 2025-09-28: 项目重组完成确认文档资料目录重组从doc/迁移到data/保持12个订单班完整文档资料AI Agent架构设计完成配置文件体系建设完成
- 2025-09-28: Git状态更新当前分支duoduo_Multiple_Agents最新提交beb1ba38代码库状态clean所有变更已提交
- 2025-09-28: 多订单班技术决策确认完成单一exhibition-demo项目架构JSON文件数据存储URL参数页面跳转混合模板结果页面方案
- 2025-09-28: 用户交互流程设计:点击"输入需求"→显示12个订单班选项grid grid-cols-1 gap-3→选择订单班→动态加载对应Agent→执行完成→跳转结果页面
- 2025-09-28: 主体入口确定web_frontend/exhibition-demo结果展示web_frontend/web_result
- 2025-09-28: 配置文件方案orderClasses.json存储所有订单班配置避免SQLite数据库复杂度
- 2025-09-28: 数据需求明确每个订单班需要7-9个Agent配置、Agent头像.jpg格式、Agent提示词.md文件、业务配图素材
- 2025-09-28: 当前状态文旅订单班已完成等待其余11个订单班的Agent数据数据到位后开始实施
- 2025-09-28: 食品订单班演示系统核心开发完成7个专业Agent演示内容全部完成市场研究专家、营养配方师、供应链管理专家、品牌策划师、财务分析师、运营管理专家、食品创业导师
- 2025-09-28: 食品订单班财务数据Agent-5财务分析师提供60万总投资14个月回本3年ROI 285%的可行性分析
- 2025-09-28: 食品订单班运营数据Agent-6运营管理专家设计15小时营业6人团队32个标准流程10项品控标准的完整运营体系
- 2025-09-28: 食品订单班创业导师评估Agent-7食品创业导师给出方案可行性96%A+级市场前景建议2025年Q2启动的专业建议
- 2025-09-28: 技术验证成功端口4174正常运行无冲突所有Agent演示内容贴合食品行业实际场景
- 2025-09-28: 系统开发完备演示系统功能完整可直接用于展示文件位置web_frontend/food-order-demo/
- 2025-09-28: 代码复用策略成功基于文旅订单班框架实现90%代码复用,验证了快速开发模板的可行性
## Context Index轻量索引
- 项目结构: 2025-09-08_n8nDEMO演示/
- n8n-n8n-1.109.2/ (中文版源码)
- web_frontend/exhibition-demo/ (React多智能体演示主入口)
- web_frontend/food-order-demo/ (食品订单班演示系统)
- web_frontend/web_result/ (展会HTML页面结果展示)
- data/订单班文档资料/ (12个订单班完整文档资料已重组)
- data/智能开发/Agent/ (项目附件:前端资源、字体等)
- .claude/agents/ (Claude智能体配置)
- doc/订单班演示策划方案/ (食品订单班方案文档)
- doc/notion文档资料/食品/ (食品订单班素材来源)
- 运行命令:
- n8n平台: cd n8n-n8n-1.109.2 && ./start.sh
- 展会演示: cd web_frontend/exhibition-demo && pnpm preview
- 食品订单班: cd web_frontend/food-order-demo && pnpm dev (端口4174)
- 分支管理:
- main (主分支)
- My_N8N (个人开发分支)
- Web_Create (Web创建分支)
- duoduo_Multiple_Agents (当前:多智能体展示)
- 重要页面:
- exhibition.html (会展智能页面)
- marketing.html (营销推广页面)
- operation.html (AI布局设计-重点页面)
- overview.html (总览页面)
- 多订单班配置:
- orderClasses.json (所有订单班配置文件位置exhibition-demo/src/data/包含12个订单班需求模板)
- 跳转格式: /web_result/?orderClass=food
- 数据存储: sessionStorage配合URL参数
- 配置内容: 每个订单班包含项目名称、规模、投资、技术指标等专业参数