diff --git a/web_frontend/doc/网页结果生成.md b/web_frontend/doc/网页结果生成.md new file mode 100644 index 00000000..cba088c6 --- /dev/null +++ b/web_frontend/doc/网页结果生成.md @@ -0,0 +1,77 @@ +# 会展策划多Agent演示系统 - 技术实施方案 + +## 项目定义 +构建一个基于React的Web演示系统，实时展示多Agent协同生成会展策划方案的完整过程。 + +## 技术决策 +- **框架**: React 18 + TypeScript +- **动画**: Framer Motion + CSS Animations +- **样式**: Tailwind CSS (参考字节跳动、Flowith、Raycast设计风格) +- **状态管理**: Zustand +- **构建工具**: Vite + +## 演示参数 +- **总时长**: 3分钟 +- **文字生成速度**: 30-40字/秒 +- **Agent Prompt展示**: 完整展示，逐步显示 +- **交互控制**: 暂时不支持跳过，保证演示完整性 + +## 设计风格指南 +- **视觉风格**: 简洁实用、年轻化、高端感 +- **参考产品**: 火山引擎、Trea、Flowith、Raycast +- **核心特征**: + - 精致的微动画 + - 清晰的信息层级 + - 中性色调搭配品牌色 + - 优雅的过渡效果 + + +## 内容板块 +网页的Page形式按照一级标题进行独立输出，每一个一级标题都是一个独立页面 + +分为 +- 策划案 +- 展会介绍与预期效果 +- 营销方案 +- 现场运营方案 +- 预算与收益分析 +- 风险评估与应急预案 + +这个六个页面是必须要创建的 + +## 演示流程 +- 可以先出一个页面，上面有一个run的按钮 +- 当点击run按钮的时候，开始执行mermaid的流程，每个流程独立输出对应Agent的Prompt，加一些延迟和loading动画，让它像终端生成一样生成每个内容的文字内容和图片内容 +- 需要增加文字生成的动画 +- 图片加载的时候，需要有loading转圈的动画，模拟延迟 + +## 整体目标 +其实就是仿真模拟出一个多Agent生成各个方案的一个演示动画 + +## 页面内容完善 + +- 创建一个TODO清单，扩展每个一级标题中信息缺失和不完善的部分 + +- 让每个板块中的内容更加充实，符合现实业务场景，尽可能多 + +## 构建网页规范 + +- 在构建网页的时候需要满足参考claude.md中的superdesign规范 +- 现代化网页，符合UX设计规范的交互 + +## Agent角色 +**Agent的角色有** + +1.信息检索专家:`web_frontend/data/Agent_prompt/信息检索专家.md` + +2.格式编辑专家:`web_frontend/data/Agent_prompt/格式编辑专家.md` + +3.会展策划专家:`web_frontend/data/Agent_prompt/会展策划专家.md` + +4.设计专家:`web_frontend/data/Agent_prompt/设计师专家.md` + +5.财务预算专家:`web_frontend/data/Agent_prompt/财务预算专家.md` + +6.活动执行专家:`web_frontend/data/Agent_prompt/活动执行专家.md` + +7.营销宣传专家:`web_frontend/data/Agent_prompt/会展营销宣传专家.md` diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/会展策划专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/会展策划专家.md new file mode 100644 index 00000000..8a022148 --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/会展策划专家.md @@ -0,0 +1,39 @@ +# Role: 经验丰富且富有创意的会展设计师 + +## Profile +- author: LangGPT +- version: 1.0 +- language: 中文 +- description: 你是一位经验老道、创意新颖的会展设计师，擅长展会的整体策划，包括选址、展陈设计、预算编制、活动日期安排、营销宣传等。 + +## Skills +1. 能快速理解并吸收外部资料与内容，整合成为实操性的策划要点。 +2. 擅长将抽象主题具体化，策划方案具有逻辑清晰、创意突出、实用可行的特点。 +3. 熟练掌握会展项目全过程，从前期调研、设计策划，到中期执行与后期评估。 +4. 能使用专业术语和严谨的结构表达完整策划内容。 + +## Background +用户提供了三个节点文档：{{ $('When chat message received').item.json.chatInput }}代表整个会展的主题，{{ $json.text }}包含会展主题相关的资料和参考信息，{{ $json.text }}定义了文章的结构和写作范式。你的任务是理解这两个节点，并结合自身专业知识输出一份完整的策划书。 + +## Goals +- 全文必须按照{{ $('When chat message received').item.json.chatInput }}的主题 +- 阅读并充分理解{{ $json.text }}中提供的信息和资料； +- 遵循{{ $json.text }}所规定的文章结构与格式； +- 撰写一份主题吸引人、语言专业、结构合理的会展策划方案书； +- 策划书内容必须涵盖选址（中国长三角地区）、展陈设计、预算、时间安排、宣传推广等环节； +- 正文长度不少于3000字。 + +## Rules +1. 必须严格参考{{ $json.text }}内容进行创作，体现理解与重构能力； +2. 主题需吸引眼球，具有创意性； +3. 逻辑严密，段落结构清晰； +4. 专业术语准确，语句通顺； +5. 不允许出现“AI生成”、“我是AI”等措辞； +6. 最终输出不得少于3000字。 + +## Workflows +1. 阅读并吸收{{ $json.text }}内容，提炼核心信息； +2. 确认所{{ $json.text }}规定的写作框架； +3. 围绕会展策划关键点进行内容创作； +4. 审核文字逻辑、术语准确性与字数； +5. 以Json格式输出完整的策划方案书文本。 diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/信息检索专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/信息检索专家.md new file mode 100644 index 00000000..1d09942a --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/信息检索专家.md @@ -0,0 +1,36 @@ +# Role: 会展行业信息检索专家 + +## Profile +- author: LangGPT +- version: 1.0 +- language: 中文 +- description: 你是一位精通信息搜索与报告撰写的专家，特别擅长会展行业的内容收集与趋势分析。 + +## Skills +1. 能够高效检索抖音、小红书等内容平台上的行业信息； +2. 熟悉热门新闻网站的会展相关资讯收集； +3. 具备分析行业报告（2023~2025年）的能力； +4. 能够撰写结构清晰、逻辑严密的行业调研报告； +5. 输出格式符合 JSON 结构要求。 + +## Goals +- 基于给定主题，全面检索多平台信息并进行深度分析； +- 撰写一份约2000字的会展行业调研报告； +- 报告结构需包含指定的章节标题； +- 输出内容格式必须为合法的 JSON 格式。 + +## OutputFormat +请以如下 JSON 格式输出调研报告： + +```json +{ + "标题": "请填写调研报告标题", + "报告摘要": "摘要内容，控制在200字以内", + "背景介绍": "详细背景内容", + "市场环境分析": "市场现状、趋势、竞争分析等", + "客户群体分析": "客户画像、行为习惯、兴趣点等", + "招商群体分析": "潜在招商对象特征、合作模式等", + "热门布展地点": "地点名称、特点、案例等", + "常见预算方案": "不同预算规模下的典型方案", + "本片内容总结": "总结全文要点" +} diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/格式编辑专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/格式编辑专家.md new file mode 100644 index 00000000..032944bc --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/格式编辑专家.md @@ -0,0 +1,259 @@ +# 展会活动策划书格式规范 + +## 📋 文档说明 +本文档为展会活动策划书的标准格式模板，旨在帮助Claude AI更好地理解和执行展会策划相关任务。 + +--- + +## 一、策划案概述 + +### 1.1 封面要素 +- **展会名称**：活动的正式名称 +- **策划案名称**：本策划文档的标题 +- **策划单位/人**：负责策划的组织或个人 +- **日期**：策划案完成日期 + +### 1.2 目录 +> 列出策划案各部分标题及对应页码，便于快速导航 + +### 1.3 策划背景 +**内容要求**： +- 简述展会举办的行业背景 +- 分析市场机遇 +- 阐明举办必要性 +- *参考引用：[1, 6]* + +### 1.4 策划目的 +**内容要求**： +- 明确展会举办期望达成的总体目标 +- 列出具体的目标指标 +- *参考引用：[2]* + +### 1.5 策划依据 +**内容要求**： +- 市场调研数据 +- 政策支持文件 +- 往届经验总结 +- 行业发展趋势 + +--- + +## 二、展会介绍与预期效果 + +### 2.1 展会主题 +**内容要求**： +- 核心主题陈述 +- 展会口号/标语 +- *参考引用：[3]* + +### 2.2 展会地址 +**必填信息**： +- 展馆名称 +- 具体地址 +- 交通指引 + +### 2.3 展品范围 +**内容要求**： +- 详细列出展会展示的主要产品类别 +- 明确各展区领域划分 +- *参考引用：[1]* + +### 2.4 举办时间 +**时间安排**： +- 展会具体日期 +- 每日开放时间 +- 布展/撤展时间 + +### 2.5 办展机构 + +#### 组织架构 +| 机构类型 | 单位名称 | 参考引用 | +|---------|---------|----------| +| **主办单位** | [待填写] | [1] | +| **承办单位** | [待填写] | [1] | +| **协办单位** | [待填写] | - | +| **支持单位** | [待填写] | - | + +### 2.6 目标参展商 +**画像描述**： +- 企业类型 +- 行业领域 +- 企业规模 +- 地域分布 +- *参考引用：[1]* + +### 2.7 目标观众 +**观众分类**： +- 专业观众特征 +- 采购商画像 +- 公众观众群体 +- *参考引用：[1]* + +### 2.8 预计规模 + +#### 规模指标 +| 指标项目 | 预计数值 | 参考引用 | +|---------|---------|----------| +| **展览面积** | [待填写] | [7] | +| **标准展位数量** | [待填写] | [7] | +| **特装展位面积** | [待填写] | - | +| **预计参展商家数** | [待填写] | [7] | +| **预计参观人次** | [待填写] | [3, 7] | + +### 2.9 展会定位 +**定位说明**： +- 行业差异化定位 +- 展会特色亮点 +- 核心竞争优势 +- *参考引用：[6]* + +### 2.10 预期效果 + +#### 效果评估维度 +1. **品牌影响力** + - 品牌知名度提升目标 + - 行业地位巩固 + +2. **交易促成** + - 现场成交额目标 + - 意向签约额预期 + - *参考引用：[7]* + +3. **行业推动** + - 对产业发展的贡献 + - 技术交流成果 + +4. **其他效益** + - 媒体曝光度 + - 社会关注度 + - 政府关系改善 + +--- + +## 三、营销方案 + +### 3.1 整体推广策略 +> 概述营销推广的核心思路与策略组合，包括时间节点、资源配置、预算分配等 + +### 3.2 线下推广方案 + +#### 3.2.1 传统媒体广告 +- **行业杂志**：选择目标行业核心期刊 +- **报纸广告**：主流财经、行业报纸 +- **广播电视**：商业频道、行业节目 +- *参考引用：[2]* + +#### 3.2.2 直邮与邀请函 +- **目标数据库**：精准客户名单 +- **邮寄材料**：邀请函、展会资料 +- **跟进机制**：电话确认、二次邀约 +- *参考引用：[1]* + +#### 3.2.3 户外广告 +- **地铁广告**：重点线路、站点 +- **公交广告**：商务区域线路 +- **广告牌**：展馆周边、商业中心 + +#### 3.2.4 行业活动推广 +- **相关展会**：同期或前期展会 +- **行业会议**：峰会、论坛推广 +- **路演活动**：重点城市巡回 + +#### 3.2.5 渠道合作 +- **行业协会**：会员推荐、团体组织 +- **商会合作**：企业资源对接 +- **使馆商务处**：国际展商邀请 + +#### 3.2.6 新闻发布会 +- **发布时机**：展前关键节点 +- **亮点内容**：重大签约、新品发布 +- **媒体邀请**：主流媒体、行业媒体 +- *参考引用：[3]* + +### 3.3 线上推广方案 + +#### 3.3.1 官网与微站 +**功能建设**： +- 信息发布平台 +- 在线注册系统 +- 展商展品数据库 +- 移动端适配 +- *参考引用：[2]* + +#### 3.3.2 社交媒体营销 + +##### 平台策略 +| 平台 | 推广策略 | 内容形式 | +|------|---------|----------| +| **微信** | 公众号运营、朋友圈广告 | 图文、视频号 | +| **微博** | 话题营销、KOL合作 | 热搜、直播 | +| **抖音** | 短视频种草、挑战赛 | 创意视频 | +| **LinkedIn** | B2B精准营销 | 行业分享 | + +*参考引用：[8]* + +#### 3.3.3 搜索引擎营销 +- **SEM竞价**：关键词投放策略 +- **SEO优化**：网站内容优化 +- **品牌专区**：搜索结果页定制 +- *参考引用：[2]* + +#### 3.3.4 电子邮件营销（EDM） +- **数据库管理**：客户分类、标签化 +- **内容策划**：展会资讯、优惠信息 +- **发送策略**：频次控制、A/B测试 +- *参考引用：[2]* + +#### 3.3.5 线上直播与短视频 +- **直播预告**：展前预热直播 +- **现场直击**：展会实时报道 +- **短视频营销**：亮点集锦、花絮 +- *参考引用：[8]* + +#### 3.3.6 合作伙伴联动 +- **行业网站**：内容合作、广告投放 +- **流量平台**：精准引流、数据交换 +- **媒体矩阵**：多渠道协同推广 +- *参考引用：[2]* + +### 3.4 精准邀请与对接 + +#### 3.4.1 专业买家邀请 +**邀请体系**： +- 数据库筛选：历史客户、潜在买家 +- 呼叫中心：专业团队电话邀约 +- 合作机构：协会推荐、团体组织 +- VIP服务：重点客户特殊接待 +- *参考引用：[1]* + +#### 3.4.2 供需匹配服务 +**服务内容**： +- 线上预约系统：提前安排洽谈 +- 智能匹配算法：精准对接需求 +- 现场撮合服务：专人协助对接 +- 后续跟踪：展后持续服务 +- *参考引用：[3]* + +--- + +## 📌 使用说明 + +### 执行要点 +1. **结构化思维**：按照上述框架系统性地规划展会 +2. **数据支撑**：所有预期效果需有数据依据 +3. **可执行性**：方案需具体、可落地、可评估 +4. **迭代优化**：根据实际情况动态调整策略 + +### 参考引用说明 +- [1] - [8] 为参考资料索引编号 +- 实际使用时需替换为具体的参考来源 + +### 输出格式建议 +- 使用清晰的标题层级 +- 重要数据使用表格展示 +- 关键信息使用加粗或引用格式 +- 保持格式统一性和专业性 + +--- + +*本文档为展会策划标准模板，请根据实际项目需求进行调整和完善。* \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/活动执行专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/活动执行专家.md new file mode 100644 index 00000000..f595d710 --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/活动执行专家.md @@ -0,0 +1,50 @@ +# Role: 会展执行专家 + +## Profile +- author: LangGPT +- version: 1.0 +- language: 中文 +- description: 你是一位经验丰富的会展执行专家，擅长制定展会全流程的执行计划，包括关键节点时间表、人员安排、任务分工及资源调度，确保所有事项在截止日期前高效完成。 + +## Skills +1. 精通会展项目的时间节点控制与执行节奏规划； +2. 擅长制定详细的时间进度表（Gantt图逻辑）； +3. 能清晰分配人员职责、任务优先级和资源配比； +4. 熟悉从布展、搭建、演出、撤展等各阶段事项安排； +5. 能输出结构化的任务安排表（JSON 或 Markdown 表格格式）； + +## Goals +- 接收展会主题与截止时间后，自动生成可执行的任务排期表； +- 每项任务需指定开始/结束时间、负责人、协作人、优先级等； +- 输出结果支持项目管理使用，可便于导入工具如Excel、Notion、甘特图平台； + +## OutputFormat + +### 格式一：JSON格式（推荐结构化场景） + +```json +{ + "展会名称": "2025科技创新博览会", + "执行周期": "2025年3月1日 - 2025年3月15日", + "任务安排表": [ + { + "任务名称": "展台搭建方案设计", + "开始时间": "2025-03-01", + "结束时间": "2025-03-03", + "负责人": "王明", + "协作人": ["设计部", "品牌方"], + "优先级": "高", + "备注": "设计需包含动线规划与物料明细" + }, + { + "任务名称": "物料采购与准备", + "开始时间": "2025-03-04", + "结束时间": "2025-03-06", + "负责人": "李倩", + "协作人": ["供应链", "仓储"], + "优先级": "中", + "备注": "提前确认供应商报价" + } + // 更多任务... + ] +} \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/营销宣传专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/营销宣传专家.md new file mode 100644 index 00000000..4294aeb2 --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/营销宣传专家.md @@ -0,0 +1,62 @@ +# Role: 会展营销宣传专家 + +## Profile +- author: LangGPT +- version: 1.0 +- language: 中文 +- description: 你是一位精通线上与线下整合传播的会展营销专家，擅长为展会项目量身定制多渠道宣传策略，提升展会曝光度、观众到场率及品牌影响力。 + +## Skills +1. 能基于展会定位制定精准的营销目标与内容策略； +2. 熟悉抖音、小红书、公众号等新媒体平台营销玩法； +3. 精通线下地推、户外广告、合作联动等传统宣传方式； +4. 善于制定分阶段、分人群的推广计划与内容排期； +5. 输出结构标准化、逻辑清晰的整合营销方案（含推广时间表、渠道矩阵、内容主题等）； + +## Goals +- 为展会制定一套完整的整合营销传播方案； +- 输出方案需包含目标设定、策略框架、渠道矩阵、内容主题、执行时间表等； +- 内容格式需支持结构化输出，方便项目管理或汇报使用； + +## OutputFormat + +```json +{ + "展会名称": "2025数字经济博览会", + "目标受众": ["B端科技企业", "C端泛科技爱好者"], + "营销目标": "提升展会曝光率、提升参展报名转化率", + "营销策略": { + "总体策略": "线上线下联动，内容驱动，精准触达", + "分阶段策略": { + "预热期": "内容种草 + 社媒曝光", + "引流期": "强内容发布 + 用户互动", + "转化期": "落地活动 + 渠道转化" + } + }, + "渠道矩阵": { + "线上渠道": ["抖音", "小红书", "微信公众号", "官网", "知乎"], + "线下渠道": ["户外广告", "地铁灯箱", "异业联动门店", "校园推广"] + }, + "内容主题规划": [ + {"主题": "行业趋势", "形式": "图文、视频", "平台": "知乎、公众号"}, + {"主题": "展会亮点", "形式": "短视频、直播", "平台": "抖音、小红书"}, + {"主题": "嘉宾预告", "形式": "人物专访", "平台": "视频号、公众号"} + ], + "时间与执行表": [ + { + "阶段": "预热期", + "时间范围": "2025-02-01 ~ 2025-02-14", + "重点动作": "达人种草、开设话题标签、内容预告" + }, + { + "阶段": "引流期", + "时间范围": "2025-02-15 ~ 2025-02-28", + "重点动作": "高频内容推送、互动抽奖、报名链接投放" + }, + { + "阶段": "转化期", + "时间范围": "2025-03-01 ~ 2025-03-08", + "重点动作": "地推执行、户外广告投放、现场报名引导" + } + ] +} \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/设计师专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/设计师专家.md new file mode 100644 index 00000000..18c04722 --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/设计师专家.md @@ -0,0 +1,41 @@ +# Role: 展会设计师专家 + +## Profile +- author: LangGPT +- version: 1.0 +- language: 中文 +- description: 你是一位富有创意并紧跟趋势的展会设计师，擅长通过AI图像生成工具，将抽象理念转化为具体可视化效果图，尤其专注于展台搭建、空间布景与主题场景塑造。 + +## Skills +1. 能够将展会主题、品牌调性转化为视觉设计要素； +2. 熟悉不同类型展会的风格差异（科技、文旅、消费品等）； +3. 精通Midjourney/DALL·E/Stable Diffusion等AI图像生成提示语构造； +4. 擅长构建具体、细致、清晰的图像提示词（prompt）； +5. 具备一定的美术与空间设计语言表达能力； + +## Goals +- 基于给定的展会主题与定位，设计精美、实用的展会效果图； +- 提供5条以上适用于AI图像生成的中英文Prompt； +- 每条提示词包括视觉元素、风格关键词、构图建议、镜头视角等； +- 鼓励使用Midjourney标准格式：`/imagine prompt: {...}`； + +## OutputFormat +请以如下格式输出： + +```json +{ + "展会主题": "填写展会主题名称", + "目标受众": "描述设计所面向的核心观众群体", + "设计理念": "简述整体设计概念与方向", + "提示词列表": [ + { + "语言": "英文", + "Prompt": "/imagine prompt: modern exhibition booth, minimalist style, LED walls, open layout, tech branding, ambient lighting, 3D render, ultra-realistic, --ar 16:9 --v 5" + }, + { + "语言": "中文", + "Prompt": "/imagine prompt: 未来感展会展台设计，极简风格，灯光氛围，科技感十足，品牌标识突出，超写实渲染，--ar 16:9 --v 5" + } + // 可继续添加更多提示词 + ] +} \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/data/Agent_prompt/财务预算专家.md b/web_frontend/exhibition-demo/public/data/Agent_prompt/财务预算专家.md new file mode 100644 index 00000000..39651b4b --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/Agent_prompt/财务预算专家.md @@ -0,0 +1,54 @@ +# Role: 财务预算专家 + +## Profile +- author: LangGPT +- version: 1.0 +- language: 中文 +- description: 你是一位精通财务管理的预算专家，擅长根据用户提供的数据信息生成标准化的财务预算报表，能清晰展现成本、收入、利润、现金流等核心财务指标。 + +## Skills +1. 熟练编制年度、季度、项目级的财务预算； +2. 能将结构化/半结构化的数据转化为标准财务报表； +3. 掌握利润表、现金流量表、资产负债表等报表结构； +4. 熟悉Excel逻辑及数据可视化表达方式； +5. 支持以JSON或表格Markdown格式输出财务报表； + +## Goals +- 将用户输入的财务数据转换为格式清晰、分类合理的预算报表； +- 报表字段需根据数据内容自动适配； +- 输出格式以财务报表通用结构为准，包括：项目名称、预算金额、实际金额、差异、备注等； +- 如数据不足，提供自动补全建议； + +## OutputFormat +支持以下两种格式任选： + +### 格式一：JSON格式 + +```json +{ + "报表类型": "年度预算表", + "币种": "人民币", + "时间周期": "2025年", + "项目预算表": [ + { + "项目名称": "市场推广费", + "预算金额": 500000, + "实际金额": 450000, + "差异": -50000, + "备注": "广告成本略低于预期" + }, + { + "项目名称": "人员成本", + "预算金额": 1200000, + "实际金额": 1250000, + "差异": 50000, + "备注": "新增一名市场专员" + } + // 更多项目... + ], + "汇总": { + "总预算": 1700000, + "总实际支出": 1700000, + "预算差异": 0 + } +} \ No newline at end of file diff --git a/web_frontend/exhibition-demo/public/data/agent头像/会展执行专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/会展执行专家.jpg new file mode 100755 index 00000000..26d25357 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/会展执行专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/agent头像/会展策划专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/会展策划专家.jpg new file mode 100755 index 00000000..e8f05515 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/会展策划专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/agent头像/信息检索专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/信息检索专家.jpg new file mode 100755 index 00000000..3c36e003 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/信息检索专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/agent头像/结构编辑专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/结构编辑专家.jpg new file mode 100755 index 00000000..ddcf818e Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/结构编辑专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/agent头像/营销策划专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/营销策划专家.jpg new file mode 100755 index 00000000..97cbfd75 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/营销策划专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/agent头像/设计专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/设计专家.jpg new file mode 100755 index 00000000..83c83864 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/设计专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/agent头像/预算编辑专家.jpg b/web_frontend/exhibition-demo/public/data/agent头像/预算编辑专家.jpg new file mode 100755 index 00000000..97c4939d Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/agent头像/预算编辑专家.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/2.试驾小景.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/2.试驾小景.jpg new file mode 100755 index 00000000..3869b2aa Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/2.试驾小景.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/3.小米汽车.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/3.小米汽车.jpg new file mode 100755 index 00000000..aa04983e Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/3.小米汽车.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_03282ab7e5.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_03282ab7e5.jpg new file mode 100755 index 00000000..20eb78ec Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_03282ab7e5.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_15f65339bb.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_15f65339bb.jpg new file mode 100755 index 00000000..4cdcbdfd Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_15f65339bb.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_192cdc54bc.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_192cdc54bc.jpg new file mode 100755 index 00000000..a70b6382 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_192cdc54bc.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_1c05424f7f.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_1c05424f7f.jpg new file mode 100755 index 00000000..17a02001 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_1c05424f7f.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_27184afa6e.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_27184afa6e.jpg new file mode 100755 index 00000000..8e4518a8 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_27184afa6e.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_2a9b622636.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_2a9b622636.jpg new file mode 100755 index 00000000..8fd20422 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_2a9b622636.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_4aabd94ef3.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_4aabd94ef3.jpg new file mode 100755 index 00000000..8a95d1d5 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_4aabd94ef3.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_5c4b912ea7.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_5c4b912ea7.jpg new file mode 100755 index 00000000..7a860df2 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_5c4b912ea7.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_8236005bb2.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_8236005bb2.jpg new file mode 100755 index 00000000..bd4e9620 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_8236005bb2.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_9e8c1f44ac.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_9e8c1f44ac.jpg new file mode 100755 index 00000000..319dbeaf Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_9e8c1f44ac.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_be64a7b61f.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_be64a7b61f.jpg new file mode 100755 index 00000000..321fc5b4 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_be64a7b61f.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_c478fe089d.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_c478fe089d.jpg new file mode 100755 index 00000000..9453eaa2 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_c478fe089d.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_dcc81c5212.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_dcc81c5212.jpg new file mode 100755 index 00000000..225f6432 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_dcc81c5212.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc 1.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc 1.jpg new file mode 100755 index 00000000..5e4ee1d3 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc 1.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc.jpg new file mode 100755 index 00000000..5e4ee1d3 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e2ffe75dbc.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e8f83d1a37.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e8f83d1a37.jpg new file mode 100755 index 00000000..c3bd2fc7 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_e8f83d1a37.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_f3f954649c.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_f3f954649c.jpg new file mode 100755 index 00000000..501cbc95 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/Whisk_f3f954649c.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/博览会.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/博览会.jpg new file mode 100755 index 00000000..d6d7bd47 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/博览会.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/展会内部参观.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/展会内部参观.jpg new file mode 100755 index 00000000..6e548b8c Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/展会内部参观.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/展馆布置图.jpeg b/web_frontend/exhibition-demo/public/data/会展策划/image/展馆布置图.jpeg new file mode 100755 index 00000000..aa71ce7b Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/展馆布置图.jpeg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/image/签到.jpg b/web_frontend/exhibition-demo/public/data/会展策划/image/签到.jpg new file mode 100755 index 00000000..77ec3187 Binary files /dev/null and b/web_frontend/exhibition-demo/public/data/会展策划/image/签到.jpg differ diff --git a/web_frontend/exhibition-demo/public/data/会展策划/汽车展会展策划案_DEMO.md b/web_frontend/exhibition-demo/public/data/会展策划/汽车展会展策划案_DEMO.md new file mode 100755 index 00000000..821bb5bf --- /dev/null +++ b/web_frontend/exhibition-demo/public/data/会展策划/汽车展会展策划案_DEMO.md @@ -0,0 +1,300 @@ +# 汽车展会展策划案 + +## 一、策划案概述 + +参考图片： + +![Whisk_e8f83d1a37.jpg](image/Whisk_e8f83d1a37.jpg) + +![博览会.jpg](image/%E5%8D%9A%E8%A7%88%E4%BC%9A.jpg) + +### 1. 封面 + +- 展会名称：2024长三角国际新能源汽车与智能交通产业博览会 +- 策划案名称：Green Mobility Shanghai 2024 执行策划案 +- 策划单位：上海国际会展集团会展策划部 +- 日期：20xx年xx月xx日 + +### 2. 目录 + +- 一、策划案概述：P1 +- 二、展会介绍与预期效果：P3 +- 三、营销方案：P8 +- 四、现场运营方案：P15 +- 五、预算与收益分析：P22 +- 六、风险评估与应急预案：P28 + +### 3. 策划背景 + +内容： + +在全球碳中和目标推动下，新能源汽车产业迎来爆发式增长。长三角地区作为中国汽车产业核心集群，聚集了特斯拉、上汽、蔚来等龙头企业，新能源汽车产量占全国40%以上。同时，智能网联、自动驾驶技术快速发展，智慧交通体系建设加速推进。然而，行业缺乏一个整合整车制造、核心零部件、智能技术、基础设施的全产业链展示平台。本次展会将填补这一市场空白，打造长三角地区最具影响力的新能源汽车与智能交通产业盛会。 + +依据： + +- 《新能源汽车产业发展规划（2021-2035年）》政策支持 +- 长三角一体化发展战略深入实施 +- 上海市打造国际新能源汽车发展高地规划 +- 市场调研显示89%的产业链企业有参展需求 + +### 4. 策划目的 + +- 品牌建设目的：打造长三角地区新能源汽车与智能交通领域第一展会品牌 +- 商业目的：吸引300家优质展商，实现现场意向交易额超8亿元人民币 +- 行业目的：促进产业链上下游合作，推动技术创新和产业升级 +- 社会目的：推广绿色出行理念，助力碳中和目标实现 + +### 5. 策划依据 + +政策依据： + +- 《上海市加快新能源汽车产业发展实施计划》 +- 《长三角地区新能源汽车产业链协同发展规划》 + +市场依据： + +- 2023年新能源汽车销量同比增长35% +- 智能网联汽车市场规模突破千亿元 + +资源依据： + +- 与20余家行业协会建立合作关系 +- 往届相关展会数据库包含5万+专业观众信息 + +## 二、展会介绍与预期效果 + +参考图片： + +![展会内部参观.jpg](image/%E5%B1%95%E4%BC%9A%E5%86%85%E9%83%A8%E5%8F%82%E8%A7%82.jpg) + +![2.试驾小景.jpg](image/2.%E8%AF%95%E9%A9%BE%E5%B0%8F%E6%99%AF.jpg) + +![3.小米汽车.jpg](image/3.%E5%B0%8F%E7%B1%B3%E6%B1%BD%E8%BD%A6.jpg) + +![Whisk_c478fe089d.jpg](image/Whisk_c478fe089d.jpg) + +### 1. 展会主题 + +「智行未来，绿动长三角」——2024长三角国际新能源汽车与智能交通产业博览会 + +### 2. 展会地址 + +- 主展馆：国家会展中心（上海） +- 地址：上海市青浦区崧泽大道333号 +- 选择理由： + - 地理位置优越，交通便利 + - 设施完善，展馆面积充足 + - 配套服务齐全，经验丰富 + +### 3. 展品范围 + +- 整车展区：纯电动汽车、插电式混合动力汽车、智能网联汽车 +- 核心零部件展区：电池电机电控系统、智能驾驶系统、车联网设备、充电设施 +- 智能交通展区：智慧路网系统、车路协同解决方案、智能停车系统、出行服务平台 +- 配套服务展区：金融服务、检测认证、咨询服务、媒体服务 + +### 4. 举办时间 + +- 展期：2024年9月12日-9月15日（周四至周日） +- 开放时间：每日09:00-17:00（16:30停止入场） +- 选择理由：避开国庆长假、行业采购旺季、天气适宜 + +### 5. 办展机构 + +- 主办单位：中国汽车工业协会、上海市经济和信息化委员会、长三角一体化示范区执委会 +- 承办单位：上海国际会展集团 +- 协办单位：江苏省汽车行业协会、浙江省新能源汽车产业联盟、安徽省汽车工程学会 +- 支持单位：国际汽车工程师学会、中国电动汽车百人会、上海交通大学智能网联汽车研究中心 + +### 6. 目标参展商 + +- 整车企业：特斯拉、比亚迪、上汽、蔚来、理想、小鹏等 +- 零部件企业：宁德时代、华为智能汽车、百度Apollo、Mobileye等 +- 科技企业：阿里巴巴、腾讯、科大讯飞等智能网联解决方案提供商 +- 服务企业：充电运营商、出行服务商、金融机构等 + +### 7. 目标观众 + +- 专业观众：汽车制造商采购及技术人员、经销商和4S店负责人、政府部门和行业组织代表、投资机构和分析师 +- 普通观众：新能源汽车潜在消费者、科技爱好者、大学生和研究机构人员 + +### 8. 预计规模 + +- 展览面积：50,000平方米 +- 标准展位：1,200个（9平米/个） +- 特装展位：20,000平方米 +- 参展商家数：350家 +- 参观人次：50,000人次 + +### 9. 展会定位 + +- 市场定位：B2B2C模式，兼顾专业性与大众性 +- 品质定位：高端化、国际化、专业化 +- 特色定位：注重体验互动，突出科技感和未来感 + +### 10. 预期效果 + +经济效益： + +- 现场成交额预计超10亿元 +- 带动相关产业收入约30亿元 + +社会效益： + +- 媒体曝光量超1亿次 +- 行业白皮书发布2份 +- 专业论坛20场 + +品牌效益： + +- 参展商满意度90%以上 +- 专业观众重复参观意愿85% + +## 三、营销方案 + +![Whisk_e2ffe75dbc.jpg](image/Whisk_e2ffe75dbc.jpg) + +![Whisk_5c4b912ea7.jpg](image/Whisk_5c4b912ea7.jpg) + +![Whisk_1c05424f7f.jpg](image/Whisk_1c05424f7f.jpg) + +![Whisk_f3f954649c.jpg](image/Whisk_f3f954649c.jpg) + +### 1. 整体推广策略 + +- 策略核心：线上线下融合、精准定向投放、多渠道覆盖 +- 阶段划分： + - 预热期（展前6个月）：品牌造势，话题营销 + - 推广期（展前3个月）：精准投放，观众组织 + - 冲刺期（展前1个月）：密集宣传，氛围营造 + - 展期：现场互动，媒体报道 + - 展后：持续发酵，下届预热 + +### 2. 线下推广方案 + +- 行业活动：参加北京车展、广州车展等进行推广；在相关行业论坛和峰会进行宣传 +- 传统媒体：《中国汽车报》、《汽车之家》等媒体投放广告；召开新闻发布会和媒体见面会 +- 渠道推广：与各地新能源汽车产业园区合作；通过行业协会组织参观团 +- 户外广告：上海主要商圈LED屏广告；地铁机场灯箱广告；高速公路高炮广告 + +### 3. 线上推广方案 + +- 官网建设：在线注册系统、展商数据库、活动预约系统、新闻中心；特色功能：3D展馆导航、VR预览 +- 社交媒体： + - 微信：公众号推送、朋友圈广告、小程序互动 + - 微博：话题营销 #绿色出行看长三角#、大V合作、直播活动 + - 抖音/快手：短视频、网红探店、挑战赛 +- 数字广告：搜索引擎关键词竞价；信息流广告（今日头条、腾讯新闻）；垂直媒体（汽车之家、易车网） +- 邮件营销：数据库10万+联系人；发送频次每月2期；内容包含展商推介、活动预告、行业资讯 + +### 4. 精准邀请方案 + +- 专业观众邀请：呼叫中心20人团队、一对一重点客户邀请、协会团体邀请 +- 买家匹配服务： + - 会前：在线预约，智能匹配 + - 展中：商务洽谈区，对接会 + - 展后：持续跟进，促成交易 + +## 四、现场运营方案 + +参考图片： + +![展馆布置图.jpeg](image/%E5%B1%95%E9%A6%86%E5%B8%83%E7%BD%AE%E5%9B%BE.jpeg) + +![签到.jpg](image/%E7%AD%BE%E5%88%B0.jpg) + +![Whisk_dcc81c5212.jpg](image/Whisk_dcc81c5212.jpg) + +![Whisk_be64a7b61f.jpg](image/Whisk_be64a7b61f.jpg) + +![Whisk_192cdc54bc.jpg](image/Whisk_192cdc54bc.jpg) + +### 1. 展区规划 + +- 整车展示区：中央展厅，20,000平方米 +- 零部件展区：西侧展厅，15,000平方米 +- 智能交通展区：东侧展厅，10,000平方米 +- 体验互动区：室外广场，5,000平方米 + +### 2. 现场服务 + +- 登记服务：电子签到系统，快速通道 +- 咨询服务：多语言服务台，智能机器人导览 +- 商务服务：会议室租赁，翻译服务 +- 后勤服务：餐饮区、休息区、医疗点 + +### 3. 活动安排 + +- 开幕典礼：9月12日上午9:00 +- 主题论坛：新能源汽车产业发展论坛、智能网联技术创新峰会、充电基础设施建设研讨会 +- 配套活动：新产品发布会、试乘试驾、技术交流会 + +### 4. 展陈设计 + +- 设计理念：科技、环保、未来 +- 色彩方案：主色调科技蓝、环保绿 +- 灯光设计：LED节能照明，重点突出 +- 空间布局：流线型，体验式 + +## 五、预算与收益分析 + +参考图片： + +![Whisk_4aabd94ef3.jpg](image/Whisk_4aabd94ef3.jpg) + +![Whisk_8236005bb2.jpg](image/Whisk_8236005bb2.jpg) + +![Whisk_15f65339bb.jpg](image/Whisk_15f65339bb.jpg) + +![Whisk_e2ffe75dbc.jpg](image/Whisk_e2ffe75dbc%201.jpg) + +### 1. 支出预算 + +- 场地费用：300万元 +- 营销推广：200万元 +- 人员成本：150万元 +- 活动执行：100万元 +- 运营保障：80万元 +- 应急储备：70万元 +- **总计：900万元** + +### 2. 收入预算 + +- 展位收入：700万元 +- 赞助收入：300万元 +- 广告收入：100万元 +- 门票收入：50万元 +- 其他收入：50万元 +- **总计：1,200万元** + +### 3. 收益预测 + +- 直接收益：300万元 +- 间接收益：品牌价值提升、行业影响力扩大 +- 投资回报率：33.3% + +## 六、风险评估与应急预案 + +参考图片 + +![Whisk_9e8c1f44ac.jpg](image/Whisk_9e8c1f44ac.jpg) + +![Whisk_03282ab7e5.jpg](image/Whisk_03282ab7e5.jpg) + +![Whisk_27184afa6e.jpg](image/Whisk_27184afa6e.jpg) + +![Whisk_2a9b622636.jpg](image/Whisk_2a9b622636.jpg) + +### 1. 风险分析 + +- 市场风险：行业政策变化、市场竞争加剧 +- 运营风险：参展商数量不足、观众人数未达预期 +- 安全风险：消防安全、人员安全 +- 不可抗力：疫情、恶劣天气 + +### 2. 应对措施 + +- 市场风险应对：加强政策研究，及时调整策略；提升展会品质，增强竞争力 +- 运营风险应对：提前签约重点展商；多渠道观众组织 +- 安全风险应对：完善安保体系；购买保险 +- 不可抗力应对：制定线上预案；与展馆方保持沟通 \ No newline at end of file diff --git a/web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx b/web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx index 29b00817..94333c88 100644 --- a/web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx +++ b/web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx @@ -45,6 +45,7 @@ const WorkflowPageV4 = () => { const [showRequirementModal, setShowRequirementModal] = useState(false); const [showResultModal, setShowResultModal] = useState(false); const [userRequirement, setUserRequirement] = useState(''); + const [imageLoadingStates, setImageLoadingStates] = useState<{ [key: string]: boolean }>({}); const terminalRef = useRef(null); const intervalRef = useRef(null); const progressLineIdRef = useRef(null); @@ -170,25 +171,27 @@ const WorkflowPageV4 = () => { { 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: 'output', content: '' }, - { type: 'output', content: '╔═══════════════════════════════════════════╗' }, - { type: 'output', content: '║ IMAGE PREVIEW: 试驾体验区 ║' }, - { type: 'output', content: '╠═══════════════════════════════════════════╣' }, - { type: 'output', content: '║ ╭──────────────────────────╮ ║' }, - { type: 'output', content: '║ │ ═══════════════════════ │ ║' }, - { type: 'output', content: '║ │ ║ TEST DRIVE TRACK ║ │ ║' }, - { type: 'output', content: '║ │ ║ ╱╲ 🚗 ➜➜➜ ║ │ ║' }, - { type: 'output', content: '║ │ ║ ╱ ╲ ╱──────╲ ║ │ ║' }, - { type: 'output', content: '║ │ ║ ╱ ╲ ║ │ ║' }, - { type: 'output', content: '║ │ ═══════════════════════ │ ║' }, - { type: 'output', content: '║ ╰──────────────────────────╯ ║' }, - { type: 'output', content: '╚═══════════════════════════════════════════╝' }, + { 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...' }, @@ -492,14 +495,24 @@ const WorkflowPageV4 = () => { const now = new Date(); const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now.getSeconds().toString().padStart(2, '0')}.${now.getMilliseconds().toString().padStart(3, '0')}`; + const lineId = Math.random().toString(36).substr(2, 9); const newLine = { ...line, - id: Math.random().toString(36).substr(2, 9), + id: lineId, timestamp }; setTerminalLines(prev => [...prev, newLine]); + // 如果是图片类型，设置加载状态 + if (line.type === 'image' && line.imageSrc) { + setImageLoadingStates(prev => ({ ...prev, [lineId]: true })); + // 确保loading动画显示足够时间 + setTimeout(() => { + setImageLoadingStates(prev => ({ ...prev, [lineId]: false })); + }, getRandomDelay(2000, 3500)); + } + // 自动滚动到底部 setTimeout(() => { if (terminalRef.current) { @@ -617,10 +630,16 @@ const WorkflowPageV4 = () => { content: '=' .repeat(60) }); + // 更新store状态为完成 + const store = useDemoStore.getState(); + store.setProgress(100); + // 显示结果弹窗 + console.log('All agents completed, showing result modal...'); setTimeout(() => { + console.log('Setting showResultModal to true'); setShowResultModal(true); - }, 1000); + }, 2000); return; } @@ -641,13 +660,18 @@ const WorkflowPageV4 = () => { }); // 根据类型设置延迟 - const delay = + let delay = output.type === 'system' ? getRandomDelay(100, 300) : output.type === 'install' ? getRandomDelay(200, 400) : output.type === 'file' ? getRandomDelay(100, 200) : output.type === 'info' && output.content === '' ? 50 : getRandomDelay(30, 100); + // 如果是图片类型，等待图片加载完成 + if (output.type === 'image') { + delay = getRandomDelay(2500, 3500); // 等待图片加载动画完成 + } + await new Promise(resolve => setTimeout(resolve, delay)); } } @@ -667,7 +691,7 @@ const WorkflowPageV4 = () => { // 监听Agent变化 useEffect(() => { - if (status === 'running' && currentAgentIndex >= 0 && currentAgentIndex < agentSequence.length) { + if (status === 'running' && currentAgentIndex >= 0) { executeAgent(currentAgentIndex); } }, [currentAgentIndex]); @@ -842,6 +866,12 @@ const WorkflowPageV4 = () => { .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #555; } + .animation-delay-200 { + animation-delay: 200ms; + } + .animation-delay-400 { + animation-delay: 400ms; + } `} @@ -863,16 +893,39 @@ const WorkflowPageV4 = () => { {line.content} {line.imageSrc && ( -
- {line.imageAlt { - e.currentTarget.style.display = 'none'; - }} - /> +
+ {imageLoadingStates[line.id] ? ( + // 简单的骨架屏Loading效果 +
+ {/* 骨架屏脉冲动画 */} +
+
+
+ + {/* 简单的loading指示器 */} +
+
+
+
+
+
+
+
+ ) : ( + // 实际图片（淡入效果） + { + e.currentTarget.style.display = 'none'; + }} + /> + )}
)}
diff --git a/web_frontend/web_result/index.html b/web_frontend/web_result/index.html new file mode 100644 index 00000000..58990fdd --- /dev/null +++ b/web_frontend/web_result/index.html @@ -0,0 +1,296 @@ + + + + + + 2024长三角国际新能源汽车与智能交通产业博览会 + + + + + + + + + + +
+
+
+

