diff --git a/.promptx/pouch.json b/.promptx/pouch.json index c9814564..791e08ec 100644 --- a/.promptx/pouch.json +++ b/.promptx/pouch.json @@ -4,7 +4,7 @@ { "from": "initial", "command": "init", - "timestamp": "2025-09-28T02:19:04.690Z", + "timestamp": "2025-09-28T05:52:01.380Z", "args": [ { "workingDirectory": "/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示", @@ -14,72 +14,34 @@ }, { "from": "initialized", - "command": "action", - "timestamp": "2025-09-28T02:19:18.500Z", - "args": [ - "recorder" - ] - }, - { - "from": "role_activated_with_memory", - "command": "welcome", - "timestamp": "2025-09-28T02:19:26.321Z", - "args": [] - }, - { - "from": "service_discovery", - "command": "action", - "timestamp": "2025-09-28T02:19:30.735Z", - "args": [ - "nuwa" - ] - }, - { - "from": "role_activated_with_memory", - "command": "init", - "timestamp": "2025-09-28T02:20:58.827Z", - "args": [ - { - "workingDirectory": "/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示", - "ideType": "claude" - } - ] - }, - { - "from": "initialized", - "command": "action", - "timestamp": "2025-09-28T02:21:02.388Z", - "args": [ - "recorder" - ] - }, - { - "from": "role_activated_with_memory", - "command": "action", - "timestamp": "2025-09-28T07:49:52.544Z", - "args": [ - "assistant" - ] - }, - { - "from": "role_activated_with_memory", "command": "remember", - "timestamp": "2025-09-28T07:56:46.647Z", + "timestamp": "2025-09-28T05:52:24.624Z", "args": [ "assistant", - "## 12个订单班AI Agent架构设计完成\n- 已创建完整的AI Agent架构设计文档，定义了12个订单班共100+个专业Agent\n- 每个订单班配置7-9个专业Agent，覆盖该行业的核心岗位能力\n- Agent设计遵循：专业分工、协同作业、结果导向、行业特色原则\n- 定义了4种Agent协作模式：串行、并行、主从、迭代优化\n\n## orderClasses.json配置文件创建完成\n- 位置：./web_frontend/exhibition-demo/src/data/orderClasses.json\n- 包含12个订单班的完整配置，共100个专业Agent定义\n- 每个Agent包含：id、name、icon、avatar、model、role、skills、status属性\n- 支持动态加载和热更新，便于展示层集成\n\n## 各订单班Agent配置要点\n1. 文旅（7个）：信息检索、设计、财务预算、格式编辑、活动执行、营销推广、运营协调\n2. 财经商贸（8个）：市场分析、选品策略、电商运营、内容营销、供应链、数据分析、客服运营、财务管理\n3. 食品（7个）：市场研究、营养配方、供应链管理、品牌策划、财务分析、运营管理、创业导师\n4. 智能开发（8个）：产品架构、前端开发、后端架构、算法工程、测试、DevOps、项目经理、技术文档\n5. 智能制造（8个）：自动化工程、机器人、工艺优化、质量控制、设备维护、安全管理、MES系统、项目实施\n6. 视觉设计（8个）：创意总监、脚本编剧、摄影指导、后期制作、平面设计、动画设计、音乐音效、制片人\n7. 交通物流（8个）：算法架构、系统集成、AGV控制、交通调度、充电管理、仿真测试、数据分析、运维保障\n8. 土木水利（8个）：工程设计、造价工程、施工组织、质量安全、环境评估、BIM建模、投标文件、项目经理\n9. 大健康（8个）：心理评估、咨询方案、AI技术、伦理合规、用户体验、数据分析、培训督导、医疗协作\n10. 能源（8个）：视觉算法、光学工程、自动化工程、数据工程、质量工程、工艺专家、设备维护、项目实施\n11. 化工（8个）：分析化学、材料科学、仪器分析、质量标准、数据分析、实验室管理、技术文档、客户服务\n12. 环保（8个）：环境监测、水质分析、采样技术、数据分析、GIS应用、法规标准、质量保证、项目管理\n\n## 下一步工作重点\n1. 生成所有Agent头像（约100个）- UI素材准备\n2. 开发财经商贸、智能开发、智能制造三个优先订单班演示系统\n3. 实现Agent动态加载机制，支持订单班切换\n4. 集成到exhibition-demo展示系统中", + "## Web_Result输出机制理解\n- 已明确web_result是Agent执行结果的最终展示页面\n- 每个订单班需要独立的结果展示模板\n- 数据流：exhibition-demo执行 → 生成结果数据 → web_result展示\n- 需要为12个订单班创建对应的结果模板\n\n## 下一步实施计划\n1. 在exhibition-demo中实现订单班选择器\n2. 从n8n工程文档提取所有Agent配置\n3. 创建统一的orderClasses.json数据文件\n4. 改造web_result支持多订单班结果展示\n5. 生成所有Agent头像（约100个）\n\n## 关键决策\n- 使用JSON作为统一数据存储格式\n- 单项目架构，动态加载不同订单班配置\n- Agent只在选择订单班后才显示\n- 集成现有web_result作为结果输出", "--tags", - "architecture ai-agents orderclasses configuration" + "project-planning architecture-decisions implementation-roadmap" ] }, { "from": "memory_saved", + "command": "init", + "timestamp": "2025-09-29T09:00:52.601Z", + "args": [ + { + "workingDirectory": "/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示", + "ideType": "cursor" + } + ] + }, + { + "from": "initialized", "command": "action", - "timestamp": "2025-09-28T08:21:02.957Z", + "timestamp": "2025-09-29T09:00:55.900Z", "args": [ "recorder" ] } ], - "lastUpdated": "2025-09-28T08:21:02.964Z" + "lastUpdated": "2025-09-29T09:00:55.917Z" } diff --git a/.promptx/resource/project.registry.json b/.promptx/resource/project.registry.json index 792bde20..04e55d28 100644 --- a/.promptx/resource/project.registry.json +++ b/.promptx/resource/project.registry.json @@ -4,8 +4,8 @@ "metadata": { "version": "2.0.0", "description": "project 级资源注册表", - "createdAt": "2025-09-28T05:52:01.386Z", - "updatedAt": "2025-09-28T05:52:01.389Z", + "createdAt": "2025-09-29T09:00:52.615Z", + "updatedAt": "2025-09-29T09:00:52.619Z", "resourceCount": 3 }, "resources": [ @@ -17,9 +17,9 @@ "description": "思维模式，指导AI的思考方式", "reference": "@project://.promptx/resource/role/recorder/memory-management.thought.md", "metadata": { - "createdAt": "2025-09-28T05:52:01.388Z", - "updatedAt": "2025-09-28T05:52:01.388Z", - "scannedAt": "2025-09-28T05:52:01.388Z", + "createdAt": "2025-09-29T09:00:52.618Z", + "updatedAt": "2025-09-29T09:00:52.618Z", + "scannedAt": "2025-09-29T09:00:52.618Z", "path": "role/recorder/memory-management.thought.md" } }, @@ -31,9 +31,9 @@ "description": "执行模式，定义具体的行为模式", "reference": "@project://.promptx/resource/role/recorder/progress-recording.execution.md", "metadata": { - "createdAt": "2025-09-28T05:52:01.388Z", - "updatedAt": "2025-09-28T05:52:01.388Z", - "scannedAt": "2025-09-28T05:52:01.388Z", + "createdAt": "2025-09-29T09:00:52.618Z", + "updatedAt": "2025-09-29T09:00:52.618Z", + "scannedAt": "2025-09-29T09:00:52.618Z", "path": "role/recorder/progress-recording.execution.md" } }, @@ -45,9 +45,9 @@ "description": "专业角色，提供特定领域的专业能力", "reference": "@project://.promptx/resource/role/recorder/recorder.role.md", "metadata": { - "createdAt": "2025-09-28T05:52:01.389Z", - "updatedAt": "2025-09-28T05:52:01.389Z", - "scannedAt": "2025-09-28T05:52:01.389Z", + "createdAt": "2025-09-29T09:00:52.619Z", + "updatedAt": "2025-09-29T09:00:52.619Z", + "scannedAt": "2025-09-29T09:00:52.619Z", "path": "role/recorder/recorder.role.md" } } diff --git a/.serena/memories/exhibition_demo_architecture_2025.md b/.serena/memories/exhibition_demo_architecture_2025.md new file mode 100644 index 00000000..6b26a064 --- /dev/null +++ b/.serena/memories/exhibition_demo_architecture_2025.md @@ -0,0 +1,64 @@ +# Exhibition-Demo 项目记忆 (2025-09-29) + +## 项目概述 +一个基于 React + TypeScript 的多智能体协同演示系统，支持12个专业领域的AI Agent协同工作。 + +## 最新架构决策 +- **UI设计**: 采用苹果风格设计语言，简洁优雅 +- **数据管理**: 终端模拟数据使用TypeScript（src/data/terminalSimulations/），已废弃JSON方案 +- **主题系统**: 12个订单班各有独特主题色和图标 +- **组件版本**: WorkflowPageV4和ResultPageV2是最新版本 + +## 项目结构 +``` +exhibition-demo/ +├── src/ +│ ├── components/ +│ │ ├── RequirementModal.tsx # 苹果风格弹窗，含视频Logo +│ │ └── OrderClassIcons.tsx # 订单班图标映射 +│ ├── pages/ +│ │ ├── WorkflowPageV4.tsx # 最新工作流页面 +│ │ └── ResultPageV2.tsx # 最新结果页面 +│ ├── data/ +│ │ ├── orderClasses.json # 12个订单班配置 +│ │ └── terminalSimulations/ # TypeScript终端数据 +│ │ ├── wenlu.ts +│ │ └── food.ts +``` + +## 12个订单班配置 +1. food - 食品（橙色） +2. tourism - 文旅（翠绿） +3. finance - 财经商贸（蓝色） +4. dev - 智能开发（紫色） +5. manufacturing - 智能制造（灰色） +6. design - 视觉设计（粉色） +7. logistics - 交通物流（靛蓝） +8. civil - 土木（黄色） +9. health - 大健康（红色） +10. energy - 能源（绿色） +11. chemical - 化工（青色） +12. environment - 环保（青柠） + +## UI关键特性 +- 动态视频Logo: https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/video/cloude.mp4 +- 背景图片: /public/image/bg.png +- 主色调: 蓝色系（从紫色统一改为蓝色） +- 卡片效果: 3D悬浮、脉冲光晕、旋转动画 + +## 重要技术细节 +- 打字机速度: CHARS_PER_SECOND = 35 +- 行间延迟: LINE_DELAY = 100ms +- URL参数: ?orderClass=food/wenlu/... +- 终端模拟: 使用动态import加载TypeScript数据 + +## 最近完成的优化 +- ✅ RequirementModal订单班卡片优化（间距、动画、选中效果） +- ✅ 标题增大（text-sm → text-base）并添加图标 +- ✅ 删除未使用的JSON文件（food.json, wenlu.json） +- ✅ 更新README.md文档 + +## 待优化事项 +- 为其他10个订单班添加terminalSimulations数据 +- Agent卡片动画效果优化 +- 结果页面展示效果完善 \ No newline at end of file diff --git a/config/LLM_API.yaml b/config/LLM_API.yaml new file mode 100644 index 00000000..d11f83b9 --- /dev/null +++ b/config/LLM_API.yaml @@ -0,0 +1,9 @@ +# LLM API配置文件 + +# DeepSeek API +deepseek: + api_key: sk-14f130ad4c1441d78680335e1e2a9c01 + +# Google Gemini API +gemini: + api_key: AIzaSyBdyQMVmfg0G5HT6rxBdIuoU6cAZ_GIxwA diff --git a/config/n8n/智能制造-物流产线.json b/config/n8n/智能制造-物流产线.json new file mode 100644 index 00000000..5a58b74d --- /dev/null +++ b/config/n8n/智能制造-物流产线.json @@ -0,0 +1,412 @@ +{ + "name": "My workflow", + "nodes": [ + { + "parameters": { + "options": {} + }, + "type": "@n8n/n8n-nodes-langchain.chatTrigger", + "typeVersion": 1.3, + "position": [ + -720, + 288 + ], + "id": "a787c8b1-bce1-4fe5-aed8-98d9055c2ee3", + "name": "When chat message received", + "webhookId": "2e71fd2a-bb93-44e2-9ef9-6a38026182f0" + }, + { + "parameters": { + "model": "deepseek-reasoner", + "options": {} + }, + "type": "@n8n/n8n-nodes-langchain.lmChatDeepSeek", + "typeVersion": 1, + "position": [ + 336, + 448 + ], + "id": "5d5e3c2a-1ed2-4529-97e4-f48090e46398", + "name": "DeepSeek Chat Model3", + "credentials": { + "deepSeekApi": { + "id": "CdnbAJyiqCDv0kTw", + "name": "DeepSeek account" + } + } + }, + { + "parameters": { + "options": {} + }, + "type": "@n8n/n8n-nodes-langchain.lmChatDeepSeek", + "typeVersion": 1, + "position": [ + 1136, + 736 + ], + "id": "2c48d778-4312-4923-8125-3c28c7f9b270", + "name": "DeepSeek Chat Model4", + "credentials": { + "deepSeekApi": { + "id": "CdnbAJyiqCDv0kTw", + "name": "DeepSeek account" + } + } + }, + { + "parameters": { + "options": {} + }, + "type": "@n8n/n8n-nodes-langchain.lmChatDeepSeek", + "typeVersion": 1, + "position": [ + 528, + 1088 + ], + "id": "1f66ed88-8c85-4fcc-b6f9-2a0da05961c5", + "name": "DeepSeek Chat Model5", + "credentials": { + "deepSeekApi": { + "id": "CdnbAJyiqCDv0kTw", + "name": "DeepSeek account" + } + } + }, + { + "parameters": { + "promptType": "define", + "text": "=根据 {{ $json.chatInput }}的主题按照以下提示词内容进行工作\n\n# Role: 会展行业信息检索专家\n\n## Profile\n- author: LangGPT \n- version: 1.0\n- language: 中文\n- description: 你是一位精通信息搜索与报告撰写的专家，特别擅长会展行业的内容收集与趋势分析。\n\n## Skills\n1. 能够高效检索抖音、小红书等内容平台上的行业信息；\n2. 熟悉热门新闻网站的会展相关资讯收集；\n3. 具备分析行业报告（2023~2025年）的能力；\n4. 能够撰写结构清晰、逻辑严密的行业调研报告；\n5. 输出格式符合 JSON 结构要求。\n\n## Goals\n- 基于给定主题，全面检索多平台信息并进行深度分析；\n- 撰写一份约2000字的会展行业调研报告；\n- 报告结构需包含指定的章节标题；\n- 输出内容格式必须为合法的 JSON 格式。\n\n## OutputFormat\n请以如下 JSON 格式输出调研报告：\n\n```json\n{\n \"标题\": \"请填写调研报告标题\",\n \"报告摘要\": \"摘要内容，控制在200字以内\",\n \"背景介绍\": \"详细背景内容\",\n \"市场环境分析\": \"市场现状、趋势、竞争分析等\",\n \"客户群体分析\": \"客户画像、行为习惯、兴趣点等\",\n \"招商群体分析\": \"潜在招商对象特征、合作模式等\",\n \"热门布展地点\": \"地点名称、特点、案例等\",\n \"常见预算方案\": \"不同预算规模下的典型方案\",\n \"本片内容总结\": \"总结全文要点\"\n}\n", + "batching": {} + }, + "type": "@n8n/n8n-nodes-langchain.chainLlm", + "typeVersion": 1.7, + "position": [ + 128, + 288 + ], + "id": "6788a861-1b06-4f19-a63e-de42971d7fc7", + "name": "PLC S7-1500" + }, + { + "parameters": { + "promptType": "define", + "text": "=以下是一份展会活动策划书的结构，充分了解以下格式的范文\n{\n \"展会策划案范本\": {\n \"一、策划案概述\": {\n \"封面\": {\n \"展会名称\": \"\",\n \"策划案名称\": \"\",\n \"策划单位_人\": \"\",\n \"日期\": \"\"\n },\n \"目录\": \"列出策划案各部分标题及对应页码\",\n \"策划背景\": {\n \"内容\": \"简述展会举办的行业背景、市场机遇及必要性\",\n \"_ref\": [1, 6]\n },\n \"策划目的\": {\n \"内容\": \"明确展会举办期望达成的总体目标\",\n \"_ref\": [2]\n },\n \"策划依据\": \"简述策划所依据的市场调研、政策支持或往届经验等\"\n },\n \"二、展会介绍与预期效果\": {\n \"展会主题\": {\n \"内容\": \"明确展会的核心主题和口号\",\n \"_ref\": [3]\n },\n \"展会地址\": \"写明展馆名称及具体地址\",\n \"展品范围\": {\n \"内容\": \"详细列出展会展示的主要产品类别或领域\",\n \"_ref\": [1]\n },\n \"举办时间\": \"明确展会的具体举办日期及每日开放时间\",\n \"办展机构\": {\n \"主办单位\": \"\",\n \"_ref_主办单位\": [1],\n \"承办单位\": \"\",\n \"_ref_承办单位\": [1],\n \"协办单位\": \"\",\n \"支持单位\": \"\"\n },\n \"目标参展商\": {\n \"内容\": \"描述希望吸引的参展企业类型、行业领域、规模等特征\",\n \"_ref\": [1]\n },\n \"目标观众\": {\n \"内容\": \"描述希望吸引的专业观众、采购商或公众观众群体特征\",\n \"_ref\": [1]\n },\n \"预计规模\": {\n \"展览面积\": \"\",\n \"_ref_展览面积\": [7],\n \"标准展位数量\": \"\",\n \"_ref_标准展位数量\": [7],\n \"特装展位面积\": \"\",\n \"预计参展商家数\": \"\",\n \"_ref_预计参展商家数\": [7],\n \"预计参观人次\": \"\",\n \"_ref_预计参观人次\": [3, 7]\n },\n \"展会定位\": {\n \"内容\": \"阐述展会在行业中的差异化定位和特色\",\n \"_ref\": [6]\n },\n \"预期效果\": {\n \"品牌影响力\": \"期望提升的品牌知名度或行业地位\",\n \"交易促成\": {\n \"内容\": \"预计达成的现场成交额或意向签约额\",\n \"_ref\": [7]\n },\n \"行业推动\": \"对行业发展的预期贡献\",\n \"其他效益\": \"如媒体曝光度、社会关注度等\"\n }\n },\n \"三、营销方案\": {\n \"整体推广策略\": \"概述营销推广的核心思路与策略组合\",\n \"线下推广方案\": {\n \"传统媒体广告\": {\n \"内容\": \"如行业杂志、报纸、广播、电视等\",\n \"_ref\": [2]\n },\n \"直邮与邀请函\": {\n \"内容\": \"向目标参展商和观众寄送邀请资料\",\n \"_ref\": [1]\n },\n \"户外广告\": \"如地铁、公交、广告牌等\",\n \"行业活动推广\": \"在相关展会、会议中进行宣传推广\",\n \"渠道合作\": \"与行业协会、商会、使馆商务处等合作推广\",\n \"新闻发布会\": {\n \"内容\": \"召开新闻发布会宣布展会亮点\",\n \"_ref\": [3]\n }\n },\n \"线上推广方案\": {\n \"官网与微站\": {\n \"内容\": \"建设展会官方网站和手机微站，提供信息发布和在线注册功能\",\n \"_ref\": [2]\n },\n \"社交媒体营销\": {\n \"内容\": \"利用微信、微博、抖音、LinkedIn等平台进行内容传播、广告投放和互动\",\n \"_ref\": [8]\n },\n \"搜索引擎营销\": {\n \"内容\": \"SEM 与 SEO 提高展会搜索可见度\",\n \"_ref\": [2]\n },\n \"电子邮件营销\": {\n \"内容\": \"EDM：向数据库内的潜在客户发送展会信息\",\n \"_ref\": [2]\n },\n \"线上直播与短视频\": {\n \"内容\": \"通过直播预告、现场直击、短视频种草等方式吸引关注\",\n \"_ref\": [8]\n },\n \"合作伙伴联动\": {\n \"内容\": \"与行业网站、流量平台合作推广\",\n \"_ref\": [2]\n }\n },\n \"精准邀请与对接\": {\n \"专业买家邀请\": {\n \"内容\": \"通过数据库、呼叫中心、合作机构等邀请高质量专业观众\",\n \"_ref\": [1]\n },\n \"供需匹配服务\": {\n \"内容\": \"提供线上预约洽谈、智能匹配等服务，提升参展效果\",\n \"_ref\": [3]\n }\n }\n }\n }\n}\n", + "batching": {} + }, + "type": "@n8n/n8n-nodes-langchain.chainLlm", + "typeVersion": 1.7, + "position": [ + 592, + 912 + ], + "id": "77d2451e-5521-403a-85cc-19bbd4d99a60", + "name": "ABB IRB 2600" + }, + { + "parameters": { + "url": "=", + "options": {} + }, + "type": "n8n-nodes-base.httpRequest", + "typeVersion": 4.2, + "position": [ + -352, + 288 + ], + "id": "64741d06-c444-453c-a722-964dc7986bca", + "name": "数据采集" + }, + { + "parameters": {}, + "type": "n8n-nodes-base.noOp", + "name": "Replace Me", + "typeVersion": 1, + "position": [ + 592, + 496 + ], + "id": "77b85add-c048-4ab3-b0b0-5d5dc627f1ec" + }, + { + "parameters": { + "options": {} + }, + "type": "n8n-nodes-base.splitInBatches", + "typeVersion": 3, + "position": [ + 528, + 288 + ], + "id": "c31af746-70d7-4db9-bb3c-9c680300d48e", + "name": "编程可行性验证" + }, + { + "parameters": { + "conditions": { + "options": { + "caseSensitive": true, + "leftValue": "", + "typeValidation": "strict", + "version": 2 + }, + "conditions": [ + { + "id": "688da513-caa2-4c7b-85ab-51b79123a9d5", + "leftValue": "", + "rightValue": "", + "operator": { + "type": "string", + "operation": "equals", + "name": "filter.operator.equals" + } + } + ], + "combinator": "and" + }, + "options": {} + }, + "type": "n8n-nodes-base.filter", + "typeVersion": 2.2, + "position": [ + 64, + 912 + ], + "id": "ce9c5885-abe9-4f0e-baf3-9028e5a307fc", + "name": "数据处理" + }, + { + "parameters": { + "url": "=", + "options": {} + }, + "type": "n8n-nodes-base.httpRequestTool", + "typeVersion": 4.2, + "position": [ + 1536, + 672 + ], + "id": "cf1569ba-ca5f-481e-97a5-e1ae90db1b41", + "name": "生产数据采集" + }, + { + "parameters": { + "promptType": "define", + "text": "=根据以下\n# Role: 经验丰富且富有创意的会展设计师\n\n## Profile\n- author: LangGPT \n- version: 1.0\n- language: 中文\n- description: 你是一位经验老道、创意新颖的会展设计师，擅长展会的整体策划，包括选址、展陈设计、预算编制、活动日期安排、营销宣传等。\n\n## Skills\n1. 能快速理解并吸收外部资料与内容，整合成为实操性的策划要点。\n2. 擅长将抽象主题具体化，策划方案具有逻辑清晰、创意突出、实用可行的特点。\n3. 熟练掌握会展项目全过程，从前期调研、设计策划，到中期执行与后期评估。\n4. 能使用专业术语和严谨的结构表达完整策划内容。\n\n## Background\n用户提供了三个节点文档：{{ $('When chat message received').item.json.chatInput }}代表整个会展的主题，{{ $json.text }}包含会展主题相关的资料和参考信息，{{ $json.text }}定义了文章的结构和写作范式。你的任务是理解这两个节点，并结合自身专业知识输出一份完整的策划书。\n\n## Goals\n- 全文必须按照{{ $('When chat message received').item.json.chatInput }}的主题\n- 阅读并充分理解{{ $json.text }}中提供的信息和资料；\n- 遵循{{ $json.text }}所规定的文章结构与格式；\n- 撰写一份主题吸引人、语言专业、结构合理的会展策划方案书；\n- 策划书内容必须涵盖选址（中国长三角地区）、展陈设计、预算、时间安排、宣传推广等环节；\n- 正文长度不少于3000字。\n\n## Rules\n1. 必须严格参考{{ $json.text }}内容进行创作，体现理解与重构能力；\n2. 主题需吸引眼球，具有创意性；\n3. 逻辑严密，段落结构清晰；\n4. 专业术语准确，语句通顺；\n5. 不允许出现“AI生成”、“我是AI”等措辞；\n6. 最终输出不得少于3000字。\n\n## Workflows\n1. 阅读并吸收{{ $json.text }}内容，提炼核心信息；\n2. 确认所{{ $json.text }}规定的写作框架；\n3. 围绕会展策划关键点进行内容创作；\n4. 审核文字逻辑、术语准确性与字数；\n5. 以Json格式输出完整的策划方案书文本。\n", + "options": {} + }, + "type": "@n8n/n8n-nodes-langchain.agent", + "typeVersion": 2.2, + "position": [ + 1296, + 512 + ], + "id": "78da88da-aa99-4dca-866b-1f35137b794f", + "name": "PLC与机器人握手" + }, + { + "parameters": {}, + "type": "@n8n/n8n-nodes-langchain.memoryBufferWindow", + "typeVersion": 1.3, + "position": [ + 1312, + 720 + ], + "id": "87e96e89-4146-45ab-8e57-7dcad3d7c42c", + "name": "验证记忆" + }, + { + "parameters": { + "resource": "block", + "blockId": { + "__rl": true, + "value": "=", + "mode": "url" + } + }, + "type": "n8n-nodes-base.notion", + "typeVersion": 2.2, + "position": [ + 2480, + 528 + ], + "id": "4257e315-a79f-4629-8441-5a42a55a48ec", + "name": "Append a block", + "credentials": { + "notionApi": { + "id": "D8zmOdYi27XhzkUo", + "name": "Notion account" + } + } + } + ], + "pinData": {}, + "connections": { + "When chat message received": { + "main": [ + [ + { + "node": "数据采集", + "type": "main", + "index": 0 + } + ] + ] + }, + "DeepSeek Chat Model3": { + "ai_languageModel": [ + [ + { + "node": "PLC S7-1500", + "type": "ai_languageModel", + "index": 0 + } + ] + ] + }, + "DeepSeek Chat Model4": { + "ai_languageModel": [ + [ + { + "node": "PLC与机器人握手", + "type": "ai_languageModel", + "index": 0 + } + ] + ] + }, + "DeepSeek Chat Model5": { + "ai_languageModel": [ + [ + { + "node": "ABB IRB 2600", + "type": "ai_languageModel", + "index": 0 + } + ] + ] + }, + "PLC S7-1500": { + "main": [ + [ + { + "node": "编程可行性验证", + "type": "main", + "index": 0 + } + ] + ] + }, + "ABB IRB 2600": { + "main": [ + [ + { + "node": "PLC与机器人握手", + "type": "main", + "index": 0 + } + ] + ] + }, + "数据采集": { + "main": [ + [ + { + "node": "数据处理", + "type": "main", + "index": 0 + }, + { + "node": "PLC S7-1500", + "type": "main", + "index": 0 + } + ] + ] + }, + "Replace Me": { + "main": [ + [ + { + "node": "PLC S7-1500", + "type": "main", + "index": 0 + } + ] + ] + }, + "编程可行性验证": { + "main": [ + [ + { + "node": "PLC与机器人握手", + "type": "main", + "index": 0 + } + ], + [ + { + "node": "Replace Me", + "type": "main", + "index": 0 + } + ] + ] + }, + "数据处理": { + "main": [ + [ + { + "node": "ABB IRB 2600", + "type": "main", + "index": 0 + } + ] + ] + }, + "生产数据采集": { + "ai_tool": [ + [ + { + "node": "PLC与机器人握手", + "type": "ai_tool", + "index": 0 + } + ] + ] + }, + "PLC与机器人握手": { + "main": [ + [ + { + "node": "Append a block", + "type": "main", + "index": 0 + } + ] + ] + }, + "验证记忆": { + "ai_memory": [ + [ + { + "node": "PLC与机器人握手", + "type": "ai_memory", + "index": 0 + } + ] + ] + } + }, + "active": false, + "settings": { + "executionOrder": "v1" + }, + "versionId": "f4940be1-70d2-4780-adbd-718d7fe09946", + "meta": { + "templateCredsSetupCompleted": true, + "instanceId": "0a691be272851eb0de41298442268899a8767dc10322fe92e73d6f49e6014a6a" + }, + "id": "jTSoOhAw9FyiqyiU", + "tags": [] +} \ No newline at end of file diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/设计图_01.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/设计图_01.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/展示图_01.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/941fdb1c-03ea-40c7-a59e-81de5c500025.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/展示图_01.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/941fdb1c-03ea-40c7-a59e-81de5c500025.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_01.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/AdobeColor-My_Color_Theme.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_01.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/AdobeColor-My_Color_Theme.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_02.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_02.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_03.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/一、项目概述1_(2).jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_03.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/一、项目概述1_(2).jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_04.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/一、项目概述2_(2).jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_04.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/一、项目概述2_(2).jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_05.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/二、宣传目标解析1.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_05.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/二、宣传目标解析1.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_06.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/二、宣传目标解析3.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_06.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/二、宣传目标解析3.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_07.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/分镜_分镜_page-0001.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_07.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/分镜_分镜_page-0001.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_08.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/分镜_分镜_page-0002.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_08.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/分镜_分镜_page-0002.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_09.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/分镜_分镜_page-0003.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_09.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/分镜_分镜_page-0003.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_10.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.1.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_10.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.1.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_11.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.2.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_11.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.2.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_12.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.3.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_12.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.3.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_13.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.4.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_13.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.4.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_14.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112637_1.1.5.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_14.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112637_1.1.5.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image/图片_15.jpg b/data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112713_1.1.6.jpg similarity index 100% rename from data/订单班文档资料/视觉设计/notion文稿/image/图片_15.jpg rename to data/订单班文档资料/视觉设计/notion文稿/image/静帧_2025-09-29_112713_1.1.6.jpg diff --git a/data/订单班文档资料/视觉设计/notion文稿/image_mapping.json b/data/订单班文档资料/视觉设计/notion文稿/image_mapping.json deleted file mode 100644 index 95d49c7f..00000000 --- a/data/订单班文档资料/视觉设计/notion文稿/image_mapping.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg": "图片_01.jpg", - "941fdb1c-03ea-40c7-a59e-81de5c500025.jpg": "图片_02.jpg", - "静帧_2025-09-29_112637_1.1.5.jpg": "图片_03.jpg", - "静帧_2025-09-29_112305_1.1.2.jpg": "图片_04.jpg", - "静帧_2025-09-29_112305_1.1.1.jpg": "图片_05.jpg", - "静帧_2025-09-29_112305_1.1.4.jpg": "图片_06.jpg", - "静帧_2025-09-29_112305_1.1.3.jpg": "图片_07.jpg", - "静帧_2025-09-29_112713_1.1.6.jpg": "图片_08.jpg", - "d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg": "图片_09.jpg", - "AdobeColor-My_Color_Theme.jpeg": "图片_10.jpg", - "分镜_分镜_page-0001.jpg": "设计图_01.jpg", - "分镜_分镜_page-0002.jpg": "图片_12.jpg", - "二、宣传目标解析1.jpeg": "图片_15.jpg", - "分镜_分镜_page-0003.jpg": "图片_13.jpg", - "二、宣传目标解析3.jpeg": "图片_14.jpg" -} \ No newline at end of file diff --git a/data/订单班文档资料/视觉设计/notion文稿/图片索引.md b/data/订单班文档资料/视觉设计/notion文稿/图片索引.md deleted file mode 100644 index fc71b07a..00000000 --- a/data/订单班文档资料/视觉设计/notion文稿/图片索引.md +++ /dev/null @@ -1,42 +0,0 @@ -# 视觉设计订单班 - 图片资源索引 - -**图片总数**: 17 张 -**更新时间**: 2025-09-28 -**状态**: ✅ 已完成规范化整理 - -## 图片分类 - -### 设计图 (1张) -- 设计图_01.jpg - -### 展示图 (1张) -- 展示图_01.jpg - -### 其他 (15张) -- 图片_01.jpg -- 图片_02.jpg -- 图片_03.jpg -- 图片_04.jpg -- 图片_05.jpg -- 图片_06.jpg -- 图片_07.jpg -- 图片_08.jpg -- 图片_09.jpg -- 图片_10.jpg -- 图片_11.jpg -- 图片_12.jpg -- 图片_13.jpg -- 图片_14.jpg -- 图片_15.jpg - -## 使用说明 - -### Markdown引用格式 -```markdown -![图片描述](./image/图片名.jpg) -``` - -### 注意事项 -- 所有图片已统一为 .jpg 格式 -- 图片位于 notion文稿/image/ 目录下 -- Markdown文件已创建备份（.bak） diff --git a/progress.md b/progress.md index c56cf607..3a3537a6 100644 --- a/progress.md +++ b/progress.md @@ -13,6 +13,8 @@ _Last updated: 2025-09-29_ - ⚠️ 结果页面架构：采用混合模板方案（1个基础模板 + 动态内容加载） - ⚠️ 终端模拟系统必须使用TSX格式，不能使用JSON文件加载方式 - ⚠️ 每个订单班需要agent prompt和专家头像数据才能实现模拟 +- ⚠️ 必须保持苹果风格设计语言的一致性 +- ⚠️ 所有订单班必须有独特的主题色和图标 ## Decisions（按时间顺序追加，历史不可改） - 2025-09-07: 确定使用 n8n-1.109.2 版本进行完整中文化（理由：成熟稳定版本，功能完整） @@ -30,6 +32,7 @@ _Last updated: 2025-09-29_ - 2025-09-29: 确定将orderClasses.json移动到exhibition-demo项目的data目录（理由：需求模板数据与演示系统紧密耦合，便于动态加载） - 2025-09-29: 决定使用动态JSON数据结构替代硬编码agent数据（理由：提高可维护性和扩展性） - 2025-09-29: 决定将终端模拟系统改为TSX格式（理由：替代JSON文件加载方式，提升代码复用性和类型安全） +- 2025-09-29: 决定终端模拟数据使用TypeScript管理，不再使用JSON（理由：避免复杂度，简化配置管理） ## TODO（权威待办清单） - [P1][OPEN][#1] 优化 Duoduo Agent 设计系统的用户交互体验 @@ -52,11 +55,21 @@ _Last updated: 2025-09-29_ - [P1][OPEN][#46] 优化需求模板数据映射的用户体验（Context：改进点击订单班后的模板填充交互） - [P1][OPEN][#53] 补充其他10个订单班的agent prompt和头像数据（Context：已完成文旅和食品两个订单班） - [P1][OPEN][#54] 在浏览器中实际测试文旅和食品的演示流程（Context：验证TSX模拟系统功能） +- [P1][OPEN][#62] 为其他订单班添加终端模拟数据（Context：可以考虑基于现有框架扩展） +- [P2][OPEN][#63] 优化Agent卡片的动画效果（Context：提升用户体验） +- [P2][OPEN][#64] 完善结果页面的展示效果（Context：提升用户体验） ## In Progress - [P1][DOING][#5] 维护和优化当前多智能体展示分支功能 ## Done（最近完成的放前面） +- 2025-09-29: [#65] 完成UI优化：订单班选择卡片效果增强（evidence：增加了卡片间距和内边距，添加了hover上浮效果和3D旋转动画，实现了选中状态的脉冲光晕效果，增加了右上角的勾选标记动画，图标尺寸从20px增加到24px） +- 2025-09-29: [#66] 增强标题可读性（evidence："快速选择需求模板"和"需求描述"标题从text-sm增加到text-base，为两个标题都添加了图标（FileText和PenTool），颜色加深至gray-800） +- 2025-09-29: [#67] 完成代码清理：删除未使用的JSON文件（evidence：删除了/public/data/terminal/wenlu.json、/src/data/food.json、/src/data/wenlu.json，确认项目已完全迁移到TypeScript数据管理方案） +- 2025-09-29: [#68] 全面更新README.md文档（evidence：反映了12个订单班系统的完整功能，更新了技术栈和项目结构说明，添加了设计系统和颜色主题说明，记录了最新的UI改进和功能特性） +- 2025-09-29: [#61] 修复食品订单班图片无法加载的问题（evidence：根本原因是图片文件存储在项目根目录/data/订单班文档资料/但Web应用public目录中没有这些文件，解决方案是创建软链接将项目根目录数据文件夹链接到public目录，命令：ln -s "/项目根路径/data/订单班文档资料" "/exhibition-demo/public/data/订单班文档资料"，验证结果食品和文旅订单班图片均可正常访问） +- 2025-09-29: [#60] 完善暂停/继续功能和进度条执行优化（evidence：实现真正的暂停/继续机制（使用while循环等待而非return退出），修复useCallback依赖项问题（executeProgress添加statusRef依赖），确保进度条加载完成后才进行下一步，现在暂停能立即停止输出且继续能从暂停位置恢复执行） +- 2025-09-29: [#59] 修复暂停和重置后终端仍继续输出的问题（evidence：添加statusRef引用跟踪实时状态，修改executeStartupSequence/executeAgent/executeProgress函数使用statusRef.current替代status变量，优化重置函数使用setTimeout延迟确保状态更新生效） - 2025-09-29: [#58] 修复了暂停和重置按钮功能（evidence：WorkflowPageV4.tsx添加resumeDemo函数导入，修改按钮点击逻辑支持idle/paused/running三种状态切换，重置按钮添加调试日志并清除selectedOrderClass和terminalData状态） - 2025-09-29: [#55] 创建了TSX版本的终端模拟系统（evidence：替代原有JSON文件加载方式，创建/src/data/terminalSimulations/目录结构，实现index.ts统一管理器，定义TerminalLine和SimulationData类型接口） - 2025-09-29: [#56] 实现了文旅和食品两个订单班的模拟数据（evidence：wenlu.ts文旅订单班2024长三角国际新能源汽车展会策划案，food.ts食品订单班青莳轻食连锁品牌创业方案，每个文件包含完整7个Agent输出模拟） @@ -103,6 +116,12 @@ _Last updated: 2025-09-29_ - Assumption：其他订单班的数据结构与文旅订单班类似（Confidence: High） ## Notes（简要要点） +- 2025-09-29: UI优化完成：RequirementModal组件订单班选择卡片获得显著视觉增强，包括增加卡片间距内边距、hover上浮效果和3D旋转动画、选中状态脉冲光晕效果、右上角勾选标记动画，图标尺寸从20px增加到24px；两个标题可读性提升，从text-sm增加到text-base，添加FileText和PenTool图标，颜色加深至gray-800 +- 2025-09-29: 代码清理彻底完成：删除了所有未使用的JSON文件包括/public/data/terminal/wenlu.json、/src/data/food.json、/src/data/wenlu.json，确认项目已完全迁移到TypeScript数据管理方案，不再依赖JSON文件加载方式 +- 2025-09-29: 文档更新全面完成：README.md反映12个订单班系统完整功能，更新技术栈和项目结构说明，添加设计系统和颜色主题说明，记录最新UI改进和功能特性，为项目提供完整的使用指南 +- 2025-09-29: 图片资源访问问题修复：解决了选择食品订单班后终端中图片无法显示的问题，根本原因是Web应用public目录缺少数据文件，通过创建软链接将项目根目录的/data/订单班文档资料/链接到exhibition-demo的public目录，现在所有订单班的图片资源都能正常访问，包括图片_01.jpg到图片_17.jpg等文件 +- 2025-09-29: 暂停/继续功能核心优化完成：从"停止/重新开始"改为真正的"暂停/恢复"机制，旧代码使用return直接退出导致无法继续，新代码使用while循环等待暂停状态，继续时从原位置恢复执行；修复useCallback依赖项确保闭包中状态实时更新；进度条现在确保加载完成后才进行下一步，用户体验大幅提升 +- 2025-09-29: 终端状态控制核心问题修复：解决了React异步函数中闭包捕获的status变量不会实时更新的问题，通过添加statusRef.current引用实现实时状态检查，确保暂停和重置功能立即生效，终端输出能正确响应用户操作 - 2025-09-29: 暂停和重置按钮功能修复完成：修复了暂停按钮点击后无法恢复的问题和重置按钮无法完全清理状态的问题，添加resumeDemo函数导入，修改按钮点击逻辑支持idle/paused/running三种状态切换，重置按钮现在能正确清除selectedOrderClass和terminalData状态，添加调试日志便于问题排查 - 2025-09-29: TSX终端模拟系统创建完成：替代原JSON文件加载方式，创建/src/data/terminalSimulations/目录，实现index.ts统一管理器，定义TerminalLine和SimulationData类型接口，实现文旅和食品两个订单班模拟数据（wenlu.ts和food.ts），每个文件包含完整7个Agent输出模拟，更新WorkflowPageV4组件使用新系统 - 2025-09-29: 关键决策：只保留文旅和食品两个订单班，因为其他订单班缺少agent prompt和专家头像数据；使用函数形式导出便于传入agents参数保持与store同步；保持向后兼容数据格式转换确保现有终端显示逻辑无需修改 diff --git a/tmp/回复.md b/tmp/回复.md index e69de29b..8c006c3d 100644 --- a/tmp/回复.md +++ b/tmp/回复.md @@ -0,0 +1,14 @@ + +## 食品 Agent + +- 文案：/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/订单班文档资料/食品/notion文稿/中高端个性化轻食店铺经营方案 278d463fce51805081f7cfdc7280f4a4.md + +- Agent专家头像：/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/订单班文档资料/食品/agent头像 + +- agent专家提示词：/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/订单班文档资料/食品/Agent_prompt + +## 视觉设计 Agent + + + +## 能源 Agent \ No newline at end of file diff --git a/web_frontend/exhibition-demo/README.md b/web_frontend/exhibition-demo/README.md index d71ffd3b..64dc7535 100644 --- a/web_frontend/exhibition-demo/README.md +++ b/web_frontend/exhibition-demo/README.md @@ -1,63 +1,75 @@ -# AI 会展策划系统 - 多Agent协同演示 +# AI 多智能体协同展示系统 ## 🚀 项目概述 -这是一个基于React构建的多Agent协同演示系统，展示了7个专业AI Agent如何协同工作，生成完整的会展策划方案。设计风格参考了字节跳动、Flowith、Raycast等现代化产品。 +一个基于 React + TypeScript 构建的多智能体协同演示系统，支持12个专业领域的AI Agent协同工作，通过可视化终端和动态工作流展示智能体之间的协作过程。系统采用苹果风格设计语言，提供流畅的用户体验。 ## ✨ 核心特性 -- **7个专业Agent**：信息检索、设计、财务预算、格式编辑、活动执行、营销宣传、中央协调 -- **实时工作流可视化**：动态展示Agent协作流程 -- **打字机效果**：30-40字/秒的文字生成动画 -- **现代化UI设计**：简洁、实用、年轻化的界面风格 -- **完整演示流程**：约3分钟完整展示策划方案生成过程 +### 🎯 多订单班系统 +- **12个专业领域**：食品、文旅、财经商贸、智能开发、智能制造、视觉设计、交通物流、土木、大健康、能源、化工、环保 +- **动态内容加载**：根据选择的订单班自动加载对应的Agent配置和演示内容 +- **个性化主题**：每个订单班拥有独特的颜色主题和图标系统 + +### 🤖 智能体系统 +- **多Agent协同**：每个订单班配置3-7个专业Agent +- **实时协作演示**：展示Agent间的任务分配和协作流程 +- **终端模拟**：逼真的命令行终端效果，实时显示Agent执行进度 + +### 💎 界面设计 +- **苹果风格UI**：简洁优雅的设计语言 +- **玻璃态效果**：现代化的毛玻璃背景和卡片设计 +- **动态视频Logo**：集成动态视频元素提升视觉体验 +- **响应式布局**：完美适配不同屏幕尺寸 + +### 🎬 动画效果 +- **Framer Motion动画**：流畅的页面过渡和元素动画 +- **打字机效果**：逼真的文字生成动画 +- **3D卡片效果**：hover时的旋转和浮动效果 +- **脉冲光晕**：选中状态的动态视觉反馈 ## 🛠 技术栈 - **框架**: React 18 + TypeScript -- **样式**: Tailwind CSS +- **样式**: Tailwind CSS + CSS Variables - **动画**: Framer Motion -- **状态管理**: Zustand -- **构建工具**: Vite +- **图标**: Lucide React +- **构建**: Vite +- **代码质量**: ESLint + TypeScript ## 📦 安装与运行 ### 前置要求 - Node.js >= 16.0.0 -- npm >= 7.0.0 或 pnpm >= 6.0.0 +- pnpm >= 6.0.0（推荐）或 npm >= 7.0.0 ### 安装步骤 ```bash +# 克隆项目 +git clone [repository-url] + # 进入项目目录 cd web_frontend/exhibition-demo # 安装依赖（推荐使用pnpm） pnpm install -# 或使用npm -npm install # 启动开发服务器 pnpm dev -# 或 -npm run dev ``` 开发服务器将在 `http://localhost:5173` 启动 -### 构建生产版本 +### 生产构建 ```bash -# 构建项目 +# 构建生产版本 pnpm build -# 或 -npm run build # 预览构建结果 pnpm preview -# 或 -npm run preview ``` ## 📁 项目结构 @@ -65,75 +77,114 @@ npm run preview ``` exhibition-demo/ ├── src/ -│ ├── components/ # React组件 -│ │ ├── AgentCard.tsx # Agent卡片组件 -│ │ ├── ContentGenerator.tsx # 内容生成器 -│ │ ├── ProgressBar.tsx # 进度条 -│ │ └── WorkflowVisualization.tsx # 工作流可视化 -│ ├── pages/ # 页面组件 -│ │ ├── LandingPage.tsx # 启动页 -│ │ ├── WorkflowPage.tsx # 工作流演示页 -│ │ └── ResultPage.tsx # 结果展示页 -│ ├── store/ # 状态管理 -│ │ └── demoStore.ts # Zustand store -│ ├── styles/ # 样式文件 -│ ├── utils/ # 工具函数 -│ ├── App.tsx # 主应用组件 -│ ├── main.tsx # 入口文件 -│ └── index.css # 全局样式 -├── public/ # 静态资源 -├── index.html # HTML模板 -├── package.json # 项目配置 -├── tailwind.config.js # Tailwind配置 -├── vite.config.ts # Vite配置 -└── tsconfig.json # TypeScript配置 +│ ├── components/ # React组件 +│ │ ├── RequirementModal.tsx # 需求输入弹窗（苹果风格） +│ │ ├── OrderClassIcons.tsx # 订单班图标映射 +│ │ ├── ContentGenerator.tsx # 内容生成器 +│ │ └── WorkflowVisualization.tsx # 工作流可视化 +│ ├── pages/ # 页面组件 +│ │ ├── LandingPage.tsx # 启动页（蓝色主题） +│ │ ├── WorkflowPageV4.tsx # 工作流演示页（最新版） +│ │ └── ResultPageV2.tsx # 结果展示页（优化版） +│ ├── data/ # 数据文件 +│ │ ├── orderClasses.json # 12个订单班配置 +│ │ └── terminalSimulations/ # 终端模拟数据（TypeScript） +│ │ ├── index.ts # 数据导出入口 +│ │ ├── wenlu.ts # 文旅订单班数据 +│ │ └── food.ts # 食品订单班数据 +│ ├── store/ # 状态管理 +│ │ └── demoStore.ts # Zustand状态管理 +│ ├── utils/ # 工具函数 +│ ├── App.tsx # 主应用组件 +│ └── main.tsx # 应用入口 +├── public/ +│ └── image/ # 静态图片资源 +│ └── bg.png # 背景图片 +├── package.json # 项目配置 +├── vite.config.ts # Vite配置 +├── tailwind.config.js # Tailwind配置 +└── tsconfig.json # TypeScript配置 ``` -## 🎯 使用说明 +## 🎯 使用指南 -1. **启动演示**：访问首页，点击"开始演示"按钮 -2. **观看流程**：系统将自动展示Agent协作过程 -3. **查看结果**：演示完成后，可以浏览完整的策划方案 -4. **控制选项**：支持暂停/继续/重新开始 +### 基本流程 -## 🎨 设计特点 +1. **访问首页**：打开系统看到蓝色主题的启动页 +2. **输入需求**：点击"开始体验"，在弹窗中选择订单班并输入需求 +3. **观看演示**：系统自动展示Agent协作过程，包括： + - 终端命令执行动画 + - Agent卡片状态变化 + - 实时进度展示 +4. **查看结果**：演示完成后查看生成的完整方案 -- **Glass Morphism**：玻璃态效果，增强层次感 -- **渐变色彩**：蓝紫渐变主题，科技感十足 -- **微动画**：精致的过渡和交互动画 -- **响应式布局**：适配不同屏幕尺寸 +### URL参数支持 -## 📊 演示内容 +支持通过URL参数直接访问特定订单班： +``` +http://localhost:5173/workflow?orderClass=food +http://localhost:5173/workflow?orderClass=wenlu +``` -演示案例为"2024长三角国际新能源汽车与智能交通产业博览会"，包含： +## 🎨 设计系统 -1. **策划案概述** -2. **展会介绍与预期效果** -3. **营销方案** -4. **现场运营方案** -5. **预算与收益分析** -6. **风险评估与应急预案** +### 颜色主题 + +每个订单班都有独特的主题色： +- 🍔 食品 - 橙色 (#f97316) +- 🌍 文旅 - 翠绿 (#10b981) +- 💰 财经商贸 - 蓝色 (#3b82f6) +- 💻 智能开发 - 紫色 (#8b5cf6) +- 🏭 智能制造 - 灰色 (#6b7280) +- 🎨 视觉设计 - 粉色 (#ec4899) +- 🚚 交通物流 - 靛蓝 (#6366f1) +- 🏗️ 土木 - 黄色 (#eab308) +- ❤️ 大健康 - 红色 (#ef4444) +- ⚡ 能源 - 绿色 (#22c55e) +- ⚗️ 化工 - 青色 (#14b8a6) +- 🌿 环保 - 青柠 (#84cc16) + +### UI组件特性 + +- **需求输入弹窗**：苹果风格设计，带视频Logo和背景图 +- **订单班选择卡片**：3D悬浮效果，选中时有脉冲光晕 +- **终端窗口**：逼真的命令行界面，支持彩色输出 +- **Agent卡片**：状态指示器，执行时有动画效果 ## 🔧 配置说明 -### 调整演示速度 +### 添加新的订单班 -在 `src/store/demoStore.ts` 中修改： +1. 在 `src/data/orderClasses.json` 中添加配置 +2. 在 `src/data/terminalSimulations/` 创建对应的TypeScript文件 +3. 在 `src/components/OrderClassIcons.tsx` 中映射图标 +### 调整动画速度 + +修改 `src/pages/WorkflowPageV4.tsx` 中的常量： ```typescript -controls: { - speed: 1, // 1-5倍速 - // ... -} +const CHARS_PER_SECOND = 35; // 打字速度 +const LINE_DELAY = 100; // 行间延迟 ``` -### 修改文字生成速度 +## 🚀 最近更新 -在组件中调整 `speed` 参数（默认35字/秒） +- ✅ 实现12个订单班系统 +- ✅ 升级为苹果风格UI设计 +- ✅ 添加动态视频Logo +- ✅ 优化订单班选择卡片交互 +- ✅ 统一使用蓝色主题 +- ✅ 迁移到TypeScript数据管理 +- ✅ 清理旧版本代码和未使用文件 +- ✅ 增强标题字体大小和图标 ## 🤝 贡献指南 -欢迎提交Issue和Pull Request来改进项目。 +1. Fork 项目 +2. 创建功能分支 (`git checkout -b feature/AmazingFeature`) +3. 提交更改 (`git commit -m 'Add some AmazingFeature'`) +4. 推送到分支 (`git push origin feature/AmazingFeature`) +5. 创建 Pull Request ## 📝 许可证 @@ -142,10 +193,12 @@ MIT License ## 🙏 致谢 - n8n Workflow Platform -- DeepSeek AI -- Google Gemini -- 所有开源项目贡献者 +- React & TypeScript Community +- Tailwind CSS Team +- Framer Motion +- 所有开源贡献者 --- -如有问题，请联系项目维护者。 \ No newline at end of file +**项目维护**: 2024-2025 +**最后更新**: 2025-09-29 \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/agents/会展执行专家.jpg b/web_frontend/exhibition-demo/public/agents/会展执行专家.jpg deleted file mode 100755 index 26d25357..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/会展执行专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/agents/会展策划专家.jpg b/web_frontend/exhibition-demo/public/agents/会展策划专家.jpg deleted file mode 100755 index e8f05515..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/会展策划专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/agents/信息检索专家.jpg b/web_frontend/exhibition-demo/public/agents/信息检索专家.jpg deleted file mode 100755 index 3c36e003..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/信息检索专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/agents/结构编辑专家.jpg b/web_frontend/exhibition-demo/public/agents/结构编辑专家.jpg deleted file mode 100755 index ddcf818e..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/结构编辑专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/agents/营销策划专家.jpg b/web_frontend/exhibition-demo/public/agents/营销策划专家.jpg deleted file mode 100755 index 97cbfd75..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/营销策划专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/agents/设计专家.jpg b/web_frontend/exhibition-demo/public/agents/设计专家.jpg deleted file mode 100755 index 83c83864..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/设计专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/agents/预算编辑专家.jpg b/web_frontend/exhibition-demo/public/agents/预算编辑专家.jpg deleted file mode 100755 index 97c4939d..00000000 Binary files a/web_frontend/exhibition-demo/public/agents/预算编辑专家.jpg and /dev/null differ diff --git a/web_frontend/exhibition-demo/public/data/terminal/wenlu.json b/web_frontend/exhibition-demo/public/data/terminal/wenlu.json deleted file mode 100644 index c0e0eb11..00000000 --- a/web_frontend/exhibition-demo/public/data/terminal/wenlu.json +++ /dev/null @@ -1,393 +0,0 @@ -{ - "orderClassId": "wenlu", - "orderClassName": "文旅", - "projectTitle": "2024长三角国际新能源汽车展会策划案", - "startupSequence": [ - { "type": "system", "content": ">>> AI Exhibition Planning System v2.0.0" }, - { "type": "info", "content": "Initializing neural networks..." }, - { "type": "progress", "content": "Loading language models", "target": 100, "stutters": [23, 67, 89] }, - { "type": "info", "content": "" }, - { "type": "system", "content": "🤖 DeepSeek-V2 Model loaded successfully" }, - { "type": "system", "content": "🧠 Memory: 236B parameters | Context: 128K tokens" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Loading specialized agents..." }, - { "type": "progress", "content": "Information Retrieval Expert", "target": 100, "stutters": [45] }, - { "type": "progress", "content": "Design & Layout Expert", "target": 100, "stutters": [23, 78] }, - { "type": "progress", "content": "Financial Budget Expert", "target": 100, "stutters": [56] }, - { "type": "progress", "content": "Format & Document Expert", "target": 100, "stutters": [34, 89] }, - { "type": "progress", "content": "Event Execution Expert", "target": 100, "stutters": [67] }, - { "type": "progress", "content": "Marketing & PR Expert", "target": 100, "stutters": [12, 78] }, - { "type": "progress", "content": "Exhibition Planning Coordinator", "target": 100, "stutters": [45, 91] }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ All agents loaded successfully" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Analyzing user requirements..." }, - { "type": "output", "content": "📋 PROJECT: 2024长三角国际新能源汽车展" }, - { "type": "output", "content": "📍 LOCATION: 上海国家会展中心" }, - { "type": "output", "content": "📅 DATE: 2024.09.12-15" }, - { "type": "output", "content": "📐 SCALE: 50,000㎡" }, - { "type": "output", "content": "👥 EXPECTED: 300家展商 | 50,000人次观众" }, - { "type": "info", "content": "" }, - { "type": "system", "content": "Starting multi-agent collaboration..." }, - { "type": "system", "content": "=" .repeat(60) } - ], - "agents": [ - { - "id": "agent-1", - "name": "信息检索与分析专家", - "description": "收集和分析展会相关信息", - "outputs": [ - { "type": "system", "content": ">>> [Agent-1] Information Retrieval Expert Activated" }, - { "type": "info", "content": "Model: DeepSeek-V2 Chat (Temperature: 0.3)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Searching industry databases..." }, - { "type": "progress", "content": "China Auto Industry Report 2024", "target": 100, "stutters": [34, 78] }, - { "type": "progress", "content": "Shanghai Exhibition Center Database", "target": 100, "stutters": [56] }, - { "type": "progress", "content": "Competitor Analysis System", "target": 100, "stutters": [23, 89] }, - { "type": "info", "content": "" }, - { "type": "output", "content": "📊 MARKET ANALYSIS RESULTS" }, - { "type": "output", "content": "• New Energy Vehicle Market Growth: +35.2% YoY" }, - { "type": "output", "content": "• Industry Leaders Confirmed: Tesla, BYD, NIO, XPeng" }, - { "type": "output", "content": "• Target Audience Profile: Tech-savvy, 25-45 years" }, - { "type": "output", "content": "• Competitive Events: 12 similar exhibitions in 2024" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Analyzing venue specifications..." }, - { "type": "output", "content": "📍 VENUE ANALYSIS" }, - { "type": "output", "content": "• Hall 1-3: Vehicle Display Area (20,000㎡)" }, - { "type": "output", "content": "• Hall 4-5: Parts & Components (15,000㎡)" }, - { "type": "output", "content": "• Hall 6: Technology & Innovation (10,000㎡)" }, - { "type": "output", "content": "• Outdoor: Test Drive Experience (5,000㎡)" }, - { "type": "info", "content": "" }, - { "type": "progress", "content": "market_research_report.pdf", "target": 100, "stutters": [45, 78] }, - { "type": "file", "content": "✓ Created: market_research_report.pdf (2.3MB)" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-1 completed successfully" }, - { "type": "system", "content": "Execution time: 8.3s | Memory: 45MB | CPU: 12%" } - ] - }, - { - "id": "agent-2", - "name": "设计与布局专家", - "description": "展会空间设计和布局规划", - "outputs": [ - { "type": "system", "content": ">>> [Agent-2] Design & Layout Expert Activated" }, - { "type": "info", "content": "Model: DeepSeek-V2 Chat (Temperature: 0.8)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Initializing 3D modeling engine..." }, - { "type": "progress", "content": "AutoCAD Plugin", "target": 100, "stutters": [23, 67] }, - { "type": "progress", "content": "3DS Max Renderer", "target": 100, "stutters": [45] }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Generating exhibition layout..." }, - { "type": "output", "content": "🎨 DESIGN CONCEPT: 'Future Mobility Hub'" }, - { "type": "output", "content": "" }, - { "type": "output", "content": "📐 SPACE ALLOCATION" }, - { "type": "output", "content": "┌─────────────────────────────────┐" }, - { "type": "output", "content": "│ ENTRANCE: Digital Welcome Wall │" }, - { "type": "output", "content": "├─────────────────────────────────┤" }, - { "type": "output", "content": "│ ZONE A: Premium Brand Showcase │" }, - { "type": "output", "content": "│ • Tesla (500㎡) │" }, - { "type": "output", "content": "│ • BYD (450㎡) │" }, - { "type": "output", "content": "│ • NIO (400㎡) │" }, - { "type": "output", "content": "├─────────────────────────────────┤" }, - { "type": "output", "content": "│ ZONE B: Innovation Tech Area │" }, - { "type": "output", "content": "│ • AI Driving Demo │" }, - { "type": "output", "content": "│ • Battery Tech Display │" }, - { "type": "output", "content": "│ • Charging Solutions │" }, - { "type": "output", "content": "├─────────────────────────────────┤" }, - { "type": "output", "content": "│ ZONE C: Interactive Experience │" }, - { "type": "output", "content": "│ • VR Test Drive │" }, - { "type": "output", "content": "│ • Kids EV Zone │" }, - { "type": "output", "content": "└─────────────────────────────────┘" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Creating visual materials..." }, - { "type": "progress", "content": "3D floor plan rendering", "target": 100, "stutters": [34, 67, 89] }, - { "type": "image", "imageSrc": "/data/会展策划/image/Whisk_e8f83d1a37.jpg", "imageAlt": "展馆外观效果图" }, - { "type": "info", "content": "" }, - { "type": "image", "imageSrc": "/data/会展策划/image/Whisk_c478fe089d.jpg", "imageAlt": "展馆内部布局" }, - { "type": "info", "content": "" }, - { "type": "progress", "content": "design_blueprint.pdf", "target": 100, "stutters": [56, 78] }, - { "type": "file", "content": "✓ Created: design_blueprint.pdf (15.6MB)" }, - { "type": "progress", "content": "3d_walkthrough.mp4", "target": 100, "stutters": [23, 45, 78, 92] }, - { "type": "file", "content": "✓ Created: 3d_walkthrough.mp4 (128MB)" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-2 completed successfully" }, - { "type": "system", "content": "Execution time: 24.7s | Memory: 256MB | CPU: 45%" } - ] - }, - { - "id": "agent-3", - "name": "财务预算专家", - "description": "预算规划和成本控制", - "outputs": [ - { "type": "system", "content": ">>> [Agent-3] Financial Budget Expert Activated" }, - { "type": "info", "content": "Model: DeepSeek-V2 Chat (Temperature: 0.2)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Loading financial models..." }, - { "type": "progress", "content": "Cost estimation engine", "target": 100, "stutters": [45] }, - { "type": "progress", "content": "ROI calculator", "target": 100, "stutters": [67] }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Calculating budget breakdown..." }, - { "type": "output", "content": "💰 BUDGET ALLOCATION (Total: ¥10,000,000)" }, - { "type": "output", "content": "" }, - { "type": "output", "content": "📊 EXPENSE CATEGORIES" }, - { "type": "output", "content": "├── Venue Rental ¥2,500,000 (25%)" }, - { "type": "output", "content": "├── Booth Construction ¥1,800,000 (18%)" }, - { "type": "output", "content": "├── Marketing & PR ¥1,500,000 (15%)" }, - { "type": "output", "content": "├── Equipment Rental ¥1,200,000 (12%)" }, - { "type": "output", "content": "├── Staff & Services ¥1,000,000 (10%)" }, - { "type": "output", "content": "├── Technology Setup ¥800,000 (8%)" }, - { "type": "output", "content": "├── Catering & Hospitality ¥600,000 (6%)" }, - { "type": "output", "content": "├── Insurance & Security ¥400,000 (4%)" }, - { "type": "output", "content": "└── Contingency Fund ¥200,000 (2%)" }, - { "type": "info", "content": "" }, - { "type": "output", "content": "💹 REVENUE PROJECTION" }, - { "type": "output", "content": "├── Booth Sales ¥7,000,000" }, - { "type": "output", "content": "├── Sponsorships ¥3,500,000" }, - { "type": "output", "content": "├── Ticket Sales ¥1,500,000" }, - { "type": "output", "content": "├── F&B Concessions ¥800,000" }, - { "type": "output", "content": "└── Total Revenue ¥12,800,000" }, - { "type": "info", "content": "" }, - { "type": "output", "content": "✨ FINANCIAL HIGHLIGHTS" }, - { "type": "output", "content": "• Expected ROI: 28%" }, - { "type": "output", "content": "• Break-even: 65% occupancy" }, - { "type": "output", "content": "• Profit Margin: ¥2,800,000" }, - { "type": "info", "content": "" }, - { "type": "progress", "content": "budget_plan.xlsx", "target": 100, "stutters": [34, 78] }, - { "type": "file", "content": "✓ Created: budget_plan.xlsx (456KB)" }, - { "type": "progress", "content": "financial_report.pdf", "target": 100, "stutters": [56] }, - { "type": "file", "content": "✓ Created: financial_report.pdf (3.2MB)" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-3 completed successfully" }, - { "type": "system", "content": "Execution time: 10.8s | Memory: 67MB | CPU: 18%" } - ] - }, - { - "id": "agent-4", - "name": "格式与文档编辑专家", - "description": "文档生成和格式化", - "outputs": [ - { "type": "system", "content": ">>> [Agent-4] Document Formatting Expert Activated" }, - { "type": "info", "content": "Model: DeepSeek-V2 Chat (Temperature: 0.5)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Loading document processors..." }, - { "type": "progress", "content": "markdown-it@13.0.1", "target": 100, "stutters": [45] }, - { "type": "progress", "content": "pdfkit@0.13.0", "target": 100, "stutters": [67, 89] }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Analyzing document structure..." }, - { "type": "output", "content": "📄 Document Structure Analysis" }, - { "type": "output", "content": "├── 1. Executive Summary (3 pages)" }, - { "type": "output", "content": "├── 2. Market Analysis (12 pages)" }, - { "type": "output", "content": "├── 3. Exhibition Design (15 pages)" }, - { "type": "output", "content": "├── 4. Budget Planning (10 pages)" }, - { "type": "output", "content": "├── 5. Marketing Strategy (8 pages)" }, - { "type": "output", "content": "├── 6. Execution Plan (10 pages)" }, - { "type": "output", "content": "├── 7. Risk Assessment (5 pages)" }, - { "type": "output", "content": "└── 8. Appendices (5 pages)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Formatting sections..." }, - { "type": "progress", "content": "Document formatting", "target": 100, "stutters": [34, 67, 88] }, - { "type": "progress", "content": "TOC generation", "target": 100, "stutters": [56] }, - { "type": "progress", "content": "Page numbering", "target": 100, "stutters": [78] }, - { "type": "info", "content": "" }, - { "type": "output", "content": "╔════════════════════════════════════╗" }, - { "type": "output", "content": "║ DOCUMENT STATISTICS ║" }, - { "type": "output", "content": "╠════════════════════════════════════╣" }, - { "type": "output", "content": "║ Total Pages : 68 ║" }, - { "type": "output", "content": "║ Word Count : 24,567 ║" }, - { "type": "output", "content": "║ Images : 42 ║" }, - { "type": "output", "content": "║ Tables : 18 ║" }, - { "type": "output", "content": "║ Charts : 23 ║" }, - { "type": "output", "content": "╚════════════════════════════════════╝" }, - { "type": "info", "content": "" }, - { "type": "progress", "content": "exhibition_plan_formatted.docx", "target": 100, "stutters": [45, 78] }, - { "type": "file", "content": "✓ Created: exhibition_plan_formatted.docx (8.4MB)" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-4 completed successfully" }, - { "type": "system", "content": "Execution time: 12.4s | Memory: 72MB | CPU: 15%" } - ] - }, - { - "id": "agent-5", - "name": "活动执行专家", - "description": "项目管理和执行计划", - "outputs": [ - { "type": "system", "content": ">>> [Agent-5] Event Execution Expert Activated" }, - { "type": "info", "content": "Model: DeepSeek-V2 Chat (Temperature: 0.6)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Loading project management tools..." }, - { "type": "progress", "content": "gantt-chart-js", "target": 100, "stutters": [23, 67] }, - { "type": "progress", "content": "resource-planner", "target": 100, "stutters": [45] }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Creating execution timeline..." }, - { "type": "output", "content": "" }, - { "type": "output", "content": "📅 PROJECT TIMELINE (12 Weeks)" }, - { "type": "output", "content": "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━" }, - { "type": "output", "content": "Week 1-2 : [████████] Venue booking & contracts" }, - { "type": "output", "content": "Week 3-4 : [████████] Booth design & production" }, - { "type": "output", "content": "Week 5-6 : [████████] Marketing campaign launch" }, - { "type": "output", "content": "Week 7-8 : [████████] Exhibitor recruitment" }, - { "type": "output", "content": "Week 9-10 : [████████] Logistics & setup" }, - { "type": "output", "content": "Week 11 : [████] Final preparations" }, - { "type": "output", "content": "Week 12 : [████] EXHIBITION DAYS" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Assigning team resources..." }, - { "type": "progress", "content": "Resource allocation", "target": 100, "stutters": [34, 78, 92] }, - { "type": "output", "content": "" }, - { "type": "output", "content": "👥 TEAM STRUCTURE" }, - { "type": "output", "content": "├── Project Director (1)" }, - { "type": "output", "content": "├── Operations Team (8)" }, - { "type": "output", "content": "├── Marketing Team (6)" }, - { "type": "output", "content": "├── Design Team (4)" }, - { "type": "output", "content": "├── Logistics Team (12)" }, - { "type": "output", "content": "├── Customer Service (15)" }, - { "type": "output", "content": "└── Security & Safety (20)" }, - { "type": "output", "content": "Total Staff: 66 professionals" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Creating task checklists..." }, - { "type": "progress", "content": "Checklist generation", "target": 100, "stutters": [56, 89] }, - { "type": "output", "content": "✅ Generated 247 action items" }, - { "type": "output", "content": "📋 Created 18 milestone checkpoints" }, - { "type": "output", "content": "⚠️ Identified 12 critical dependencies" }, - { "type": "info", "content": "" }, - { "type": "progress", "content": "execution_plan.xlsx", "target": 100, "stutters": [67] }, - { "type": "file", "content": "✓ Created: execution_plan.xlsx (2.3MB)" }, - { "type": "progress", "content": "task_assignments.pdf", "target": 100, "stutters": [45, 89] }, - { "type": "file", "content": "✓ Created: task_assignments.pdf (5.6MB)" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-5 completed successfully" }, - { "type": "system", "content": "Execution time: 19.2s | Memory: 108MB | CPU: 22%" } - ] - }, - { - "id": "agent-6", - "name": "营销宣传专家", - "description": "营销策略和推广计划", - "outputs": [ - { "type": "system", "content": ">>> [Agent-6] Marketing & PR Expert Activated" }, - { "type": "info", "content": "Model: DeepSeek-V2 Chat (Temperature: 0.7)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Loading marketing analytics..." }, - { "type": "progress", "content": "Social media APIs", "target": 100, "stutters": [34, 78] }, - { "type": "progress", "content": "Ad platform SDKs", "target": 100, "stutters": [56] }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Designing marketing campaigns..." }, - { "type": "output", "content": "" }, - { "type": "output", "content": "🎯 MARKETING STRATEGY" }, - { "type": "output", "content": "═══════════════════════════════════" }, - { "type": "output", "content": "📱 Digital Marketing (40%)" }, - { "type": "output", "content": " • WeChat: 500K+ followers target" }, - { "type": "output", "content": " • Weibo: 300K+ impressions/day" }, - { "type": "output", "content": " • LinkedIn: B2B engagement 25%" }, - { "type": "output", "content": " • TikTok: Short videos 2M views" }, - { "type": "output", "content": "" }, - { "type": "output", "content": "📺 Traditional Media (30%)" }, - { "type": "output", "content": " • TV Ads: CCTV-2, Dragon TV" }, - { "type": "output", "content": " • Radio: Traffic channels" }, - { "type": "output", "content": " • Print: Industry magazines" }, - { "type": "output", "content": "" }, - { "type": "output", "content": "🤝 Partnerships (30%)" }, - { "type": "output", "content": " • Industry associations" }, - { "type": "output", "content": " • Government agencies" }, - { "type": "output", "content": " • Media partners" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Creating content calendar..." }, - { "type": "progress", "content": "Content planning", "target": 100, "stutters": [23, 67, 89] }, - { "type": "output", "content": "" }, - { "type": "output", "content": "📊 EXPECTED REACH" }, - { "type": "output", "content": "┌─────────────────────────────┐" }, - { "type": "output", "content": "│ Pre-Event : 2.5M people │" }, - { "type": "output", "content": "│ During : 500K visitors │" }, - { "type": "output", "content": "│ Post-Event: 1M engagement │" }, - { "type": "output", "content": "│ ROI : 320% │" }, - { "type": "output", "content": "└─────────────────────────────┘" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Generating marketing materials..." }, - { "type": "progress", "content": "marketing_strategy.pptx", "target": 100, "stutters": [45, 78] }, - { "type": "file", "content": "✓ Created: marketing_strategy.pptx (18.7MB)" }, - { "type": "progress", "content": "social_media_kit.zip", "target": 100, "stutters": [67, 92] }, - { "type": "file", "content": "✓ Created: social_media_kit.zip (156MB)" }, - { "type": "progress", "content": "press_release.docx", "target": 100, "stutters": [34] }, - { "type": "file", "content": "✓ Created: press_release.docx (245KB)" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-6 completed successfully" }, - { "type": "system", "content": "Execution time: 21.5s | Memory: 142MB | CPU: 28%" } - ] - }, - { - "id": "agent-7", - "name": "会展策划总协调专家", - "description": "整体协调和最终方案整合", - "outputs": [ - { "type": "system", "content": ">>> [Agent-7] Exhibition Planning Coordinator Activated" }, - { "type": "info", "content": "Model: Chat Models + Memories (Temperature: 0.4)" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Aggregating all agent outputs..." }, - { "type": "progress", "content": "Data aggregation", "target": 100, "stutters": [34, 67] }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Performing final integration..." }, - { "type": "output", "content": "" }, - { "type": "output", "content": "🎯 FINAL PLAN SUMMARY" }, - { "type": "output", "content": "══════════════════════════════════════" }, - { "type": "output", "content": "" }, - { "type": "output", "content": "📋 PROJECT: 2024长三角新能源汽车展" }, - { "type": "output", "content": "📍 VENUE: 上海国家会展中心" }, - { "type": "output", "content": "📅 DATE: 2024.09.12-15" }, - { "type": "output", "content": "📏 SCALE: 50,000㎡ | 350展商 | 50,000观众" }, - { "type": "output", "content": "" }, - { "type": "output", "content": "💼 KEY DELIVERABLES" }, - { "type": "output", "content": "├── Complete Planning Document (68 pages)" }, - { "type": "output", "content": "├── Budget Plan (¥10M total)" }, - { "type": "output", "content": "├── Design Blueprint (3D models)" }, - { "type": "output", "content": "├── Marketing Strategy (2.5M reach)" }, - { "type": "output", "content": "├── Execution Timeline (12 weeks)" }, - { "type": "output", "content": "└── Risk Management Plan" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Quality assurance check..." }, - { "type": "progress", "content": "QA validation", "target": 100, "stutters": [45, 78, 91] }, - { "type": "output", "content": "" }, - { "type": "success", "content": "✅ All requirements met" }, - { "type": "success", "content": "✅ Budget within limits" }, - { "type": "success", "content": "✅ Timeline achievable" }, - { "type": "success", "content": "✅ Risk factors addressed" }, - { "type": "success", "content": "✅ ROI projection: 30%" }, - { "type": "info", "content": "" }, - { "type": "info", "content": "Generating final deliverables..." }, - { "type": "progress", "content": "final_plan_complete.pdf", "target": 100, "stutters": [23, 56, 78, 92] }, - { "type": "file", "content": "✓ Created: final_plan_complete.pdf (68 pages, 45.8MB)" }, - { "type": "progress", "content": "executive_summary.pdf", "target": 100, "stutters": [67] }, - { "type": "file", "content": "✓ Created: executive_summary.pdf (3 pages, 1.2MB)" }, - { "type": "info", "content": "" }, - { "type": "output", "content": "╔═══════════════════════════════════════╗" }, - { "type": "output", "content": "║ 🎉 PLAN GENERATION COMPLETE 🎉 ║" }, - { "type": "output", "content": "╠═══════════════════════════════════════╣" }, - { "type": "output", "content": "║ Total Processing Time : 03:00 ║" }, - { "type": "output", "content": "║ Documents Generated : 15 files ║" }, - { "type": "output", "content": "║ Total Size : 287MB ║" }, - { "type": "output", "content": "║ Quality Score : 98/100 ║" }, - { "type": "output", "content": "╚═══════════════════════════════════════╝" }, - { "type": "info", "content": "" }, - { "type": "success", "content": "✓ Agent-7 completed successfully" }, - { "type": "system", "content": "Execution time: 16.8s | Memory: 186MB | CPU: 31%" } - ] - } - ], - "completionSequence": [ - { "type": "system", "content": "=" .repeat(60) }, - { "type": "system", "content": "ALL AGENTS COMPLETED SUCCESSFULLY" }, - { "type": "system", "content": "Total execution time: 3m 00s | Peak memory: 512MB" }, - { "type": "system", "content": "=" .repeat(60) } - ], - "images": [ - { - "path": "/data/会展策划/image/Whisk_e8f83d1a37.jpg", - "alt": "展馆外观效果图", - "description": "上海国家会展中心外观渲染图" - }, - { - "path": "/data/会展策划/image/Whisk_c478fe089d.jpg", - "alt": "展馆内部布局", - "description": "展会现场布局规划图" - } - ], - "resultPageUrl": "/web_result/index.html?orderClass=tourism" -} \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/data/订单班文档资料 b/web_frontend/exhibition-demo/public/data/订单班文档资料 new file mode 120000 index 00000000..5484f9a7 --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/订单班文档资料 @@ -0,0 +1 @@ +/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/订单班文档资料 \ No newline at end of file diff --git a/web_frontend/exhibition-demo/src/App.tsx b/web_frontend/exhibition-demo/src/App.tsx index d7f788e3..72c1f4c7 100644 --- a/web_frontend/exhibition-demo/src/App.tsx +++ b/web_frontend/exhibition-demo/src/App.tsx @@ -2,20 +2,20 @@ import React, { useState } from 'react'; import { AnimatePresence, motion } from 'framer-motion'; import LandingPage from './pages/LandingPage'; import WorkflowPageV4 from './pages/WorkflowPageV4'; -import ResultPageV2 from './pages/ResultPageV2'; import { useDemoStore } from './store/demoStore'; -type PageType = 'landing' | 'workflow' | 'result'; +type PageType = 'landing' | 'workflow'; function App() { const [currentPage, setCurrentPage] = useState('landing'); const { status } = useDemoStore(); - React.useEffect(() => { - if (status === 'completed') { - setCurrentPage('result'); - } - }, [status]); + // 注释掉自动跳转逻辑，让用户通过弹窗选择是否查看结果 + // React.useEffect(() => { + // if (status === 'completed') { + // setCurrentPage('result'); + // } + // }, [status]); const handleStartDemo = () => { setCurrentPage('workflow'); @@ -49,17 +49,6 @@ function App() { )} - {currentPage === 'result' && ( - - - - )} ); diff --git a/web_frontend/exhibition-demo/src/components/RequirementModal.tsx b/web_frontend/exhibition-demo/src/components/RequirementModal.tsx index 5c9a754b..566ab181 100644 --- a/web_frontend/exhibition-demo/src/components/RequirementModal.tsx +++ b/web_frontend/exhibition-demo/src/components/RequirementModal.tsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; -import { X, Sparkles, FileText, Zap } from 'lucide-react'; +import { X, Sparkles, FileText, Zap, PenTool } from 'lucide-react'; import orderClassesData from '../data/orderClasses.json'; import { OrderClassIconMap } from './OrderClassIcons'; @@ -147,7 +147,7 @@ const RequirementModal: React.FC = ({ isOpen, onClose, on className="fixed inset-0 flex items-center justify-center z-50 p-4" onClick={(e) => e.stopPropagation()} > -
+
{/* 头部 - 苹果风格设计 */}
{/* 渐变背景 */} @@ -198,52 +198,77 @@ const RequirementModal: React.FC = ({ isOpen, onClose, on
-
+
{/* 订单班选择 */} -
-

- +
+

+ 快速选择需求模板

-
+
{orderClassesData.orderClasses.map((orderClass) => ( ))}
{/* 输入区域 */} -
-