Files
n8n_Demo/.serena/memories/exhibition_demo_architecture_2025.md

64 lines
2.4 KiB
Markdown
Raw Normal View History

# Exhibition-Demo 项目记忆 (2025-09-29)
## 项目概述
一个基于 React + TypeScript 的多智能体协同演示系统支持12个专业领域的AI Agent协同工作。
## 最新架构决策
- **UI设计**: 采用苹果风格设计语言,简洁优雅
- **数据管理**: 终端模拟数据使用TypeScriptsrc/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卡片动画效果优化
- 结果页面展示效果完善