+ 智行未来，绿动长三角 +

+

+ 2024长三角国际新能源汽车与智能交通产业博览会 +

+
+
+ 📅 时间：2024年9月12日-15日 +
+
+ 📍 地点：国家会展中心（上海） +
+
+ 🏢 规模：50,000平方米 +
+
+
+ + 了解详情 + + + 展会亮点 + +
+
+
+
+ + +
+
+
+
+
350+
+
参展企业
+
+
+
50,000+
+
预计观众
+
+
+
10亿+
+
预计成交额
+
+
+
20+
+
专业论坛
+
+
+
+
+ + +
+
+

展会亮点

+
+ +
+
+
+

全产业链展示

+

+ 涵盖整车制造、核心零部件、充电设施、智能网联等全产业链环节，打造一站式采购平台。 +

+ + 了解更多 → + +
+
+ + +
+
+
+

创新技术体验

+

+ 设置自动驾驶体验区、智能交通演示区，让观众亲身体验最新科技成果。 +

+ + 了解更多 → + +
+
+ + +
+
+
+

高端论坛峰会

+

+ 汇聚行业领袖、专家学者，探讨产业发展趋势，发布权威研究报告。 +

+ + 了解更多 → + +
+
+
+
+
+ + +
+
+

展区规划

+
+
+
+ + + + +
+

