Files
n8n_Demo/web_frontend/exhibition-demo/src/data/terminalSimulations/wenlu.ts
Yep_Q a884afc494 refactor: 优化RequirementModal UI设计和代码清理
主要更新:
- 🎨 UI改进:
  - 将头部背景改为苹果风格设计
  - 添加背景图片 /image/bg.png
  - 将图标替换为动态视频logo
  - 统一配色为蓝色系,移除紫色元素
  - 优化标题和副标题布局

- 🧹 代码清理:
  - 删除5个临时测试文件 (test-*.html)
  - 删除4个旧版本页面组件 (WorkflowPage V1-V3, ResultPage V1)
  - 保留当前使用的 WorkflowPageV4 和 ResultPageV2

- 🔧 细节调整:
  - 视频logo尺寸调整为 80x80px
  - 移除视频容器的圆角和阴影效果
  - 按钮颜色从紫色渐变改为蓝色渐变

项目结构更加清晰,界面设计更加现代化
2025-09-29 16:07:19 +08:00

408 lines
25 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* 文旅订单班 - 终端模拟数据
* 2024长三角国际新能源汽车展会策划案
*/
import { Agent } from '@/store/demoStore';
import { SimulationData, TerminalLine } from './index';
export const wenluSimulation = (agents: Agent[]): 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.' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Checking system requirements...' },
{ type: 'progress', content: 'System check', target: 100, stutters: [23, 67, 89] },
{ type: 'info', content: '' },
{ type: 'info', content: 'Loading configuration...' },
{ type: 'output', content: 'Config path: /etc/agents/config.yaml' },
{ type: 'output', content: 'Loading agents: 7 experts found' },
{ type: 'output', content: 'Workflow engine: n8n v1.109.2' },
{ type: 'success', content: '✓ Configuration loaded successfully' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Installing required packages...' },
{ type: 'install', content: 'npm install @ai/core @ai/agents @ai/workflow --save' },
{ type: 'progress', content: 'npm packages', target: 100, stutters: [34, 78] },
{ type: 'install', content: 'pip install pandas numpy tensorflow beautifulsoup4' },
{ type: 'progress', content: 'Python packages', target: 100, stutters: [56] },
{ type: 'success', content: '✓ All dependencies installed' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Analyzing user requirements...' },
{ type: 'output', content: '📋 PROJECT: 2024长三角国际新能源汽车展' },
{ type: 'output', content: '📍 LOCATION: 上海国家会展中心' },
{ type: 'output', content: '📅 DATE: 2024年9月12日-15日' },
{ type: 'output', content: '📐 SCALE: 50,000平方米' },
{ type: 'output', content: '👥 EXPECTED: 300家展商 | 50,000人次观众' },
{ type: 'info', content: '' },
{ type: 'system', content: '=' .repeat(60) },
{ type: 'system', content: 'SYSTEM READY - Starting multi-agent workflow...' },
{ type: 'system', content: '=' .repeat(60) },
];
const agentSequence = [
{
agent: () => agents[0], // 信息检索专家
outputs: [
{ type: 'system', content: '>>> [Agent-1] Information Retrieval Expert Activated' },
{ type: 'info', content: 'Model: DeepSeek-V2 Chat (Temperature: 0.7)' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Installing agent dependencies...' },
{ type: 'progress', content: 'pandas==2.0.3', target: 100, stutters: [23, 67, 89] },
{ type: 'progress', content: 'requests==2.31.0', target: 100, stutters: [45, 78] },
{ type: 'progress', content: 'beautifulsoup4==4.12.2', target: 100, stutters: [34] },
{ type: 'info', content: '' },
{ type: 'info', content: 'Connecting to data sources...' },
{ type: 'output', content: 'MongoDB : mongodb://data-server:27017 ... Connected' },
{ type: 'output', content: 'ElasticSearch: http://es-cluster:9200 ... Connected' },
{ type: 'output', content: 'Redis Cache : redis://cache:6379 ... Connected' },
{ type: 'success', content: '✓ All data sources connected' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Executing search queries...' },
{ type: 'output', content: '```sql' },
{ type: 'output', content: 'SELECT * FROM exhibitions' },
{ type: 'output', content: 'WHERE region = "长三角"' },
{ type: 'output', content: ' AND industry = "新能源汽车"' },
{ type: 'output', content: ' AND year >= 2023' },
{ type: 'output', content: 'ORDER BY scale DESC;' },
{ type: 'output', content: '```' },
{ type: 'progress', content: 'Query execution', target: 100, stutters: [12, 45, 78, 92] },
{ type: 'success', content: '✓ Query completed: 2,847 rows in 342ms' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Running data analysis...' },
{ type: 'progress', content: 'Data processing', target: 100, stutters: [15, 38, 65, 88] },
{ type: 'output', content: '' },
{ type: 'output', content: '=== 市场分析结果 ===' },
{ type: 'output', content: '• 市场规模 : ¥3.2万亿 (↑32% 同比)' },
{ type: 'output', content: '• 主要参展商 : 5,832家企业' },
{ type: 'output', content: '• 行业从业者 : 186万专业人士' },
{ type: 'output', content: '• 年度展会数量 : 126场' },
{ type: 'output', content: '• 平均展会规模 : 32,000平方米' },
{ type: 'output', content: '• 增长率 : 28% CAGR' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Generating report files...' },
{ type: 'progress', content: 'market_analysis_2024.json', target: 100, stutters: [56, 89] },
{ type: 'file', content: '✓ Created: market_analysis_2024.json (15.3MB)' },
{ type: 'progress', content: 'competitor_data.csv', target: 100, stutters: [34] },
{ type: 'file', content: '✓ Created: competitor_data.csv (3.7MB)' },
{ type: 'progress', content: 'industry_trends.pdf', target: 100, stutters: [67, 91] },
{ type: 'file', content: '✓ Created: industry_trends.pdf (28.5MB)' },
{ type: 'info', content: '' },
{ type: 'success', content: '✓ Agent-1 completed successfully' },
{ type: 'system', content: 'Execution time: 18.7s | Memory: 124MB | CPU: 23%' },
]
},
{
agent: () => agents[1], // 设计专家
outputs: [
{ type: 'system', content: '>>> [Agent-2] Design & Creative Expert Activated' },
{ type: 'info', content: 'Model: Google Gemini Pro Vision (Temperature: 0.8)' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Loading design libraries...' },
{ type: 'progress', content: 'three.js@0.157.0', target: 100, stutters: [45, 78] },
{ type: 'progress', content: '@adobe/react-spectrum', target: 100, stutters: [23, 67, 88] },
{ type: 'progress', content: 'stable-diffusion-xl', target: 100, stutters: [34, 56, 89] },
{ type: 'info', content: '' },
{ type: 'info', content: 'Initializing AI image generator...' },
{ type: 'output', content: 'const imageGen = new StableDiffusion({' },
{ type: 'output', content: ' model: "SDXL 1.0",' },
{ type: 'output', content: ' steps: 50,' },
{ type: 'output', content: ' guidance: 7.5,' },
{ type: 'output', content: ' resolution: "1920x1080"' },
{ type: 'output', content: '});' },
{ type: 'info', content: '' },
{ type: 'info', content: '🎨 Generating exhibition hall visualization...' },
{ type: 'output', content: 'Prompt: "Modern auto expo hall, futuristic design, glass ceiling"' },
{ type: 'progress', content: 'Generating: 展馆外观.jpg', target: 100, stutters: [23, 45, 67, 89, 95] },
{
type: 'image',
content: '📷 IMAGE PREVIEW: 展馆外观',
imageSrc: '/data/会展策划/image/Whisk_e8f83d1a37.jpg',
imageAlt: '展馆外观效果图'
},
{ type: 'file', content: '✓ Generated: 展馆外观.jpg (2.4MB)' },
{ type: 'info', content: '' },
{ type: 'info', content: '🎨 Generating interior exhibition view...' },
{ type: 'output', content: 'Prompt: "Car exhibition interior, visitors, modern displays"' },
{ type: 'progress', content: 'Generating: 展会内部.jpg', target: 100, stutters: [34, 67, 88] },
{
type: 'image',
content: '📷 IMAGE PREVIEW: 展厅内部布局',
imageSrc: '/data/会展策划/image/展会内部参观.jpg',
imageAlt: '展厅内部参观实景'
},
{ type: 'file', content: '✓ Generated: 展会内部.jpg (3.1MB)' },
{ type: 'info', content: '' },
{ type: 'info', content: '🎨 Generating test drive area visualization...' },
{ type: 'output', content: 'Prompt: "EV test drive track, outdoor exhibition area"' },
{ type: 'progress', content: 'Generating: 试驾体验区.jpg', target: 100, stutters: [45, 78] },
{
type: 'image',
content: '📷 IMAGE PREVIEW: 试驾体验区',
imageSrc: '/data/会展策划/image/2.试驾小景.jpg',
imageAlt: '试驾体验区实景'
},
{ type: 'file', content: '✓ Generated: 试驾体验区.jpg (2.8MB)' },
{ type: 'info', content: '' },
{ type: 'info', content: '🎨 Generating brand showcase images...' },
{ type: 'progress', content: 'Generating: 小米汽车展台.jpg', target: 100, stutters: [34, 67] },
{
type: 'image',
content: '📷 IMAGE PREVIEW: 小米汽车展台',
imageSrc: '/data/会展策划/image/3.小米汽车.jpg',
imageAlt: '小米汽车展示'
},
{ type: 'file', content: '✓ Generated: 小米汽车展台.jpg (1.9MB)' },
{ type: 'progress', content: 'Generating: 博览会全景.jpg', target: 100, stutters: [56, 89] },
{
type: 'image',
content: '📷 IMAGE PREVIEW: 博览会全景',
imageSrc: '/data/会展策划/image/博览会.jpg',
imageAlt: '博览会全景图'
},
{ type: 'file', content: '✓ Generated: 博览会全景.jpg (3.5MB)' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Creating exhibition hall 3D layout...' },
{ type: 'output', content: '' },
{ type: 'output', content: '┌────────────────────────────────────┐' },
{ type: 'output', content: '│ 展览馆布局设计图 │' },
{ type: 'output', content: '├────────────────────────────────────┤' },
{ type: 'output', content: '│ A区: 整车展示区 [15,000㎡] │' },
{ type: 'output', content: '│ ┌─────┬─────┬─────┬─────┐ │' },
{ type: 'output', content: '│ │特斯拉│ 蔚来 │理想│小鹏│ │' },
{ type: 'output', content: '│ └─────┴─────┴─────┴─────┘ │' },
{ type: 'output', content: '├────────────────────────────────────┤' },
{ type: 'output', content: '│ B区: 零部件展区 [10,000㎡] │' },
{ type: 'output', content: '│ C区: 充电技术区 [8,000㎡] │' },
{ type: 'output', content: '│ D区: 智慧交通区 [12,000㎡] │' },
{ type: 'output', content: '│ E区: 会议中心 [5,000㎡] │' },
{ type: 'output', content: '└────────────────────────────────────┘' },
{ type: 'info', content: '' },
{ type: 'success', content: '✓ Agent-2 completed successfully' },
{ type: 'system', content: 'Execution time: 28.5s | Memory: 384MB | GPU: 65%' },
]
},
{
agent: () => agents[2], // 财务预算专家
outputs: [
{ type: 'system', content: '>>> [Agent-3] Financial & Budget Expert Activated' },
{ type: 'info', content: 'Model: DeepSeek-Math-7B (Temperature: 0.3)' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Loading financial models...' },
{ type: 'progress', content: 'Economic models', target: 100, stutters: [34, 78] },
{ type: 'progress', content: 'Cost database', target: 100, stutters: [56] },
{ type: 'info', content: '' },
{ type: 'info', content: 'Calculating exhibition budget...' },
{ type: 'output', content: '' },
{ type: 'output', content: '💰 预算明细表' },
{ type: 'output', content: '─────────────────────────────────' },
{ type: 'output', content: '场地租赁费用: ¥2,500,000' },
{ type: 'output', content: '展位搭建费用: ¥3,800,000' },
{ type: 'output', content: '设备租赁费用: ¥1,200,000' },
{ type: 'output', content: '人员成本: ¥800,000' },
{ type: 'output', content: '营销推广费用: ¥1,500,000' },
{ type: 'output', content: '运营管理费用: ¥600,000' },
{ type: 'output', content: '应急预备金: ¥400,000' },
{ type: 'output', content: '─────────────────────────────────' },
{ type: 'output', content: '总预算: ¥10,800,000' },
{ type: 'info', content: '' },
{ type: 'output', content: '📊 收益预测' },
{ type: 'output', content: '• 展位销售收入: ¥8,500,000' },
{ type: 'output', content: '• 赞助收入: ¥3,200,000' },
{ type: 'output', content: '• 门票收入: ¥1,800,000' },
{ type: 'output', content: '• 预计总收入: ¥13,500,000' },
{ type: 'output', content: '• 预计净利润: ¥2,700,000' },
{ type: 'output', content: '• 投资回报率: 25%' },
{ type: 'info', content: '' },
{ type: 'progress', content: 'budget_plan_2024.xlsx', target: 100, stutters: [45, 89] },
{ type: 'file', content: '✓ Created: budget_plan_2024.xlsx (458KB)' },
{ type: 'info', content: '' },
{ type: 'success', content: '✓ Agent-3 completed successfully' },
{ type: 'system', content: 'Execution time: 12.3s | Memory: 87MB | CPU: 18%' },
]
},
{
agent: () => agents[3], // 格式编辑专家
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: '📄 文档结构分析' },
{ type: 'output', content: '├── 1. 执行摘要 (3页)' },
{ type: 'output', content: '├── 2. 市场分析 (12页)' },
{ type: 'output', content: '├── 3. 展会设计 (15页)' },
{ type: 'output', content: '├── 4. 预算规划 (10页)' },
{ type: 'output', content: '├── 5. 营销策略 (8页)' },
{ type: 'output', content: '├── 6. 执行计划 (12页)' },
{ type: 'output', content: '└── 7. 风险评估 (5页)' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Formatting final proposal...' },
{ type: 'progress', content: '展会策划方案_final.pdf', target: 100, stutters: [23, 56, 78, 92] },
{ type: 'file', content: '✓ Created: 展会策划方案_final.pdf (8.5MB)' },
{ type: 'progress', content: '展会策划方案_final.docx', target: 100, stutters: [34, 67] },
{ type: 'file', content: '✓ Created: 展会策划方案_final.docx (4.2MB)' },
{ type: 'info', content: '' },
{ type: 'success', content: '✓ Agent-4 completed successfully' },
{ type: 'system', content: 'Execution time: 9.8s | Memory: 56MB | CPU: 14%' },
]
},
{
agent: () => agents[4], // 活动执行专家
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: 'Creating execution timeline...' },
{ type: 'output', content: '📅 执行时间轴' },
{ type: 'output', content: '' },
{ type: 'output', content: 'T-90天: 启动筹备工作' },
{ type: 'output', content: ' • 成立组委会' },
{ type: 'output', content: ' • 确定展会主题' },
{ type: 'output', content: ' • 签订场地合同' },
{ type: 'output', content: '' },
{ type: 'output', content: 'T-60天: 招展招商' },
{ type: 'output', content: ' • 发布招展通知' },
{ type: 'output', content: ' • 联系重点展商' },
{ type: 'output', content: ' • 开放展位预订' },
{ type: 'output', content: '' },
{ type: 'output', content: 'T-30天: 宣传推广' },
{ type: 'output', content: ' • 媒体发布会' },
{ type: 'output', content: ' • 社交媒体推广' },
{ type: 'output', content: ' • 开放观众预登记' },
{ type: 'output', content: '' },
{ type: 'output', content: 'T-7天: 最后准备' },
{ type: 'output', content: ' • 展位搭建' },
{ type: 'output', content: ' • 设备调试' },
{ type: 'output', content: ' • 人员培训' },
{ type: 'output', content: '' },
{ type: 'output', content: 'T-0: 展会开幕' },
{ type: 'info', content: '' },
{ type: 'progress', content: 'execution_plan.xlsx', target: 100, stutters: [45, 78] },
{ type: 'file', content: '✓ Created: execution_plan.xlsx (2.3MB)' },
{ type: 'progress', content: 'task_assignments.pdf', target: 100, stutters: [34, 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%' },
]
},
{
agent: () => agents[5], // 营销宣传专家
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: '🎯 营销策略' },
{ type: 'output', content: '═══════════════════════════════════' },
{ type: 'output', content: '📱 数字营销 (40%)' },
{ type: 'output', content: ' • 微信: 目标50万+粉丝' },
{ type: 'output', content: ' • 微博: 日均30万+曝光' },
{ type: 'output', content: ' • 抖音: 短视频200万播放' },
{ type: 'output', content: ' • B站: 专业内容10万+互动' },
{ type: 'output', content: '' },
{ type: 'output', content: '📺 传统媒体 (30%)' },
{ type: 'output', content: ' • 电视广告: CCTV-2, 东方卫视' },
{ type: 'output', content: ' • 广播: 交通频道黄金时段' },
{ type: 'output', content: ' • 平面: 行业杂志整版广告' },
{ type: 'output', content: '' },
{ type: 'output', content: '🤝 合作伙伴 (30%)' },
{ type: 'output', content: ' • 行业协会联合推广' },
{ type: 'output', content: ' • 政府部门支持' },
{ type: 'output', content: ' • 媒体深度合作' },
{ 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: '📊 预期效果' },
{ type: 'output', content: '┌─────────────────────────────┐' },
{ type: 'output', content: '│ 展前曝光: 250万人次 │' },
{ type: 'output', content: '│ 参展观众: 5万人次 │' },
{ type: 'output', content: '│ 展后传播: 100万人次 │' },
{ type: 'output', content: '│ ROI预期 : 320% │' },
{ type: 'output', content: '└─────────────────────────────┘' },
{ type: 'info', content: '' },
{ type: 'progress', content: 'marketing_strategy.pptx', target: 100, stutters: [45, 78] },
{ type: 'file', content: '✓ Created: marketing_strategy.pptx (16.8MB)' },
{ type: 'info', content: '' },
{ type: 'success', content: '✓ Agent-6 completed successfully' },
{ type: 'system', content: 'Execution time: 14.5s | Memory: 92MB | CPU: 19%' },
]
},
{
agent: () => agents[6], // 会展策划专家(协调者)
outputs: [
{ type: 'system', content: '>>> [Agent-7] Exhibition Planning Coordinator Activated' },
{ type: 'info', content: 'Model: Chat Models + Memories (Multi-Modal)' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Synthesizing all agent outputs...' },
{ type: 'progress', content: 'Data aggregation', target: 100, stutters: [34, 67, 89] },
{ type: 'info', content: '' },
{ type: 'info', content: 'Final quality check...' },
{ type: 'output', content: '✅ Market Research: Complete' },
{ type: 'output', content: '✅ Design & Layout: Complete' },
{ type: 'output', content: '✅ Budget Planning: Complete' },
{ type: 'output', content: '✅ Documentation: Complete' },
{ type: 'output', content: '✅ Execution Plan: Complete' },
{ type: 'output', content: '✅ Marketing Strategy: Complete' },
{ type: 'info', content: '' },
{ type: 'output', content: '📊 整体评估报告' },
{ type: 'output', content: '─────────────────────────────────' },
{ type: 'output', content: '方案完整度: 98.5%' },
{ type: 'output', content: '可行性评分: 9.2/10' },
{ type: 'output', content: '创新性评分: 8.8/10' },
{ type: 'output', content: '风险等级: 低' },
{ type: 'output', content: '预期成功率: 92%' },
{ type: 'output', content: '─────────────────────────────────' },
{ type: 'info', content: '' },
{ type: 'info', content: 'Generating executive summary...' },
{ type: 'progress', content: 'Executive_Summary.pdf', target: 100, stutters: [45, 78, 92] },
{ type: 'file', content: '✓ Created: Executive_Summary.pdf (2.8MB)' },
{ type: 'info', content: '' },
{ type: 'output', content: '🎯 核心亮点' },
{ type: 'output', content: '1. 长三角地区最大规模新能源汽车展' },
{ type: 'output', content: '2. 预计300+展商50,000+专业观众' },
{ type: 'output', content: '3. 创新互动体验区设计' },
{ type: 'output', content: '4. 全渠道营销覆盖' },
{ type: 'output', content: '5. 预期ROI达320%' },
{ type: 'info', content: '' },
{ type: 'success', content: '✓ Agent-7 completed successfully' },
{ type: 'system', content: 'Execution time: 11.2s | Memory: 156MB | CPU: 24%' },
]
}
];
const completionSequence: TerminalLine[] = [
{ type: 'system', content: '=' .repeat(60) },
{ type: 'system', content: 'ALL AGENTS COMPLETED SUCCESSFULLY' },
{ type: 'info', content: '' },
{ type: 'output', content: '📊 执行统计' },
{ type: 'output', content: '• 总执行时间: 1分42秒' },
{ type: 'output', content: '• 生成文件数: 18个' },
{ type: 'output', content: '• 生成图片数: 5张' },
{ type: 'output', content: '• 总数据量: 128.6MB' },
{ type: 'output', content: '• CPU平均使用率: 19.3%' },
{ type: 'output', content: '• 内存峰值: 384MB' },
{ type: 'info', content: '' },
{ type: 'success', content: '✨ 2024长三角国际新能源汽车展会策划方案已完成!' },
{ type: 'system', content: '=' .repeat(60) },
];
return {
orderClassId: 'wenlu',
orderClassName: '文旅',
projectTitle: '2024长三角国际新能源汽车展会策划案',
startupSequence,
agentSequence,
completionSequence
};
};