主要修复: - 恢复Agent真实头像显示(替换emoji为实际图片) - 删除自动跳转到ResultPageV2的逻辑 - 修改ResultModal支持动态内容显示 - 根据不同订单班显示对应的方案信息 优化内容: - 重构Agent系统,每个订单班独立管理Agent配置 - 删除不需要的ResultPageV2组件 - handleViewDetails改为在新标签页打开 影响模块: - web_frontend/exhibition-demo/src/components/ResultModal.tsx - web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx - web_frontend/exhibition-demo/src/App.tsx - web_frontend/exhibition-demo/src/data/terminalSimulations/*.ts 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
2.4 KiB
2.4 KiB
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个订单班配置
- food - 食品(橙色)
- tourism - 文旅(翠绿)
- finance - 财经商贸(蓝色)
- dev - 智能开发(紫色)
- manufacturing - 智能制造(灰色)
- design - 视觉设计(粉色)
- logistics - 交通物流(靛蓝)
- civil - 土木(黄色)
- health - 大健康(红色)
- energy - 能源(绿色)
- chemical - 化工(青色)
- 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卡片动画效果优化
- 结果页面展示效果完善