整车展示区

+

20,000平方米

+
+
+
+ + + +
+

核心零部件区

+

15,000平方米

+
+
+
+ + + +
+

智能交通区

+

10,000平方米

+
+
+
+ + + +
+

体验互动区

+

5,000平方米

+
+
+
+
+ + +
+
+

立即参与，共创绿色出行未来

+

加入我们，共同推动新能源汽车产业发展

+
+ + 参展申请 + + + 观众预登记 + +
+
+
+ + +
+
+
+
+

关于展会

+

+ 长三角地区最具影响力的新能源汽车与智能交通产业盛会 +

+
+
+

快速链接

+ +
+
+

联系方式

+
    +
  • 📍 上海市青浦区崧泽大道333号
    • +
  • 📞 021-12345678
    • +
  • ✉️ info@greenmobility2024.com
    • +
+
+
+

关注我们

+
+ + 微信 + + + 微博 + +
+
+
+
+

© 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.

+
+
+
+ + + + \ No newline at end of file diff --git a/web_frontend/web_result/pages/exhibition.html b/web_frontend/web_result/pages/exhibition.html new file mode 100644 index 00000000..03efe68a --- /dev/null +++ b/web_frontend/web_result/pages/exhibition.html @@ -0,0 +1,647 @@ + + + + + + 展会介绍 - 2024长三角国际新能源汽车展 + + + + + + + + + +
+
+

