fix: 修复Agent头像显示和结果弹窗问题
主要修复: - 恢复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>
This commit is contained in:
Yep_Q
@@ -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
|
||||
- 所有开源贡献者
|
||||
|
||||
---
|
||||
|
||||
如有问题，请联系项目维护者。
|
||||
**项目维护**: 2024-2025
|
||||
**最后更新**: 2025-09-29
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 329 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 323 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 332 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 328 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 299 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 343 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 342 KiB |
@@ -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"
|
||||
}
|
||||
1
web_frontend/exhibition-demo/public/data/订单班文档资料
Symbolic link
1
web_frontend/exhibition-demo/public/data/订单班文档资料
Symbolic link
@@ -0,0 +1 @@
|
||||
/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/订单班文档资料
|
||||
@@ -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<PageType>('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() {
|
||||
</motion.div>
|
||||
)}
|
||||
|
||||
{currentPage === 'result' && (
|
||||
<motion.div
|
||||
key="result"
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: 1 }}
|
||||
exit={{ opacity: 0 }}
|
||||
transition={{ duration: 0.5 }}
|
||||
>
|
||||
<ResultPageV2 />
|
||||
</motion.div>
|
||||
)}
|
||||
</AnimatePresence>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -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<RequirementModalProps> = ({ isOpen, onClose, on
|
||||
className="fixed inset-0 flex items-center justify-center z-50 p-4"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="bg-white rounded-2xl shadow-2xl max-w-5xl w-full max-h-[90vh] overflow-hidden">
|
||||
<div className="bg-white rounded-3xl shadow-2xl max-w-5xl w-full overflow-hidden">
|
||||
{/* 头部 - 苹果风格设计 */}
|
||||
<div className="relative">
|
||||
{/* 渐变背景 */}
|
||||
@@ -198,52 +198,77 @@ const RequirementModal: React.FC<RequirementModalProps> = ({ isOpen, onClose, on
|
||||
<div className="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent" />
|
||||
</div>
|
||||
|
||||
<div className="p-6 max-h-[calc(90vh-120px)] overflow-y-auto">
|
||||
<div className="p-6 bg-white/50 backdrop-blur-sm">
|
||||
{/* 订单班选择 */}
|
||||
<div className="mb-6">
|
||||
<h3 className="text-sm font-semibold text-gray-700 mb-3 flex items-center gap-2">
|
||||
<FileText className="w-4 h-4" />
|
||||
<div className="mb-6 p-5 bg-white rounded-xl shadow-sm">
|
||||
<h3 className="text-base font-semibold text-gray-800 mb-4 flex items-center gap-2">
|
||||
<FileText className="w-5 h-5" />
|
||||
快速选择需求模板
|
||||
</h3>
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
<div className="grid grid-cols-3 gap-4">
|
||||
{orderClassesData.orderClasses.map((orderClass) => (
|
||||
<button
|
||||
key={orderClass.id}
|
||||
onClick={() => handleTemplateSelect(orderClass)}
|
||||
className={`p-4 rounded-xl border-2 transition-all hover:shadow-lg ${
|
||||
className={`group relative p-5 rounded-2xl border-2 transition-all duration-300 transform hover:-translate-y-1 ${
|
||||
selectedTemplate === orderClass.id
|
||||
? 'border-blue-500 bg-blue-50'
|
||||
: 'border-gray-200 hover:border-gray-300'
|
||||
? 'border-blue-500 bg-gradient-to-br from-blue-50 to-white shadow-xl scale-[1.02]'
|
||||
: 'border-gray-200 hover:border-gray-300 hover:shadow-lg bg-white'
|
||||
}`}
|
||||
>
|
||||
<div className="flex items-center gap-3 mb-2">
|
||||
<div className={`p-2 rounded-lg transition-all ${
|
||||
{/* 选中时的光晕效果 */}
|
||||
{selectedTemplate === orderClass.id && (
|
||||
<div className="absolute inset-0 rounded-2xl bg-blue-400 opacity-10 blur-xl animate-pulse" />
|
||||
)}
|
||||
|
||||
<div className="relative flex items-center gap-3">
|
||||
<div className={`p-3 rounded-xl transition-all duration-300 ${
|
||||
selectedTemplate === orderClass.id
|
||||
? 'bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md scale-110'
|
||||
: 'text-white hover:scale-105'
|
||||
? 'bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-lg scale-110 rotate-3'
|
||||
: 'text-white group-hover:scale-110 group-hover:rotate-3'
|
||||
}`}
|
||||
style={{
|
||||
backgroundColor: selectedTemplate === orderClass.id ? undefined : orderClass.color,
|
||||
boxShadow: selectedTemplate === orderClass.id ? '0 4px 12px rgba(59, 130, 246, 0.4)' : undefined
|
||||
boxShadow: selectedTemplate === orderClass.id
|
||||
? '0 8px 20px rgba(59, 130, 246, 0.4)'
|
||||
: '0 4px 12px rgba(0, 0, 0, 0.1)'
|
||||
}}>
|
||||
{(() => {
|
||||
const IconComponent = OrderClassIconMap[orderClass.id];
|
||||
return IconComponent ? <IconComponent size={20} /> : <FileText className="w-5 h-5" />;
|
||||
return IconComponent ? <IconComponent size={24} /> : <FileText className="w-6 h-6" />;
|
||||
})()}
|
||||
</div>
|
||||
<div className="text-left flex-1">
|
||||
<div className="font-medium text-gray-900">{orderClass.name}</div>
|
||||
<div className="text-xs text-gray-500 truncate">{orderClass.template?.title || orderClass.description}</div>
|
||||
<div className={`font-semibold transition-colors duration-300 ${
|
||||
selectedTemplate === orderClass.id ? 'text-blue-900' : 'text-gray-900'
|
||||
}`}>
|
||||
{orderClass.name}
|
||||
</div>
|
||||
<div className={`text-xs mt-0.5 line-clamp-2 transition-colors duration-300 ${
|
||||
selectedTemplate === orderClass.id ? 'text-blue-600' : 'text-gray-500'
|
||||
}`}>
|
||||
{orderClass.template?.title || orderClass.description}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 选中标记 */}
|
||||
{selectedTemplate === orderClass.id && (
|
||||
<div className="absolute -top-2 -right-2 w-6 h-6 bg-blue-500 rounded-full flex items-center justify-center shadow-lg animate-bounce">
|
||||
<svg className="w-3.5 h-3.5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
</div>
|
||||
)}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 输入区域 */}
|
||||
<div className="mb-6">
|
||||
<label className="block text-sm font-semibold text-gray-700 mb-2">
|
||||
<div className="mb-6 p-5 bg-white rounded-xl shadow-sm">
|
||||
<label className="text-base font-semibold text-gray-800 mb-3 flex items-center gap-2">
|
||||
<PenTool className="w-5 h-5" />
|
||||
需求描述
|
||||
</label>
|
||||
<textarea
|
||||
|
||||
@@ -5,9 +5,20 @@ import { X, Eye, CheckCircle, FileText, TrendingUp, Calendar } from 'lucide-reac
|
||||
interface ResultModalProps {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
onViewDetails?: () => void;
|
||||
projectTitle?: string;
|
||||
projectSubtitle?: string;
|
||||
orderClassName?: string;
|
||||
}
|
||||
|
||||
const ResultModal: React.FC<ResultModalProps> = ({ isOpen, onClose }) => {
|
||||
const ResultModal: React.FC<ResultModalProps> = ({
|
||||
isOpen,
|
||||
onClose,
|
||||
onViewDetails,
|
||||
projectTitle = '项目方案',
|
||||
projectSubtitle = '包含完整的分析、设计、预算、执行计划等内容',
|
||||
orderClassName = '通用'
|
||||
}) => {
|
||||
const stats = [
|
||||
{ label: '生成时间', value: '3分钟', icon: <Calendar className="w-5 h-5" /> },
|
||||
{ label: '文档页数', value: '68页', icon: <FileText className="w-5 h-5" /> },
|
||||
@@ -68,7 +79,7 @@ const ResultModal: React.FC<ResultModalProps> = ({ isOpen, onClose }) => {
|
||||
|
||||
<h2 className="text-3xl font-bold text-center mb-2">方案生成完成！</h2>
|
||||
<p className="text-center text-green-100">
|
||||
AI已成功为您生成完整的展会策划方案
|
||||
AI已成功为您生成完整的{orderClassName}方案
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -128,10 +139,10 @@ const ResultModal: React.FC<ResultModalProps> = ({ isOpen, onClose }) => {
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h4 className="font-semibold text-gray-900 mb-1">
|
||||
2024长三角新能源汽车展策划方案
|
||||
{projectTitle}
|
||||
</h4>
|
||||
<p className="text-sm text-gray-600">
|
||||
包含完整的市场分析、设计方案、预算规划、执行计划、营销策略等内容
|
||||
{projectSubtitle}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -142,7 +153,7 @@ const ResultModal: React.FC<ResultModalProps> = ({ isOpen, onClose }) => {
|
||||
<div className="p-6 bg-gray-50 border-t border-gray-200 flex-shrink-0">
|
||||
<div className="flex justify-center">
|
||||
<button
|
||||
onClick={() => window.open('http://localhost:4155/', '_blank')}
|
||||
onClick={onViewDetails}
|
||||
className="px-8 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-xl font-medium hover:shadow-lg transform hover:scale-105 transition-all flex items-center justify-center gap-2"
|
||||
>
|
||||
<Eye className="w-5 h-5" />
|
||||
|
||||
60
web_frontend/exhibition-demo/src/data/agents/foodAgents.ts
Normal file
60
web_frontend/exhibition-demo/src/data/agents/foodAgents.ts
Normal file
@@ -0,0 +1,60 @@
|
||||
// 食品订单班专属Agent配置
|
||||
export interface FoodAgent {
|
||||
id: string;
|
||||
name: string;
|
||||
icon: string;
|
||||
avatar?: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
export const foodAgents: FoodAgent[] = [
|
||||
{
|
||||
id: 'market-research',
|
||||
name: '餐饮市场调研专家',
|
||||
icon: '🔍',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐饮市场调研专家.jpeg',
|
||||
description: '负责市场分析、竞品调研、消费者画像'
|
||||
},
|
||||
{
|
||||
id: 'brand-design',
|
||||
name: '餐饮品牌设计专家',
|
||||
icon: '🎨',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐饮品牌设计专家.jpeg',
|
||||
description: '负责品牌定位、视觉设计、空间设计'
|
||||
},
|
||||
{
|
||||
id: 'menu-development',
|
||||
name: '菜品研发专家',
|
||||
icon: '👨🍳',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/菜品研发专家.jpeg',
|
||||
description: '负责菜单设计、营养搭配、口味调试'
|
||||
},
|
||||
{
|
||||
id: 'location-design',
|
||||
name: '餐厅选址装修专家',
|
||||
icon: '🏪',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐厅选址装修专家.jpeg',
|
||||
description: '负责选址分析、装修设计、空间规划'
|
||||
},
|
||||
{
|
||||
id: 'team-management',
|
||||
name: '餐饮团队人员管理专家',
|
||||
icon: '👥',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐饮团队人员管理专家.jpeg',
|
||||
description: '负责团队组建、培训体系、绩效管理'
|
||||
},
|
||||
{
|
||||
id: 'budget',
|
||||
name: '财务预算专家',
|
||||
icon: '💰',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/财务预算专家.jpeg',
|
||||
description: '负责投资预算、成本核算、财务规划'
|
||||
},
|
||||
{
|
||||
id: 'operation',
|
||||
name: '轻食店经营管理专家',
|
||||
icon: '📊',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/轻食店经营管理专家.jpeg',
|
||||
description: '负责运营策略、流程优化、质量管理'
|
||||
}
|
||||
];
|
||||
93
web_frontend/exhibition-demo/src/data/agents/wenluAgents.ts
Normal file
93
web_frontend/exhibition-demo/src/data/agents/wenluAgents.ts
Normal file
@@ -0,0 +1,93 @@
|
||||
import { LucideIcon, Search, Palette, Calculator, FileText, Zap, Megaphone, Calendar } from 'lucide-react';
|
||||
|
||||
export interface WenluAgent {
|
||||
id: string;
|
||||
name: string;
|
||||
icon: string;
|
||||
IconComponent?: LucideIcon;
|
||||
role: string;
|
||||
description: string;
|
||||
skills: string[];
|
||||
experience: string;
|
||||
avatar: string;
|
||||
}
|
||||
|
||||
export const wenluAgents: WenluAgent[] = [
|
||||
{
|
||||
id: 'info-retrieval',
|
||||
name: '信息检索专家',
|
||||
icon: '🔍',
|
||||
IconComponent: Search,
|
||||
role: '展会信息收集与分析',
|
||||
description: '专注于展会行业信息检索、市场调研、竞品分析、行业报告整理。擅长从海量数据中提取关键信息，为展会策划提供数据支撑。',
|
||||
skills: ['市场调研', '数据分析', '竞品研究', '趋势预测'],
|
||||
experience: '10年展会行业研究经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/信息检索专家.jpg'
|
||||
},
|
||||
{
|
||||
id: 'design-expert',
|
||||
name: '设计师专家',
|
||||
icon: '🎨',
|
||||
IconComponent: Palette,
|
||||
role: '展会视觉设计与空间规划',
|
||||
description: '负责展会整体视觉设计、展台布局、空间规划、品牌VI系统。精通展览设计原理，能创造独特的参展体验。',
|
||||
skills: ['展台设计', '空间规划', 'VI设计', '3D建模'],
|
||||
experience: '8年展览设计经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/设计专家.jpg'
|
||||
},
|
||||
{
|
||||
id: 'budget-expert',
|
||||
name: '财务预算专家',
|
||||
icon: '💰',
|
||||
IconComponent: Calculator,
|
||||
role: '展会成本控制与财务规划',
|
||||
description: '精通展会预算编制、成本控制、投资回报分析。确保展会在预算范围内实现最大价值，优化资源配置。',
|
||||
skills: ['预算编制', '成本控制', 'ROI分析', '财务规划'],
|
||||
experience: '12年展会财务管理经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/预算编辑专家.jpg'
|
||||
},
|
||||
{
|
||||
id: 'format-editor',
|
||||
name: '格式编辑专家',
|
||||
icon: '📝',
|
||||
IconComponent: FileText,
|
||||
role: '展会文档标准化与内容编辑',
|
||||
description: '负责展会方案文档编写、格式规范、内容校对。确保所有文档专业、清晰、符合行业标准。',
|
||||
skills: ['文档编写', '内容编辑', '格式规范', '多语言翻译'],
|
||||
experience: '6年展会文案策划经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/结构编辑专家.jpg'
|
||||
},
|
||||
{
|
||||
id: 'event-executor',
|
||||
name: '活动执行专家',
|
||||
icon: '⚡',
|
||||
IconComponent: Zap,
|
||||
role: '展会现场执行与协调',
|
||||
description: '负责展会现场执行、供应商管理、突发事件处理。确保展会顺利进行，各环节无缝衔接。',
|
||||
skills: ['现场管理', '供应商协调', '危机处理', '流程优化'],
|
||||
experience: '15年大型展会执行经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/会展执行专家.jpg'
|
||||
},
|
||||
{
|
||||
id: 'marketing-expert',
|
||||
name: '营销宣传专家',
|
||||
icon: '📢',
|
||||
IconComponent: Megaphone,
|
||||
role: '展会推广与品牌传播',
|
||||
description: '制定展会营销策略、媒体推广计划、观众招募方案。通过多渠道营销提升展会影响力和参与度。',
|
||||
skills: ['营销策划', '媒体公关', '社交媒体', '观众招募'],
|
||||
experience: '9年展会营销推广经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/营销策划专家.jpg'
|
||||
},
|
||||
{
|
||||
id: 'exhibition-planner',
|
||||
name: '会展策划专家',
|
||||
icon: '🎯',
|
||||
IconComponent: Calendar,
|
||||
role: '展会整体策划与统筹',
|
||||
description: '负责展会整体策划、主题设计、流程规划、资源整合。确保展会目标明确、执行有序、效果卓越。',
|
||||
skills: ['策略规划', '主题策划', '资源整合', '项目管理'],
|
||||
experience: '18年国际展会策划经验',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/会展策划专家.jpg'
|
||||
}
|
||||
];
|
||||
@@ -1,70 +0,0 @@
|
||||
{
|
||||
"orderClass": "食品",
|
||||
"orderClassId": "food",
|
||||
"title": "2024国际健康食品与轻食产业博览会",
|
||||
"templateConfig": {
|
||||
"id": "food",
|
||||
"title": "食品产业展",
|
||||
"icon": "UtensilsCrossed",
|
||||
"content": "展会名称：2024国际健康食品与轻食产业博览会\n地点：北京国家会议中心\n时间：2024年11月15日-17日\n规模：30,000平方米，预计200家展商，30,000人次观众\n主题：健康饮食新风尚，轻食产业新机遇\n特色：健康食品展示、轻食品牌推广、营养科技创新、餐饮连锁加盟"
|
||||
},
|
||||
"sections": [
|
||||
{
|
||||
"title": "项目概述",
|
||||
"content": [
|
||||
{
|
||||
"type": "text",
|
||||
"text": "随着国民健康意识提升，'低卡、营养、便捷'的轻食需求持续增长。据艾瑞咨询2024年报告显示，中国轻食市场规模已突破1200亿元，年增长率达18%。本展会聚焦健康食品与轻食产业，为品牌商、投资者、消费者搭建交流平台。"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "展会亮点",
|
||||
"content": [
|
||||
{
|
||||
"type": "list",
|
||||
"items": [
|
||||
"青莳轻食等中高端轻食品牌现场展示",
|
||||
"营养科学讲座与健康饮食体验",
|
||||
"轻食加盟项目对接会",
|
||||
"食材供应链解决方案展示"
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "参展品牌",
|
||||
"content": [
|
||||
{
|
||||
"type": "brands",
|
||||
"items": ["青莳轻食", "Wagas", "Element Fresh", "Moka Bros", "Hunter Gatherer", "沙野轻食", "超能鹿战队", "田园主义"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "商业机会",
|
||||
"content": [
|
||||
{
|
||||
"type": "text",
|
||||
"text": "展会特设轻食加盟专区，青莳轻食等品牌提供完整的加盟方案：初始投资85万元，预计8个月回本，年化收益率35%。现场签约享受优惠政策。"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"images": {
|
||||
"basePath": "../../data/订单班文档资料/食品/notion文稿/image/",
|
||||
"list": [
|
||||
"设计图_01.jpg",
|
||||
"设计图_02.jpg",
|
||||
"设计图_03.jpg",
|
||||
"展示图_01.jpg",
|
||||
"展示图_02.jpg",
|
||||
"展示图_03.jpg"
|
||||
]
|
||||
},
|
||||
"metadata": {
|
||||
"createTime": "2024-09-28",
|
||||
"updateTime": "2024-09-28",
|
||||
"status": "completed"
|
||||
}
|
||||
}
|
||||
@@ -1,10 +1,60 @@
|
||||
import { Agent } from '@/store/demoStore';
|
||||
import { SimulationData, TerminalLine } from './index';
|
||||
|
||||
export const foodSimulation = (agents: Agent[]): SimulationData => ({
|
||||
// 食品订单班专属Agent配置
|
||||
const foodAgents: Agent[] = [
|
||||
{
|
||||
id: 'food_market_analyst',
|
||||
name: '餐饮市场分析师',
|
||||
icon: '📊',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐饮市场调研专家.jpeg',
|
||||
model: 'DeepSeek V2',
|
||||
role: '市场调研、竞品分析、消费趋势',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'food_brand_designer',
|
||||
name: '品牌设计师',
|
||||
icon: '🎨',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐饮品牌设计专家.jpeg',
|
||||
model: 'Google Gemini',
|
||||
role: '品牌形象、VI设计、门店装修',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'food_operation_expert',
|
||||
name: '餐饮运营专家',
|
||||
icon: '🍽️',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/轻食店经营管理专家.jpeg',
|
||||
model: 'DeepSeek Chat',
|
||||
role: '运营流程、供应链管理、质量控制',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'food_finance_advisor',
|
||||
name: '财务顾问',
|
||||
icon: '💰',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/财务预算专家.jpeg',
|
||||
model: 'GPT-4',
|
||||
role: '成本核算、投资回报、财务规划',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'food_marketing_strategist',
|
||||
name: '营销策略师',
|
||||
icon: '📱',
|
||||
avatar: '/data/订单班文档资料/食品/agent头像/餐饮团队人员管理专家.jpeg',
|
||||
model: 'Claude 3',
|
||||
role: '营销推广、社媒运营、会员体系',
|
||||
status: 'waiting',
|
||||
},
|
||||
];
|
||||
|
||||
export const foodSimulation = (): SimulationData => ({
|
||||
orderClassId: 'food',
|
||||
orderClassName: '食品',
|
||||
projectTitle: '青莳轻食连锁品牌创业方案',
|
||||
agents: foodAgents,
|
||||
|
||||
startupSequence: [
|
||||
{ type: 'info', content: '🚀 启动食品行业轻食品牌创业方案生成系统...' },
|
||||
@@ -24,9 +74,9 @@ export const foodSimulation = (agents: Agent[]): SimulationData => ({
|
||||
|
||||
agentSequence: [
|
||||
{
|
||||
agent: () => agents[0], // 信息检索专家
|
||||
agent: () => foodAgents[0], // 餐饮市场分析师
|
||||
outputs: [
|
||||
{ type: 'system', content: '🔍 信息检索专家 正在分析...' },
|
||||
{ type: 'system', content: '📊 餐饮市场分析师 正在分析...' },
|
||||
{ type: 'info', content: '检索关键词: 轻食市场 + 国贸商圈 + 白领消费' },
|
||||
{ type: 'progress', content: '分析市场数据...', duration: 800 },
|
||||
{ type: 'success', content: '✓ 发现目标区域日均白领流量: 15,000人' },
|
||||
@@ -44,145 +94,111 @@ export const foodSimulation = (agents: Agent[]): SimulationData => ({
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[1], // 设计专家
|
||||
agent: () => foodAgents[1], // 品牌设计师
|
||||
outputs: [
|
||||
{ type: 'system', content: '🎨 设计专家 开始创作...' },
|
||||
{ type: 'system', content: '🎨 品牌设计师 开始创作...' },
|
||||
{ type: 'info', content: '设计理念: 透明厨房 + 自然简约' },
|
||||
{ type: 'progress', content: '生成空间布局方案...', duration: 1000 },
|
||||
{
|
||||
type: 'image',
|
||||
content: '🏪 店面设计效果图',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_02.jpg',
|
||||
imageAlt: '青莳轻食店面3D效果图'
|
||||
},
|
||||
{ type: 'success', content: '✓ 110㎡空间优化完成' },
|
||||
{ type: 'info', content: '功能分区:' },
|
||||
{ type: 'system', content: '├─ 堂食区: 65㎡ (26座)' },
|
||||
{ type: 'system', content: '├─ 透明厨房: 30㎡' },
|
||||
{ type: 'system', content: '└─ 营养咨询区: 15㎡' },
|
||||
{ type: 'progress', content: '生成品牌视觉方案...', duration: 1000 },
|
||||
{
|
||||
type: 'image',
|
||||
content: '🎨 品牌VI设计',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_02.jpg',
|
||||
imageAlt: '青莳品牌Logo设计'
|
||||
},
|
||||
{ type: 'success', content: '✓ Logo设计: 青莳标识（绿叶+汉字组合）' },
|
||||
{ type: 'success', content: '✓ 主色调: 莫兰迪绿 + 暖白' },
|
||||
{ type: 'success', content: '✓ 门店效果图已生成' },
|
||||
{
|
||||
type: 'image',
|
||||
content: '🏪 门店设计效果图',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_03.jpg',
|
||||
imageAlt: '青莳品牌视觉识别系统'
|
||||
imageAlt: '门店3D效果图'
|
||||
},
|
||||
{ type: 'success', content: '✓ 品牌色: 青莳绿 #4CAF50' },
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[2], // 财务预算专家
|
||||
agent: () => foodAgents[2], // 餐饮运营专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '💰 财务预算专家 正在核算...' },
|
||||
{ type: 'info', content: '总投资预算: 60万元' },
|
||||
{ type: 'progress', content: '详细成本分解...', duration: 800 },
|
||||
{ type: 'system', content: '📊 投资明细:' },
|
||||
{ type: 'system', content: '├─ 装修费用: 30万 (2727元/㎡)' },
|
||||
{ type: 'system', content: '├─ 设备采购: 15万' },
|
||||
{ type: 'system', content: '├─ 首批原料: 5万' },
|
||||
{ type: 'system', content: '├─ 营销推广: 3万' },
|
||||
{ type: 'system', content: '└─ 流动资金: 7万' },
|
||||
{ type: 'system', content: '🍽️ 餐饮运营专家 正在规划...' },
|
||||
{ type: 'info', content: '制定标准化运营流程' },
|
||||
{ type: 'progress', content: '优化供应链体系...', duration: 800 },
|
||||
{ type: 'success', content: '✓ 建立中央厨房配送模式' },
|
||||
{ type: 'success', content: '✓ 制定食材采购标准' },
|
||||
{ type: 'info', content: '设计产品矩阵...' },
|
||||
{
|
||||
type: 'image',
|
||||
content: '📈 财务预测模型',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_08.jpg',
|
||||
imageAlt: '12个月财务预测图表'
|
||||
content: '📋 产品矩阵图',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_04.jpg',
|
||||
imageAlt: '产品SKU矩阵'
|
||||
},
|
||||
{ type: 'success', content: '✓ 预计回本周期: 14个月' },
|
||||
{ type: 'success', content: '✓ 毛利率: 65%' },
|
||||
{ type: 'warning', content: '💡 日均营业额需达: 15,000元' },
|
||||
{ type: 'success', content: '✓ 核心SKU: 20款健康轻食' },
|
||||
{ type: 'success', content: '✓ 季节性新品: 每季度4款' },
|
||||
{ type: 'success', content: '✓ 运营SOP手册已完成' },
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[3], // 格式编辑专家
|
||||
agent: () => foodAgents[3], // 财务顾问
|
||||
outputs: [
|
||||
{ type: 'system', content: '📝 格式编辑专家 整理方案...' },
|
||||
{ type: 'info', content: '生成标准化商业计划书' },
|
||||
{ type: 'progress', content: '格式化文档...', duration: 600 },
|
||||
{ type: 'success', content: '✓ 执行摘要完成' },
|
||||
{ type: 'success', content: '✓ 产品菜单设计完成' },
|
||||
{ type: 'info', content: '核心产品线:' },
|
||||
{ type: 'system', content: '├─ 能量碗系列: 12款' },
|
||||
{ type: 'system', content: '├─ 轻食沙拉: 8款' },
|
||||
{ type: 'system', content: '├─ 低卡主食: 6款' },
|
||||
{ type: 'system', content: '└─ 营养饮品: 6款' },
|
||||
{ type: 'success', content: '✓ 32款SKU定价策略完成' },
|
||||
{ type: 'info', content: '客单价区间: 45-68元' },
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[4], // 活动执行专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '⚡ 活动执行专家 制定开业计划...' },
|
||||
{ type: 'info', content: '开业倒计时: 45天' },
|
||||
{ type: 'progress', content: '生成执行时间线...', duration: 800 },
|
||||
{ type: 'system', content: '💰 财务顾问 正在核算...' },
|
||||
{ type: 'info', content: '编制投资预算方案' },
|
||||
{ type: 'progress', content: '计算投资回报率...', duration: 1200 },
|
||||
{
|
||||
type: 'image',
|
||||
content: '📅 开业执行计划',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_10.jpg',
|
||||
imageAlt: '45天开业准备甘特图'
|
||||
content: '💹 财务模型',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_05.jpg',
|
||||
imageAlt: '投资回报分析'
|
||||
},
|
||||
{ type: 'system', content: '关键里程碑:' },
|
||||
{ type: 'system', content: '├─ D-45: 签约装修团队' },
|
||||
{ type: 'system', content: '├─ D-30: 设备进场安装' },
|
||||
{ type: 'system', content: '├─ D-15: 团队培训启动' },
|
||||
{ type: 'system', content: '├─ D-7: 试营业' },
|
||||
{ type: 'system', content: '└─ D-Day: 正式开业' },
|
||||
{ type: 'success', content: '✓ 供应链对接完成' },
|
||||
{ type: 'warning', content: '⚠️ 关键风险: 食材供应稳定性' },
|
||||
{ type: 'success', content: '✓ 初始投资: 120万元' },
|
||||
{ type: 'success', content: '✓ 月均营收预测: 45万元' },
|
||||
{ type: 'success', content: '✓ 投资回收期: 14个月' },
|
||||
{ type: 'success', content: '✓ 年化收益率: 35%' },
|
||||
{ type: 'info', content: '成本结构分析完成' },
|
||||
{ type: 'success', content: '✓ 食材成本: 35%' },
|
||||
{ type: 'success', content: '✓ 人工成本: 25%' },
|
||||
{ type: 'success', content: '✓ 租金成本: 15%' },
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[5], // 营销宣传专家
|
||||
agent: () => foodAgents[4], // 营销策略师
|
||||
outputs: [
|
||||
{ type: 'system', content: '📢 营销宣传专家 策划推广...' },
|
||||
{ type: 'info', content: '目标: 开业首月获客3000人' },
|
||||
{ type: 'progress', content: '制定营销策略...', duration: 1000 },
|
||||
{ type: 'system', content: '📱 营销策略师 制定策略...' },
|
||||
{ type: 'info', content: '构建全渠道营销体系' },
|
||||
{ type: 'progress', content: '设计推广方案...', duration: 900 },
|
||||
{
|
||||
type: 'image',
|
||||
content: '📱 社交媒体营销',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_12.jpg',
|
||||
imageAlt: '小红书/抖音营销方案'
|
||||
content: '📣 营销策略图',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_06.jpg',
|
||||
imageAlt: '全渠道营销布局'
|
||||
},
|
||||
{ type: 'system', content: '营销渠道矩阵:' },
|
||||
{ type: 'system', content: '├─ 小红书: KOL种草计划' },
|
||||
{ type: 'system', content: '├─ 美团: 新店扶持活动' },
|
||||
{ type: 'system', content: '├─ 企业团餐: B端拓展' },
|
||||
{ type: 'system', content: '└─ 会员体系: 储值优惠' },
|
||||
{ type: 'success', content: '✓ 开业活动: 买一送一(前500名)' },
|
||||
{ type: 'success', content: '✓ 预计转化率: 15%' },
|
||||
{ type: 'info', content: '月度营销预算: 15,000元' },
|
||||
{ type: 'success', content: '✓ 线上渠道: 美团/饿了么/抖音团购' },
|
||||
{ type: 'success', content: '✓ 私域运营: 企业微信社群运营' },
|
||||
{ type: 'success', content: '✓ 会员体系: 积分+储值双轨制' },
|
||||
{ type: 'info', content: '开业营销活动策划' },
|
||||
{ type: 'success', content: '✓ 开业3天: 全场6.8折' },
|
||||
{ type: 'success', content: '✓ 首月会员: 储值送30%' },
|
||||
{ type: 'success', content: '✓ 企业团餐: 满20单8.5折' },
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[6], // 会展策划专家(总协调)
|
||||
outputs: [
|
||||
{ type: 'system', content: '🎯 策划专家 整合最终方案...' },
|
||||
{ type: 'info', content: '方案评分: 92/100' },
|
||||
{ type: 'progress', content: '生成完整商业计划书...', duration: 1200 },
|
||||
{
|
||||
type: 'image',
|
||||
content: '📊 项目总览',
|
||||
imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_15.jpg',
|
||||
imageAlt: '青莳轻食项目一页纸总览'
|
||||
},
|
||||
{ type: 'success', content: '✅ 商业模式: 透明化健康轻食' },
|
||||
{ type: 'success', content: '✅ 核心优势: 食材可溯源+营养可视化' },
|
||||
{ type: 'success', content: '✅ 目标营收: 首年600万' },
|
||||
{ type: 'success', content: '✅ 扩张计划: 18个月开设3家店' },
|
||||
{ type: 'warning', content: '💡 成功关键: 产品标准化+会员运营' },
|
||||
{ type: 'system', content: '文档生成完成，共68页' },
|
||||
]
|
||||
}
|
||||
],
|
||||
|
||||
completionSequence: [
|
||||
{ type: 'success', content: '🎉 青莳轻食创业方案生成完成！' },
|
||||
{ type: 'info', content: '生成耗时: 3分12秒' },
|
||||
{ type: 'system', content: '方案亮点:' },
|
||||
{ type: 'system', content: '• 精准定位国贸白领健康餐饮需求' },
|
||||
{ type: 'system', content: '• 透明厨房打造信任感' },
|
||||
{ type: 'system', content: '• 营养师驻店提供专业咨询' },
|
||||
{ type: 'system', content: '• 数字化会员管理系统' },
|
||||
{ type: 'success', content: '✨ 方案已保存至: /projects/food/青莳轻食_BP_v1.0.pdf' },
|
||||
{ type: 'system', content: '=' .repeat(60) },
|
||||
{ type: 'success', content: '🎉 青莳轻食品牌创业方案生成完成！' },
|
||||
{ type: 'system', content: '=' .repeat(60) },
|
||||
{ type: 'info', content: '📊 方案亮点:' },
|
||||
{ type: 'success', content: '✓ 精准定位国贸白领健康餐饮需求' },
|
||||
{ type: 'success', content: '✓ 差异化品牌形象和产品矩阵' },
|
||||
{ type: 'success', content: '✓ 标准化运营确保品质稳定' },
|
||||
{ type: 'success', content: '✓ 全渠道营销快速获客' },
|
||||
{ type: 'success', content: '✓ 14个月回本，年化收益35%' },
|
||||
{ type: 'info', content: '' },
|
||||
{ type: 'info', content: '💼 下一步行动:' },
|
||||
{ type: 'output', content: '1. 选址考察（建议3-5个备选点位）' },
|
||||
{ type: 'output', content: '2. 团队组建（店长、厨师、服务员）' },
|
||||
{ type: 'output', content: '3. 供应商洽谈（食材、包装、设备）' },
|
||||
{ type: 'output', content: '4. 装修施工（预计45天）' },
|
||||
{ type: 'output', content: '5. 试营业调整（7-10天）' },
|
||||
{ type: 'info', content: '' },
|
||||
{ type: 'success', content: '✅ 方案已保存至: /projects/food/青莳轻食_创业方案_v1.0.pdf' },
|
||||
]
|
||||
});
|
||||
@@ -32,13 +32,14 @@ export interface SimulationData {
|
||||
orderClassId: string;
|
||||
orderClassName: string;
|
||||
projectTitle: string;
|
||||
agents: Agent[]; // 添加agents字段
|
||||
startupSequence: TerminalLine[];
|
||||
agentSequence: AgentOutput[];
|
||||
completionSequence: TerminalLine[];
|
||||
}
|
||||
|
||||
// 生成函数类型
|
||||
export type SimulationGenerator = (agents: Agent[]) => SimulationData;
|
||||
// 生成函数类型 - 不再需要传入agents参数
|
||||
export type SimulationGenerator = () => SimulationData;
|
||||
|
||||
// 订单班模拟数据映射表 - 目前只有文旅和食品
|
||||
export const simulationMap: Record<string, SimulationGenerator> = {
|
||||
@@ -48,32 +49,29 @@ export const simulationMap: Record<string, SimulationGenerator> = {
|
||||
};
|
||||
|
||||
// 获取指定订单班的模拟数据
|
||||
export const getSimulationData = (orderClassId: string, agents: Agent[]): SimulationData | null => {
|
||||
console.log('[getSimulationData] Called with:', {
|
||||
orderClassId,
|
||||
agentsCount: agents.length,
|
||||
agentsNames: agents.map(a => a.name)
|
||||
});
|
||||
|
||||
export const getSimulationData = (orderClassId: string): SimulationData | null => {
|
||||
console.log('[getSimulationData] Called with orderClassId:', orderClassId);
|
||||
|
||||
const generator = simulationMap[orderClassId];
|
||||
console.log('[getSimulationData] Available keys:', Object.keys(simulationMap));
|
||||
console.log('[getSimulationData] Generator found:', !!generator);
|
||||
|
||||
|
||||
if (!generator) {
|
||||
console.warn(`No simulation data found for order class: ${orderClassId}`);
|
||||
return null;
|
||||
}
|
||||
|
||||
const data = generator(agents);
|
||||
|
||||
const data = generator();
|
||||
console.log('[getSimulationData] Data generated:', {
|
||||
hasData: !!data,
|
||||
orderClassName: data?.orderClassName,
|
||||
projectTitle: data?.projectTitle,
|
||||
agentsCount: data?.agents?.length,
|
||||
startupSequenceLength: data?.startupSequence?.length,
|
||||
agentSequenceLength: data?.agentSequence?.length,
|
||||
completionSequenceLength: data?.completionSequence?.length
|
||||
});
|
||||
|
||||
|
||||
return data;
|
||||
};
|
||||
|
||||
|
||||
@@ -6,7 +6,74 @@
|
||||
import { Agent } from '@/store/demoStore';
|
||||
import { SimulationData, TerminalLine } from './index';
|
||||
|
||||
export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
// 文旅订单班专属Agent配置
|
||||
const wenluAgents: Agent[] = [
|
||||
{
|
||||
id: 'wenlu_info_retrieval',
|
||||
name: '信息检索专家',
|
||||
icon: '🔍',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/信息检索专家.jpg',
|
||||
model: 'DeepSeek V2',
|
||||
role: '市场调研、数据分析、趋势洞察',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'wenlu_design_expert',
|
||||
name: '设计创意专家',
|
||||
icon: '🎨',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/设计专家.jpg',
|
||||
model: 'Google Gemini',
|
||||
role: '展览设计、视觉创作、空间规划',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'wenlu_budget_expert',
|
||||
name: '财务预算专家',
|
||||
icon: '💰',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/预算编辑专家.jpg',
|
||||
model: 'DeepSeek Math',
|
||||
role: '成本核算、预算规划、财务分析',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'wenlu_doc_formatter',
|
||||
name: '格式编辑专家',
|
||||
icon: '📄',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/结构编辑专家.jpg',
|
||||
model: 'DeepSeek Chat',
|
||||
role: '文档编排、格式优化、内容整合',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'wenlu_execution_expert',
|
||||
name: '活动执行专家',
|
||||
icon: '📅',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/会展执行专家.jpg',
|
||||
model: 'DeepSeek Chat',
|
||||
role: '执行规划、时间管理、资源调度',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'wenlu_marketing_expert',
|
||||
name: '营销宣传专家',
|
||||
icon: '📱',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/营销策划专家.jpg',
|
||||
model: 'DeepSeek Chat',
|
||||
role: '品牌推广、媒体策略、用户增长',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'wenlu_coordinator',
|
||||
name: '会展策划专家',
|
||||
icon: '🎯',
|
||||
avatar: '/data/订单班文档资料/文旅/agent头像/会展策划专家.jpg',
|
||||
model: 'Chat Models',
|
||||
role: '整体协调、质量把控、方案整合',
|
||||
status: 'waiting',
|
||||
},
|
||||
];
|
||||
|
||||
export const wenluSimulation = (): SimulationData => {
|
||||
const startupSequence: TerminalLine[] = [
|
||||
{ type: 'system', content: '>>> AI Exhibition Planning System v2.0.0' },
|
||||
{ type: 'system', content: '>>> Copyright (c) 2024 DeepSeek AI. All rights reserved.' },
|
||||
@@ -41,7 +108,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
|
||||
const agentSequence = [
|
||||
{
|
||||
agent: () => agents[0], // 信息检索专家
|
||||
agent: () => wenluAgents[0], // 信息检索专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-1] Information Retrieval Expert Activated' },
|
||||
{ type: 'info', content: 'Model: DeepSeek-V2 Chat (Temperature: 0.7)' },
|
||||
@@ -92,7 +159,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[1], // 设计专家
|
||||
agent: () => wenluAgents[1], // 设计创意专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-2] Design & Creative Expert Activated' },
|
||||
{ type: 'info', content: 'Model: Google Gemini Pro Vision (Temperature: 0.8)' },
|
||||
@@ -182,7 +249,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[2], // 财务预算专家
|
||||
agent: () => wenluAgents[2], // 财务预算专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-3] Financial & Budget Expert Activated' },
|
||||
{ type: 'info', content: 'Model: DeepSeek-Math-7B (Temperature: 0.3)' },
|
||||
@@ -221,7 +288,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[3], // 格式编辑专家
|
||||
agent: () => wenluAgents[3], // 格式编辑专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-4] Document Formatting Expert Activated' },
|
||||
{ type: 'info', content: 'Model: DeepSeek-V2 Chat (Temperature: 0.5)' },
|
||||
@@ -251,7 +318,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[4], // 活动执行专家
|
||||
agent: () => wenluAgents[4], // 活动执行专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-5] Event Execution Expert Activated' },
|
||||
{ type: 'info', content: 'Model: DeepSeek-V2 Chat (Temperature: 0.6)' },
|
||||
@@ -291,7 +358,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[5], // 营销宣传专家
|
||||
agent: () => wenluAgents[5], // 营销宣传专家
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-6] Marketing & PR Expert Activated' },
|
||||
{ type: 'info', content: 'Model: DeepSeek-V2 Chat (Temperature: 0.7)' },
|
||||
@@ -339,7 +406,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
]
|
||||
},
|
||||
{
|
||||
agent: () => agents[6], // 会展策划专家（协调者）
|
||||
agent: () => wenluAgents[6], // 会展策划专家（协调者）
|
||||
outputs: [
|
||||
{ type: 'system', content: '>>> [Agent-7] Exhibition Planning Coordinator Activated' },
|
||||
{ type: 'info', content: 'Model: Chat Models + Memories (Multi-Modal)' },
|
||||
@@ -401,6 +468,7 @@ export const wenluSimulation = (agents: Agent[]): SimulationData => {
|
||||
orderClassId: 'wenlu',
|
||||
orderClassName: '文旅',
|
||||
projectTitle: '2024长三角国际新能源汽车展会策划案',
|
||||
agents: wenluAgents,
|
||||
startupSequence,
|
||||
agentSequence,
|
||||
completionSequence
|
||||
|
||||
@@ -1,61 +0,0 @@
|
||||
{
|
||||
"orderClass": "文旅",
|
||||
"orderClassId": "wenlu",
|
||||
"title": "2024长三角国际新能源汽车与智能交通产业博览会",
|
||||
"templateConfig": {
|
||||
"id": "wenlu",
|
||||
"title": "新能源汽车展",
|
||||
"icon": "Zap",
|
||||
"content": "展会名称：2024长三角国际新能源汽车与智能交通产业博览会\n地点：上海国家会展中心\n时间：2024年10月18日-20日\n规模：50,000平方米，预计350家展商，50,000人次观众\n主题：双碳目标下的新能源汽车产业创新与发展\n特色：整车展示、核心零部件、充电设施、智能交通解决方案"
|
||||
},
|
||||
"sections": [
|
||||
{
|
||||
"title": "展会概览",
|
||||
"content": [
|
||||
{
|
||||
"type": "text",
|
||||
"text": "2024长三角国际新能源汽车与智能交通产业博览会是长三角地区最具影响力的新能源汽车产业盛会，展示最新的电动汽车技术、智能驾驶解决方案和绿色出行理念。"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "展会亮点",
|
||||
"content": [
|
||||
{
|
||||
"type": "list",
|
||||
"items": [
|
||||
"国内外知名品牌新能源整车展示",
|
||||
"智能驾驶技术演示与体验",
|
||||
"充电基础设施完整解决方案",
|
||||
"产业链上下游对接洽谈会"
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "参展品牌",
|
||||
"content": [
|
||||
{
|
||||
"type": "brands",
|
||||
"items": ["特斯拉", "比亚迪", "蔚来", "小鹏", "理想", "宝马", "奔驰", "奥迪"]
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"images": {
|
||||
"basePath": "../../data/订单班文档资料/文旅/notion文稿/image/",
|
||||
"list": [
|
||||
"设计图_01.jpg",
|
||||
"设计图_02.jpg",
|
||||
"设计图_03.jpg",
|
||||
"场景图_01.jpg",
|
||||
"场景图_02.jpg",
|
||||
"场景图_03.jpg"
|
||||
]
|
||||
},
|
||||
"metadata": {
|
||||
"createTime": "2024-09-28",
|
||||
"updateTime": "2024-09-28",
|
||||
"status": "completed"
|
||||
}
|
||||
}
|
||||
@@ -1,307 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { motion } from 'framer-motion';
|
||||
import {
|
||||
FileText,
|
||||
Target,
|
||||
Megaphone,
|
||||
Users,
|
||||
DollarSign,
|
||||
Shield,
|
||||
ChevronRight,
|
||||
Download,
|
||||
Maximize2,
|
||||
X
|
||||
} from 'lucide-react';
|
||||
|
||||
interface Section {
|
||||
id: string;
|
||||
title: string;
|
||||
icon: React.ReactNode;
|
||||
content: {
|
||||
title: string;
|
||||
subtitle?: string;
|
||||
items?: string[];
|
||||
description?: string;
|
||||
}[];
|
||||
}
|
||||
|
||||
const ResultPageV2 = () => {
|
||||
const [activeSection, setActiveSection] = useState('overview');
|
||||
const [isFullscreen, setIsFullscreen] = useState(false);
|
||||
|
||||
const sections: Section[] = [
|
||||
{
|
||||
id: 'overview',
|
||||
title: '策划案概述',
|
||||
icon: <FileText className="w-4 h-4" />,
|
||||
content: [
|
||||
{
|
||||
title: '展会背景',
|
||||
description: '在全球碳中和目标推动下，新能源汽车产业迎来前所未有的发展机遇。长三角地区作为中国经济最发达、产业链最完善的区域之一，已成为新能源汽车产业的核心聚集地。'
|
||||
},
|
||||
{
|
||||
title: '展会定位',
|
||||
description: '打造长三角地区最具影响力的新能源汽车产业交流平台，聚焦"双碳"目标下的产业创新与发展，推动产业链上下游深度合作。'
|
||||
},
|
||||
{
|
||||
title: '核心价值',
|
||||
items: [
|
||||
'展示最新技术成果和产品创新',
|
||||
'促进产业链上下游深度对接',
|
||||
'推动国际技术交流与合作',
|
||||
'引领行业发展趋势'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'exhibition',
|
||||
title: '展会介绍',
|
||||
icon: <Target className="w-4 h-4" />,
|
||||
content: [
|
||||
{
|
||||
title: '基本信息',
|
||||
items: [
|
||||
'展会名称：2024长三角国际新能源汽车与智能交通产业博览会',
|
||||
'举办时间：2024年10月18日-20日',
|
||||
'举办地点：上海国家会展中心',
|
||||
'展览面积：50,000平方米',
|
||||
'预计展商：350家',
|
||||
'预计观众：50,000人次'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '展区规划',
|
||||
items: [
|
||||
'A区 - 整车展示区（15,000㎡）：新能源乘用车、商用车展示',
|
||||
'B区 - 零部件展区（10,000㎡）：电池、电机、电控系统',
|
||||
'C区 - 充电设施展区（8,000㎡）：充电桩、换电站、储能系统',
|
||||
'D区 - 智能交通展区（12,000㎡）：自动驾驶、车联网、智慧交通',
|
||||
'E区 - 论坛会议区（5,000㎡）：主论坛、分论坛、商务洽谈'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'marketing',
|
||||
title: '营销方案',
|
||||
icon: <Megaphone className="w-4 h-4" />,
|
||||
content: [
|
||||
{
|
||||
title: '线上推广',
|
||||
items: [
|
||||
'官方网站：建设响应式展会官网，提供在线注册、展位预订功能',
|
||||
'社交媒体：微信、微博、抖音、LinkedIn多平台运营',
|
||||
'KOL合作：邀请行业大V、汽车测评博主参与宣传',
|
||||
'搜索引擎：SEM投放、SEO优化，提升展会曝光度'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '线下推广',
|
||||
items: [
|
||||
'行业展会：参加相关展会进行推介',
|
||||
'路演活动：在长三角主要城市举办巡回推介会',
|
||||
'户外广告：高速公路、地铁、机场广告投放',
|
||||
'定向邀请：精准邀请目标客户群体'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '媒体合作',
|
||||
items: [
|
||||
'主流媒体：央视、新华社、人民日报等',
|
||||
'行业媒体：汽车之家、易车网、电车资源网等',
|
||||
'国际媒体：路透社、彭博社驻华机构'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'operation',
|
||||
title: '现场运营',
|
||||
icon: <Users className="w-4 h-4" />,
|
||||
content: [
|
||||
{
|
||||
title: '人员配置',
|
||||
items: [
|
||||
'总指挥中心：1名总指挥 + 3名副总指挥',
|
||||
'展务组：20人负责展位管理和现场协调',
|
||||
'接待组：30人负责VIP接待和观众服务',
|
||||
'安保组：50人负责现场安全保障',
|
||||
'技术组：15人负责设备调试和技术支持',
|
||||
'媒体组：10人负责媒体接待和新闻发布'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '服务设施',
|
||||
items: [
|
||||
'智能导览系统：AR导航、展位查询、活动提醒',
|
||||
'商务配套：商务洽谈室、VIP休息室、餐饮服务',
|
||||
'交通接驳：地铁站、机场、高铁站免费班车',
|
||||
'停车服务：5000个车位，新能源车免费充电'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'budget',
|
||||
title: '预算分析',
|
||||
icon: <DollarSign className="w-4 h-4" />,
|
||||
content: [
|
||||
{
|
||||
title: '支出预算',
|
||||
items: [
|
||||
'场地租赁：300万元',
|
||||
'展台搭建：450万元',
|
||||
'营销推广：120万元',
|
||||
'人员费用：80万元',
|
||||
'应急储备：50万元',
|
||||
'总计：1,000万元'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '收入预测',
|
||||
items: [
|
||||
'展位销售：850万元（标准展位500个×1.5万，特装100个×10万）',
|
||||
'门票收入：150万元（专业观众票3万张×50元）',
|
||||
'赞助收入：300万元（钻石赞助1家、金牌赞助3家、银牌赞助5家）',
|
||||
'总计：1,300万元'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '盈利分析',
|
||||
description: '预计净利润300万元，投资回报率30%，达到预期收益目标。'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'risk',
|
||||
title: '风险评估',
|
||||
icon: <Shield className="w-4 h-4" />,
|
||||
content: [
|
||||
{
|
||||
title: '潜在风险',
|
||||
items: [
|
||||
'疫情风险：可能导致展会延期或取消',
|
||||
'市场风险：行业波动影响展商参展意愿',
|
||||
'竞争风险：同期其他展会分流',
|
||||
'天气风险：极端天气影响观众出行'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '应对措施',
|
||||
items: [
|
||||
'制定完善的疫情防控方案，购买展会取消险',
|
||||
'提前锁定核心展商，签订参展协议',
|
||||
'差异化定位，突出展会特色优势',
|
||||
'制定恶劣天气应急预案，提供线上参展选项'
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
const currentSection = sections.find(s => s.id === activeSection);
|
||||
|
||||
return (
|
||||
<div className={`${isFullscreen ? 'fixed inset-0 z-50' : 'min-h-screen'} bg-gray-50 flex flex-col`}>
|
||||
{/* 顶部标题栏 */}
|
||||
<div className="bg-white border-b border-gray-200 px-6 py-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold text-gray-900">2024长三角新能源汽车展 - 策划方案</h1>
|
||||
<p className="text-sm text-gray-600 mt-1">AI多Agent协同生成 | 生成时间：3分钟</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<button className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2">
|
||||
<Download className="w-4 h-4" />
|
||||
<span>导出PDF</span>
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setIsFullscreen(!isFullscreen)}
|
||||
className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
|
||||
>
|
||||
{isFullscreen ? <X className="w-5 h-5" /> : <Maximize2 className="w-5 h-5" />}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 导航标签 */}
|
||||
<div className="bg-white border-b border-gray-200">
|
||||
<div className="flex overflow-x-auto">
|
||||
{sections.map((section) => (
|
||||
<button
|
||||
key={section.id}
|
||||
onClick={() => setActiveSection(section.id)}
|
||||
className={`flex items-center gap-2 px-6 py-3 border-b-2 transition-all whitespace-nowrap ${
|
||||
activeSection === section.id
|
||||
? 'border-blue-600 text-blue-600 bg-blue-50'
|
||||
: 'border-transparent text-gray-600 hover:text-gray-900 hover:bg-gray-50'
|
||||
}`}
|
||||
>
|
||||
{section.icon}
|
||||
<span className="font-medium">{section.title}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 内容区域 */}
|
||||
<div className="flex-1 overflow-y-auto">
|
||||
<div className="max-w-5xl mx-auto p-8">
|
||||
<motion.div
|
||||
key={activeSection}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.3 }}
|
||||
>
|
||||
{currentSection?.content.map((block, index) => (
|
||||
<div key={index} className="mb-8 bg-white rounded-lg shadow-sm border border-gray-200 p-6">
|
||||
<h2 className="text-xl font-bold text-gray-900 mb-4 flex items-center gap-2">
|
||||
<ChevronRight className="w-5 h-5 text-blue-600" />
|
||||
{block.title}
|
||||
</h2>
|
||||
|
||||
{block.subtitle && (
|
||||
<p className="text-gray-600 mb-4">{block.subtitle}</p>
|
||||
)}
|
||||
|
||||
{block.description && (
|
||||
<p className="text-gray-700 leading-relaxed">{block.description}</p>
|
||||
)}
|
||||
|
||||
{block.items && (
|
||||
<ul className="space-y-2">
|
||||
{block.items.map((item, i) => (
|
||||
<li key={i} className="flex items-start gap-2">
|
||||
<span className="text-blue-600 mt-1">•</span>
|
||||
<span className="text-gray-700">{item}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 底部状态栏 */}
|
||||
<div className="bg-white border-t border-gray-200 px-6 py-3">
|
||||
<div className="flex items-center justify-between text-sm text-gray-600">
|
||||
<div className="flex items-center gap-4">
|
||||
<span>文档完整度: 100%</span>
|
||||
<span>总字数: 12,847</span>
|
||||
<span>生成用时: 2分48秒</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="w-2 h-2 rounded-full bg-green-500"></div>
|
||||
<span>所有内容已生成完成</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResultPageV2;
|
||||
@@ -55,6 +55,13 @@ const WorkflowPageV4 = () => {
|
||||
const intervalRef = useRef<number | null>(null);
|
||||
const progressLineIdRef = useRef<string | null>(null);
|
||||
const logoClickTimerRef = useRef<number | null>(null);
|
||||
const statusRef = useRef(status);
|
||||
const abortControllerRef = useRef<AbortController | null>(null);
|
||||
|
||||
// 更新 statusRef
|
||||
useEffect(() => {
|
||||
statusRef.current = status;
|
||||
}, [status]);
|
||||
|
||||
// 启动序列
|
||||
const startupSequence = [
|
||||
@@ -568,7 +575,16 @@ const WorkflowPageV4 = () => {
|
||||
// 进度动画
|
||||
let progress = 0;
|
||||
while (progress < 100) {
|
||||
if (status !== 'running') return;
|
||||
// 暂停时等待，而不是返回
|
||||
while (statusRef.current === 'paused') {
|
||||
await new Promise(resolve => setTimeout(resolve, 100));
|
||||
}
|
||||
|
||||
// 如果是 idle（重置）或其他状态，才真正停止
|
||||
if (statusRef.current === 'idle' || statusRef.current === 'completed') {
|
||||
console.log('🛑 Progress animation stopped, status:', statusRef.current);
|
||||
return;
|
||||
}
|
||||
|
||||
// 检查是否需要卡顿
|
||||
if (stutters.includes(progress)) {
|
||||
@@ -592,7 +608,7 @@ const WorkflowPageV4 = () => {
|
||||
|
||||
// 完成后清除引用
|
||||
progressLineIdRef.current = null;
|
||||
}, [updateProgressLine]);
|
||||
}, [updateProgressLine, statusRef]);
|
||||
|
||||
// 执行启动序列
|
||||
const executeStartupSequence = useCallback(async () => {
|
||||
@@ -605,7 +621,16 @@ const WorkflowPageV4 = () => {
|
||||
console.log(' - using sequence length:', sequence?.length);
|
||||
|
||||
for (const line of sequence) {
|
||||
if (status !== 'running') return;
|
||||
// 暂停时等待，而不是返回
|
||||
while (statusRef.current === 'paused') {
|
||||
await new Promise(resolve => setTimeout(resolve, 100));
|
||||
}
|
||||
|
||||
// 如果是 idle（重置）或其他状态，才真正停止
|
||||
if (statusRef.current === 'idle' || statusRef.current === 'completed') {
|
||||
console.log('🛑 Execution stopped, status:', statusRef.current);
|
||||
return;
|
||||
}
|
||||
|
||||
if (line.type === 'progress') {
|
||||
// 进度条动画
|
||||
@@ -621,17 +646,23 @@ const WorkflowPageV4 = () => {
|
||||
|
||||
// 开始执行Agent
|
||||
setCurrentAgentIndex(0);
|
||||
}, [terminalData, status, addTerminalLine, executeProgress]);
|
||||
}, [terminalData, statusRef, addTerminalLine, executeProgress]);
|
||||
|
||||
// 执行Agent
|
||||
const executeAgent = useCallback(async (agentIndex: number) => {
|
||||
// 使用加载的数据或默认数据
|
||||
const currentTerminalData = terminalData;
|
||||
const sequence = currentTerminalData?.agents || agentSequence;
|
||||
const sequence = currentTerminalData?.agentSequence || agentSequence;
|
||||
|
||||
if (agentIndex >= sequence.length) {
|
||||
// 所有Agent执行完成
|
||||
setIsExecuting(false);
|
||||
setCurrentAgentIndex(-1); // 重置索引，防止重复执行
|
||||
|
||||
// 重要：将 store 状态设置为 completed，防止重新执行
|
||||
const store = useDemoStore.getState();
|
||||
store.completeDemo(); // 设置状态为 completed
|
||||
store.setProgress(100); // 设置进度为100%
|
||||
|
||||
// 使用加载的完成序列或默认序列
|
||||
const completionSeq = currentTerminalData?.completionSequence || [
|
||||
@@ -640,28 +671,33 @@ const WorkflowPageV4 = () => {
|
||||
{ type: 'system', content: `Total execution time: 3m 00s | Peak memory: 512MB` },
|
||||
{ type: 'system', content: '=' .repeat(60) }
|
||||
];
|
||||
|
||||
|
||||
for (const line of completionSeq) {
|
||||
addTerminalLine(line);
|
||||
}
|
||||
|
||||
// 更新store状态为完成
|
||||
const store = useDemoStore.getState();
|
||||
store.setProgress(100);
|
||||
|
||||
|
||||
// 显示结果弹窗
|
||||
setTimeout(() => {
|
||||
setShowResultModal(true);
|
||||
setShowFloatingButton(true);
|
||||
}, 2000);
|
||||
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
const agentData = sequence[agentIndex];
|
||||
|
||||
for (const output of agentData.outputs) {
|
||||
if (status !== 'running') return;
|
||||
// 暂停时等待，而不是返回
|
||||
while (statusRef.current === 'paused') {
|
||||
await new Promise(resolve => setTimeout(resolve, 100));
|
||||
}
|
||||
|
||||
// 如果是 idle（重置）或其他状态，才真正停止
|
||||
if (statusRef.current === 'idle' || statusRef.current === 'completed') {
|
||||
console.log('🛑 Agent execution stopped, status:', statusRef.current);
|
||||
return;
|
||||
}
|
||||
|
||||
if (output.type === 'progress') {
|
||||
// 进度条动画（带卡顿）
|
||||
@@ -693,7 +729,7 @@ const WorkflowPageV4 = () => {
|
||||
// 执行下一个Agent
|
||||
await new Promise(resolve => setTimeout(resolve, 500));
|
||||
setCurrentAgentIndex(agentIndex + 1);
|
||||
}, [terminalData, status, addTerminalLine]);
|
||||
}, [terminalData, statusRef, addTerminalLine]);
|
||||
|
||||
// 开始演示
|
||||
useEffect(() => {
|
||||
@@ -705,10 +741,10 @@ const WorkflowPageV4 = () => {
|
||||
|
||||
// 监听Agent变化
|
||||
useEffect(() => {
|
||||
if (status === 'running' && currentAgentIndex >= 0) {
|
||||
if (status === 'running' && currentAgentIndex >= 0 && isExecuting) {
|
||||
executeAgent(currentAgentIndex);
|
||||
}
|
||||
}, [currentAgentIndex, executeAgent, status]);
|
||||
}, [currentAgentIndex, executeAgent, status, isExecuting]);
|
||||
|
||||
// 计时器
|
||||
useEffect(() => {
|
||||
@@ -724,7 +760,10 @@ const WorkflowPageV4 = () => {
|
||||
// 加载终端数据 - 使用新的TSX模拟系统
|
||||
const loadTerminalData = async (orderClassId: string) => {
|
||||
console.log('🔍 loadTerminalData called with:', orderClassId);
|
||||
console.log('🔍 Current agents:', agents);
|
||||
|
||||
// 获取最新的 agents 状态
|
||||
const currentAgents = useDemoStore.getState().agents;
|
||||
console.log('🔍 Current agents from store:', currentAgents);
|
||||
|
||||
setLoadingData(true);
|
||||
setDataLoadError(null);
|
||||
@@ -735,7 +774,7 @@ const WorkflowPageV4 = () => {
|
||||
const { getSimulationData } = await import('@/data/terminalSimulations');
|
||||
console.log('🔍 getSimulationData imported successfully');
|
||||
|
||||
const simulationData = getSimulationData(orderClassId, agents);
|
||||
const simulationData = getSimulationData(orderClassId);
|
||||
console.log('🔍 simulationData result:', simulationData);
|
||||
|
||||
if (!simulationData) {
|
||||
@@ -754,7 +793,8 @@ const WorkflowPageV4 = () => {
|
||||
|
||||
const terminalData = {
|
||||
startupSequence: simulationData.startupSequence,
|
||||
agents: simulationData.agentSequence.map((seq, index) => {
|
||||
agents: simulationData.agents, // 直接使用agents数组
|
||||
agentSequence: simulationData.agentSequence.map((seq, index) => {
|
||||
const agent = seq.agent();
|
||||
console.log(` - Agent ${index}:`, agent?.name || 'undefined');
|
||||
return {
|
||||
@@ -790,6 +830,12 @@ const WorkflowPageV4 = () => {
|
||||
setSelectedOrderClass(orderClass);
|
||||
setShowRequirementModal(false);
|
||||
|
||||
// 先加载对应订单班的 Agent 专家
|
||||
useDemoStore.getState().loadOrderClassAgents(orderClass);
|
||||
|
||||
// 等待状态更新完成
|
||||
await new Promise(resolve => setTimeout(resolve, 100));
|
||||
|
||||
// 加载对应订单班的数据
|
||||
console.log('🔄 Loading terminal data for order class:', orderClass);
|
||||
const dataLoaded = await loadTerminalData(orderClass);
|
||||
@@ -811,32 +857,59 @@ const WorkflowPageV4 = () => {
|
||||
}
|
||||
};
|
||||
|
||||
// 获取项目信息
|
||||
const getProjectInfo = () => {
|
||||
const simulationData = currentTerminalData || getSimulationData(selectedOrderClass || 'wenlu');
|
||||
|
||||
// 根据订单班返回不同的描述
|
||||
const projectSubtitles: Record<string, string> = {
|
||||
wenlu: '包含完整的市场分析、设计方案、预算规划、执行计划、营销策略等内容',
|
||||
food: '包含市场调研、品牌设计、运营规划、财务预测、营销推广等完整方案',
|
||||
// 可以添加更多订单班的描述
|
||||
};
|
||||
|
||||
return {
|
||||
projectTitle: simulationData?.projectTitle || '项目方案',
|
||||
projectSubtitle: projectSubtitles[selectedOrderClass || ''] || '包含完整的分析、设计、预算、执行计划等内容',
|
||||
orderClassName: simulationData?.orderClassName || '订单班'
|
||||
};
|
||||
};
|
||||
|
||||
// 处理查看详情
|
||||
const handleViewDetails = () => {
|
||||
setShowResultModal(false);
|
||||
// 导航到对应订单班的结果页面
|
||||
// 不关闭弹窗，让用户可以继续查看
|
||||
// setShowResultModal(false);
|
||||
|
||||
// 在新标签页中打开，而不是当前页面跳转
|
||||
const baseUrl = 'http://localhost:4155'; // 假设 web_result 运行在 4155 端口
|
||||
if (selectedOrderClass) {
|
||||
window.location.href = `/web_result/index.html?orderClass=${selectedOrderClass}`;
|
||||
window.open(`${baseUrl}/index.html?orderClass=${selectedOrderClass}`, '_blank');
|
||||
} else {
|
||||
// 默认跳转到文旅
|
||||
window.location.href = '/web_result/index.html?orderClass=tourism';
|
||||
window.open(`${baseUrl}/index.html?orderClass=tourism`, '_blank');
|
||||
}
|
||||
};
|
||||
|
||||
// 重置
|
||||
const handleReset = () => {
|
||||
console.log('🔄 Reset button clicked');
|
||||
reset();
|
||||
setTerminalLines([]);
|
||||
setCurrentAgentIndex(-1);
|
||||
setElapsedTime(0);
|
||||
setIsExecuting(false);
|
||||
setUserRequirement('');
|
||||
setSelectedOrderClass('');
|
||||
setTerminalData(null); // 清除加载的数据
|
||||
setShowResultModal(false);
|
||||
setShowFloatingButton(false);
|
||||
console.log('✅ Reset completed');
|
||||
|
||||
// 立即停止所有执行
|
||||
reset(); // 这会将 status 设置为 'idle'
|
||||
|
||||
// 等待一下让 statusRef 更新
|
||||
setTimeout(() => {
|
||||
setTerminalLines([]);
|
||||
setCurrentAgentIndex(-1);
|
||||
setElapsedTime(0);
|
||||
setIsExecuting(false);
|
||||
setUserRequirement('');
|
||||
setSelectedOrderClass('');
|
||||
setTerminalData(null); // 清除加载的数据
|
||||
setShowResultModal(false);
|
||||
setShowFloatingButton(false);
|
||||
console.log('✅ Reset completed');
|
||||
}, 100);
|
||||
};
|
||||
|
||||
// Logo三击处理
|
||||
@@ -1207,6 +1280,7 @@ const WorkflowPageV4 = () => {
|
||||
isOpen={showResultModal}
|
||||
onClose={() => setShowResultModal(false)}
|
||||
onViewDetails={handleViewDetails}
|
||||
{...getProjectInfo()}
|
||||
/>
|
||||
|
||||
{/* 右下角浮动按钮 - 只在完成后显示 */}
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
import { create } from 'zustand';
|
||||
import { foodAgents } from '../data/agents/foodAgents';
|
||||
import { wenluAgents } from '../data/agents/wenluAgents';
|
||||
|
||||
export interface Agent {
|
||||
id: string;
|
||||
@@ -47,78 +49,18 @@ export interface DemoState {
|
||||
resumeDemo: () => void;
|
||||
setCurrentAgent: (agentId: string) => void;
|
||||
setSelectedOrderClass: (orderClass: string) => void;
|
||||
loadOrderClassAgents: (orderClass: string) => void;
|
||||
updateAgentStatus: (agentId: string, status: Agent['status']) => void;
|
||||
updateAgentOutput: (agentId: string, output: string) => void;
|
||||
addGeneratedContent: (section: string, content: any) => void;
|
||||
setProgress: (progress: number) => void;
|
||||
completeDemo: () => void;
|
||||
reset: () => void;
|
||||
}
|
||||
|
||||
const initialAgents: Agent[] = [
|
||||
{
|
||||
id: 'retrieval',
|
||||
name: '信息检索专家',
|
||||
icon: '🔍',
|
||||
avatar: '/agents/信息检索专家.jpg',
|
||||
model: 'DeepSeek Chat Model5',
|
||||
role: '市场调研、数据收集、竞品分析',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'design',
|
||||
name: '设计专家',
|
||||
icon: '🎨',
|
||||
avatar: '/agents/设计专家.jpg',
|
||||
model: 'Google Gemini Chat Model2',
|
||||
role: '视觉设计、空间布局、品牌形象',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'budget',
|
||||
name: '财务预算专家',
|
||||
icon: '💰',
|
||||
avatar: '/agents/预算编辑专家.jpg',
|
||||
model: 'DeepSeek Chat Model2',
|
||||
role: '成本核算、预算规划、ROI分析',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'format',
|
||||
name: '格式编辑专家',
|
||||
icon: '📝',
|
||||
avatar: '/agents/结构编辑专家.jpg',
|
||||
model: 'DeepSeek Chat Model4',
|
||||
role: '文档格式化、内容结构优化',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'execution',
|
||||
name: '活动执行专家',
|
||||
icon: '⚡',
|
||||
avatar: '/agents/会展执行专家.jpg',
|
||||
model: 'DeepSeek Chat Model1',
|
||||
role: '执行计划、时间线管理、任务分配',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'marketing',
|
||||
name: '营销宣传专家',
|
||||
icon: '📢',
|
||||
avatar: '/agents/营销策划专家.jpg',
|
||||
model: 'DeepSeek Chat Model3',
|
||||
role: '推广策略、媒体规划、品牌传播',
|
||||
status: 'waiting',
|
||||
},
|
||||
{
|
||||
id: 'coordinator',
|
||||
name: '会展策划专家',
|
||||
icon: '🎯',
|
||||
avatar: '/agents/会展策划专家.jpg',
|
||||
model: 'Chat Models + Memories',
|
||||
role: '中央协调、方案整合、决策支持',
|
||||
status: 'waiting',
|
||||
},
|
||||
];
|
||||
// 默认agents已移除 - 每个订单班有自己的Agent配置
|
||||
// 参见 src/data/terminalSimulations/[orderClass].ts
|
||||
const initialAgents: Agent[] = [];
|
||||
|
||||
export const useDemoStore = create<DemoState>((set) => ({
|
||||
status: 'idle',
|
||||
@@ -142,6 +84,43 @@ export const useDemoStore = create<DemoState>((set) => ({
|
||||
|
||||
setSelectedOrderClass: (orderClass) => set({ selectedOrderClass: orderClass }),
|
||||
|
||||
loadOrderClassAgents: (orderClass) => {
|
||||
let newAgents: Agent[] = [];
|
||||
|
||||
switch(orderClass) {
|
||||
case 'food':
|
||||
newAgents = foodAgents.map(agent => ({
|
||||
id: agent.id,
|
||||
name: agent.name,
|
||||
icon: agent.icon,
|
||||
avatar: agent.avatar,
|
||||
model: `DeepSeek Chat Model${Math.floor(Math.random() * 5) + 1}`,
|
||||
role: agent.role,
|
||||
status: 'waiting' as const,
|
||||
}));
|
||||
break;
|
||||
|
||||
case 'wenlu':
|
||||
newAgents = wenluAgents.map(agent => ({
|
||||
id: agent.id,
|
||||
name: agent.name,
|
||||
icon: agent.icon,
|
||||
avatar: agent.avatar,
|
||||
model: `DeepSeek Chat Model${Math.floor(Math.random() * 5) + 1}`,
|
||||
role: agent.role,
|
||||
status: 'waiting' as const,
|
||||
}));
|
||||
break;
|
||||
|
||||
default:
|
||||
// 使用默认的 initialAgents
|
||||
newAgents = initialAgents;
|
||||
break;
|
||||
}
|
||||
|
||||
set({ agents: newAgents });
|
||||
},
|
||||
|
||||
updateAgentStatus: (agentId, status) =>
|
||||
set((state) => ({
|
||||
agents: state.agents.map((agent) =>
|
||||
@@ -166,6 +145,8 @@ export const useDemoStore = create<DemoState>((set) => ({
|
||||
|
||||
setProgress: (progress) => set({ progress }),
|
||||
|
||||
completeDemo: () => set({ status: 'completed' }),
|
||||
|
||||
reset: () =>
|
||||
set({
|
||||
status: 'idle',
|
||||
|
||||
Reference in New Issue
Block a user