# 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卡片动画效果优化 - 结果页面展示效果完善