展会介绍与预期效果

+

深入了解展会规模、展品范围、参展商与观众构成

+
+
+ + +
+
+
+

智行未来，绿动长三角

+

+ 2024长三角国际新能源汽车与智能交通产业博览会，致力于打造全球新能源汽车产业交流合作的重要平台 +

+
+ +
+
+
+ + + +
+

专业化

+

聚焦新能源汽车全产业链，提供专业展示交流平台

+
+
+
+ + + +
+

国际化

+

汇聚全球领先企业，促进国际技术交流与合作

+
+
+
+ + + +
+

品质化

+

高端展会服务，打造行业标杆展会品牌

+
+
+
+
+ + +
+
+

展会场地

+
+
+

国家会展中心（上海）

+
+
+ + + +
+

详细地址

+

上海市青浦区崧泽大道333号

+
+
+
+ + + + +
+

交通便利

+

地铁2号线直达，多条公交线路，充足停车位

+
+
+
+ + + +
+

场馆规模

+

展览面积50万平方米，亚洲最大会展综合体

+
+
+
+
+ +
+

场馆优势

+
+
+
+ 01 +
+
+

世界级展馆设施

+

配备先进的展览设施和智能化管理系统

+
+
+
+
+ 02 +
+
+

完善的配套服务

+

酒店、餐饮、商务中心一应俱全

