refactor: 优化RequirementModal UI设计和代码清理

主要更新:
- 🎨 UI改进:
  - 将头部背景改为苹果风格设计
  - 添加背景图片 /image/bg.png
  - 将图标替换为动态视频logo
  - 统一配色为蓝色系,移除紫色元素
  - 优化标题和副标题布局

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

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

项目结构更加清晰,界面设计更加现代化
This commit is contained in:
Yep_Q
2025-09-29 16:07:19 +08:00
parent 67f5dfbe50
commit a884afc494
89 changed files with 1580 additions and 2009 deletions

View File

@@ -0,0 +1,408 @@
/**
* 文旅订单班 - 终端模拟数据
* 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
};
};