+
+
+
+
+ 03 +
+
+

丰富的办展经验

+

成功举办进博会等大型国际展会

+
+
+
+
+ 04 +
+
+

绿色环保理念

+

全馆采用节能环保设计，获得绿色建筑认证

+
+
+
+
+
+
+
+ + +
+
+

展品范围

+
+ +
+
+
+ + + + +
+

整车展区

+
+
    +
  • + ▸ + 纯电动汽车：轿车、SUV、MPV、商用车 +
    • +
  • + ▸ + 插电式混合动力汽车：增程式、并联式、混联式 +
    • +
  • + ▸ + 氢燃料电池汽车：乘用车、商用车、专用车 +
    • +
  • + ▸ + 智能网联汽车：L2-L4级自动驾驶展示车 +
    • +
+
+

展览面积：20,000平方米 | 预计展商：120家

+
+
+ + +
+
+
+ + + +
+

核心零部件展区

+
+
    +
  • + ▸ + 动力电池：锂电池、固态电池、钠离子电池 +
    • +
  • + ▸ + 驱动电机：永磁同步、交流异步、轮毂电机 +
    • +
  • + ▸ + 电控系统：BMS、VCU、MCU、DC/DC转换器 +
    • +
  • + ▸ + 智能驾驶：激光雷达、毫米波雷达、摄像头、芯片 +
    • +
+
+

展览面积：15,000平方米 | 预计展商：150家

+
+
+ + +
+
+
+ + + +
+

智能交通展区

+
+
    +
  • + ▸ + 智慧路网：智能交通信号、车路协同系统 +
    • +
  • + ▸ + V2X通信：5G-V2X设备、路侧单元RSU +
    • +
  • + ▸ + 智能停车：自动泊车系统、智慧停车场解决方案 +
    • +
  • + ▸ + 出行服务：MaaS平台、共享出行、智能调度 +
    • +
+
+

展览面积：10,000平方米 | 预计展商：60家

+
+
+ + +
+
+
+ + + +
+

配套服务展区

+
+
    +
  • + ▸ + 充电设施：充电桩、换电站、无线充电 +
    • +
  • + ▸ + 金融服务：汽车金融、保险、融资租赁 +
    • +
  • + ▸ + 检测认证：第三方检测、认证机构、标准制定 +
    • +
  • + ▸ + 后市场服务：维修保养、二手车、汽车改装 +
    • +
+
+

展览面积：5,000平方米 | 预计展商：20家

+
+
+
+
+
+ + +
+
+

展会日程

+
+
+
+

2024年9月12日 - 15日

+

为期4天的行业盛会

+
+
+ +
+
+
第一天
+
9月12日（周四）
+
+
+
+ 09:00 + 开幕典礼 & 领导致辞 +
+
+ 10:00 + 主题论坛：新能源汽车产业发展高峰论坛 +
+
+ 14:00 + 专业观众参观 & 商务洽谈 +
+
+ 16:00 + 新产品发布会（特斯拉、蔚来等） +
+
+
+ + +
+
+
第二天
+
9月13日（周五）
+
+
+
+ 09:30 + 智能网联汽车技术创新峰会 +
+
+ 10:30 + 自动驾驶体验区开放 +
+
+ 14:00 + 充电基础设施建设研讨会 +
+
+ 15:30 + 供需对接会 & 采购洽谈 +
+
+
+ + +
+
+
第三天
+
9月14日（周六）
+
+
+
+ 09:00 + 公众开放日 - 市民参观体验 +
+
+ 10:00 + 新能源汽车试乘试驾活动 +
+
+ 14:00 + 青少年科技创新大赛 +
+
+ 16:00 + 绿色出行主题活动 +
+
+
+ + +
+
+
第四天
+
9月15日（周日）
+
+
+
+ 09:00 + 产业投资论坛 +
+
+ 11:00 + 项目签约仪式 +
+
+ 14:00 + 行业白皮书发布 +
+
+ 16:00 + 闭幕式 & 成果发布 +
+
+
+
+
+
+
+
+ + +
+
+

目标参与者

+
+ +
+

目标参展商

+
+
+

整车制造企业（30%）

+

特斯拉、比亚迪、上汽、蔚来、理想、小鹏、吉利、长城、广汽等

+
+
+

核心零部件企业（35%）

+

宁德时代、比亚迪电池、华为智能汽车、百度Apollo、博世、大陆等

+
+
+

科技企业（25%）

+

阿里巴巴、腾讯、美团、滴滴、科大讯飞、商汤科技等

+
+
+

服务企业（10%）

+

国家电网、特来电、星星充电、平安保险、建设银行等

+
+
+
+ + +
+

目标观众

+
+
+

专业观众（70%）

+
    +
  • + • + 汽车制造商采购及技术人员 +
    • +
  • + • + 经销商和4S店负责人 +
    • +
  • + • + 政府部门和行业组织代表 +
    • +
  • + • + 投资机构和行业分析师 +
    • +
  • + • + 科研院所和高校研究人员 +
    • +
+
+
+

普通观众（30%）

+
    +
  • + • + 新能源汽车潜在消费者 +
    • +
  • + • + 科技爱好者和车迷 +
    • +
  • + • + 大学生和青少年群体 +
    • +
  • + • + 媒体记者和自媒体博主 +
    • +
+
+
+
+
+
+
+ + +
+
+

预期效果

+
+
+
+ + + + +
+

经济效益

+
+

现场成交额：10亿+

+

意向订单：8亿+

+

带动产业收入：30亿+

+
+
+ +
+
+ + + +
+

社会效益

+
+

媒体曝光：1亿+次

+

专业论坛：20场

+

发布白皮书：2份

+
+
+ +
+
+ + + +
+

品牌效益

+
+

参展商满意度：90%+

+

观众回访率：85%+

+

行业影响力：TOP 3

+
+
+
+
+
+ + +
+
+

加入我们，共创绿色未来

+

立即申请参展，抢占优质展位

+
+ + 了解营销方案 → + + + 查看现场运营 → + +
+
+
+ + +
+
+
+

© 2024 长三角国际新能源汽车与智能交通产业博览会. All rights reserved.

+
+
+
+ + \ No newline at end of file diff --git a/web_frontend/web_result/pages/overview.html b/web_frontend/web_result/pages/overview.html new file mode 100644 index 00000000..790ba1a3 --- /dev/null +++ b/web_frontend/web_result/pages/overview.html @@ -0,0 +1,425 @@ + + + + + + 策划概述 - 2024长三角国际新能源汽车展 + + + + + + + + + +
+
+

策划概述

+

全面了解展会策划背景、目标与核心价值

+
+
+ + +
+
+
+
+

策划背景

+
+

+ 在全球碳中和目标的大背景下，新能源汽车产业正经历前所未有的发展机遇。中国作为全球最大的新能源汽车市场，2023年产销量均突破900万辆，同比增长超过35%。 +

+

+ 长三角地区作为中国经济最发达、创新能力最强的区域之一，在新能源汽车产业发展中占据举足轻重的地位。该地区聚集了特斯拉、上汽、蔚来、理想、小鹏等众多知名车企，以及宁德时代、华为等核心零部件供应商。 +

+
+

核心数据：

+
    +
  • • 长三角新能源汽车产量占全国40%以上
    • +
  • • 区域内新能源汽车产业链企业超过3000家
    • +
  • • 2023年产值突破8000亿元
    • +
  • • 智能网联汽车测试里程超过500万公里
    • +
+
+
+
+
+
+

产业发展机遇

+
+
+
1
+
+

政策支持力度空前

+

国家及地方政府出台多项扶持政策，推动产业快速发展

+
+
+
+
2
+
+

技术创新加速突破

+

电池技术、自动驾驶、车联网等关键技术不断革新

+
+
+
+
3
+
+

市场需求持续增长

+

消费者对新能源汽车接受度不断提高，市场潜力巨大

+
+
+
+
4
+
+

产业链日趋完善

+

从研发到制造，从销售到服务，产业生态系统不断成熟

+
+
+
+
+
+
+
+
+ + +
+
+

策划目标

+
+
+
+ + + + +
+

品牌建设

+

打造长三角地区新能源汽车与智能交通领域第一展会品牌，成为行业风向标

+
+
    +
  • • 品牌知名度提升50%
    • +
  • • 媒体曝光量超1亿次
    • +
  • • 行业认可度达90%
    • +
+
+
+ +
+
+ + + + +
+

商业价值

+

吸引300家优质展商参展，促进产业链上下游合作，实现商业价值最大化

+
+
    +
  • • 现场成交额超10亿元
    • +
  • • 意向订单8亿元
    • +
  • • 投资回报率33.3%
    • +
+
+
+ +
+
+ + + +
+

行业推动

+

促进技术创新和产业升级，推动新能源汽车产业高质量发展

+
+
    +
  • • 发布行业白皮书2份
    • +
  • • 专业论坛20场
    • +
  • • 技术成果发布50项
    • +
+
+
+ +
+
+ + + +
+

社会责任

+

推广绿色出行理念，助力碳中和目标实现，促进可持续发展

+
+
    +
  • • 碳减排宣传覆盖10万人
    • +
  • • 绿色出行体验5万人次
    • +
  • • 环保倡议签名3万人
    • +
+
+
+
+
+
+ + +
+
+

政策依据

+
+
+
+
+
+

《新能源汽车产业发展规划（2021-2035年）》

+

国务院办公厅发布，明确了新能源汽车产业发展的指导思想、基本原则和发展愿景。

+
+

+ 核心目标：到2025年，新能源汽车新车销售量达到汽车新车销售总量的20%左右；到2035年，纯电动汽车成为新销售车辆的主流。 +

+
+
+
+ +
+
+
+

《上海市加快新能源汽车产业发展实施计划》

+

上海市人民政府印发，提出打造国际新能源汽车发展高地的具体措施。

+
+

+ 发展目标：到2025年，上海新能源汽车年产量超过120万辆，产值突破3500亿元，打造3-5家具有国际竞争力的整车企业。 +

+
+
+
+ +
+
+
+

《长三角地区新能源汽车产业链协同发展规划》

+

长三角一体化示范区执委会发布，推动区域产业协同发展。

+
+

+ 协同重点：建立跨区域产业协作机制，共建新能源汽车产业创新平台，推动充电基础设施互联互通。 +

+
+
+
+ +
+
+
+

《智能网联汽车道路测试与示范应用管理规范》

+

工业和信息化部、公安部、交通运输部联合发布，规范智能网联汽车测试与应用。

+
+

+ 示范应用：在长三角地区建设5个国家级智能网联汽车测试示范区，累计开放测试道路超过1000公里。 +

+
+
+
+
+
+
+
+ + +
+
+

市场分析

+
+
+

市场规模

+
+
+ 2023年销量 + 949.5万辆 +
+
+ 同比增长 + +37.9% +
+
+ 市场渗透率 + 31.6% +
+
+ 2025年预测 + 1500万辆 +
+
+
+ +
+

产业链分布

+
+
+
整车制造
+
+
+
+ 85家 +
+
+
电池电机
+
+
+
+ 156家 +
+
+
智能网联
+
+
+
+ 234家 +
+
+
充电设施
+
+
+
+ 189家 +
+
+
+ +
+

展会需求调研

+
+
+
+ 有参展意向 + 89% +
+
+
+
+
+
+
+ 需要B2B对接 + 76% +
+
+
+
+
+
+
+ 关注技术交流 + 82% +
+
+
+
+
+
+
+
+
+
+ + +
+
+

了解更多展会详情

+

深入了解展会规划、参展范围和预期效果

+ + 查看展会介绍 → + +
+
+ + + + + \ No newline at end of file