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
2025-09-29 20:12:57 +08:00
parent a884afc494
commit 0d96ffd429
991 changed files with 113654 additions and 1303 deletions

View File

@@ -13,6 +13,8 @@ _Last updated: 2025-09-29_
- ⚠️ 结果页面架构采用混合模板方案1个基础模板 + 动态内容加载)
- ⚠️ 终端模拟系统必须使用TSX格式不能使用JSON文件加载方式
- ⚠️ 每个订单班需要agent prompt和专家头像数据才能实现模拟
- ⚠️ 必须保持苹果风格设计语言的一致性
- ⚠️ 所有订单班必须有独特的主题色和图标
## Decisions按时间顺序追加历史不可改
- 2025-09-07: 确定使用 n8n-1.109.2 版本进行完整中文化(理由:成熟稳定版本,功能完整)
@@ -30,6 +32,7 @@ _Last updated: 2025-09-29_
- 2025-09-29: 确定将orderClasses.json移动到exhibition-demo项目的data目录理由需求模板数据与演示系统紧密耦合便于动态加载
- 2025-09-29: 决定使用动态JSON数据结构替代硬编码agent数据理由提高可维护性和扩展性
- 2025-09-29: 决定将终端模拟系统改为TSX格式理由替代JSON文件加载方式提升代码复用性和类型安全
- 2025-09-29: 决定终端模拟数据使用TypeScript管理不再使用JSON理由避免复杂度简化配置管理
## TODO权威待办清单
- [P1][OPEN][#1] 优化 Duoduo Agent 设计系统的用户交互体验
@@ -52,11 +55,21 @@ _Last updated: 2025-09-29_
- [P1][OPEN][#46] 优化需求模板数据映射的用户体验Context改进点击订单班后的模板填充交互
- [P1][OPEN][#53] 补充其他10个订单班的agent prompt和头像数据Context已完成文旅和食品两个订单班
- [P1][OPEN][#54] 在浏览器中实际测试文旅和食品的演示流程Context验证TSX模拟系统功能
- [P1][OPEN][#62] 为其他订单班添加终端模拟数据Context可以考虑基于现有框架扩展
- [P2][OPEN][#63] 优化Agent卡片的动画效果Context提升用户体验
- [P2][OPEN][#64] 完善结果页面的展示效果Context提升用户体验
## In Progress
- [P1][DOING][#5] 维护和优化当前多智能体展示分支功能
## Done最近完成的放前面
- 2025-09-29: [#65] 完成UI优化订单班选择卡片效果增强evidence增加了卡片间距和内边距添加了hover上浮效果和3D旋转动画实现了选中状态的脉冲光晕效果增加了右上角的勾选标记动画图标尺寸从20px增加到24px
- 2025-09-29: [#66] 增强标题可读性evidence"快速选择需求模板"和"需求描述"标题从text-sm增加到text-base为两个标题都添加了图标FileText和PenTool颜色加深至gray-800
- 2025-09-29: [#67] 完成代码清理删除未使用的JSON文件evidence删除了/public/data/terminal/wenlu.json、/src/data/food.json、/src/data/wenlu.json确认项目已完全迁移到TypeScript数据管理方案
- 2025-09-29: [#68] 全面更新README.md文档evidence反映了12个订单班系统的完整功能更新了技术栈和项目结构说明添加了设计系统和颜色主题说明记录了最新的UI改进和功能特性
- 2025-09-29: [#61] 修复食品订单班图片无法加载的问题evidence根本原因是图片文件存储在项目根目录/data/订单班文档资料/但Web应用public目录中没有这些文件解决方案是创建软链接将项目根目录数据文件夹链接到public目录命令ln -s "/项目根路径/data/订单班文档资料" "/exhibition-demo/public/data/订单班文档资料",验证结果食品和文旅订单班图片均可正常访问)
- 2025-09-29: [#60] 完善暂停/继续功能和进度条执行优化evidence实现真正的暂停/继续机制使用while循环等待而非return退出修复useCallback依赖项问题executeProgress添加statusRef依赖确保进度条加载完成后才进行下一步现在暂停能立即停止输出且继续能从暂停位置恢复执行
- 2025-09-29: [#59] 修复暂停和重置后终端仍继续输出的问题evidence添加statusRef引用跟踪实时状态修改executeStartupSequence/executeAgent/executeProgress函数使用statusRef.current替代status变量优化重置函数使用setTimeout延迟确保状态更新生效
- 2025-09-29: [#58] 修复了暂停和重置按钮功能evidenceWorkflowPageV4.tsx添加resumeDemo函数导入修改按钮点击逻辑支持idle/paused/running三种状态切换重置按钮添加调试日志并清除selectedOrderClass和terminalData状态
- 2025-09-29: [#55] 创建了TSX版本的终端模拟系统evidence替代原有JSON文件加载方式创建/src/data/terminalSimulations/目录结构实现index.ts统一管理器定义TerminalLine和SimulationData类型接口
- 2025-09-29: [#56] 实现了文旅和食品两个订单班的模拟数据evidencewenlu.ts文旅订单班2024长三角国际新能源汽车展会策划案food.ts食品订单班青莳轻食连锁品牌创业方案每个文件包含完整7个Agent输出模拟
@@ -103,6 +116,12 @@ _Last updated: 2025-09-29_
- Assumption其他订单班的数据结构与文旅订单班类似Confidence: High
## Notes简要要点
- 2025-09-29: UI优化完成RequirementModal组件订单班选择卡片获得显著视觉增强包括增加卡片间距内边距、hover上浮效果和3D旋转动画、选中状态脉冲光晕效果、右上角勾选标记动画图标尺寸从20px增加到24px两个标题可读性提升从text-sm增加到text-base添加FileText和PenTool图标颜色加深至gray-800
- 2025-09-29: 代码清理彻底完成删除了所有未使用的JSON文件包括/public/data/terminal/wenlu.json、/src/data/food.json、/src/data/wenlu.json确认项目已完全迁移到TypeScript数据管理方案不再依赖JSON文件加载方式
- 2025-09-29: 文档更新全面完成README.md反映12个订单班系统完整功能更新技术栈和项目结构说明添加设计系统和颜色主题说明记录最新UI改进和功能特性为项目提供完整的使用指南
- 2025-09-29: 图片资源访问问题修复解决了选择食品订单班后终端中图片无法显示的问题根本原因是Web应用public目录缺少数据文件通过创建软链接将项目根目录的/data/订单班文档资料/链接到exhibition-demo的public目录现在所有订单班的图片资源都能正常访问包括图片_01.jpg到图片_17.jpg等文件
- 2025-09-29: 暂停/继续功能核心优化完成:从"停止/重新开始"改为真正的"暂停/恢复"机制旧代码使用return直接退出导致无法继续新代码使用while循环等待暂停状态继续时从原位置恢复执行修复useCallback依赖项确保闭包中状态实时更新进度条现在确保加载完成后才进行下一步用户体验大幅提升
- 2025-09-29: 终端状态控制核心问题修复解决了React异步函数中闭包捕获的status变量不会实时更新的问题通过添加statusRef.current引用实现实时状态检查确保暂停和重置功能立即生效终端输出能正确响应用户操作
- 2025-09-29: 暂停和重置按钮功能修复完成修复了暂停按钮点击后无法恢复的问题和重置按钮无法完全清理状态的问题添加resumeDemo函数导入修改按钮点击逻辑支持idle/paused/running三种状态切换重置按钮现在能正确清除selectedOrderClass和terminalData状态添加调试日志便于问题排查
- 2025-09-29: TSX终端模拟系统创建完成替代原JSON文件加载方式创建/src/data/terminalSimulations/目录实现index.ts统一管理器定义TerminalLine和SimulationData类型接口实现文旅和食品两个订单班模拟数据wenlu.ts和food.ts每个文件包含完整7个Agent输出模拟更新WorkflowPageV4组件使用新系统
- 2025-09-29: 关键决策只保留文旅和食品两个订单班因为其他订单班缺少agent prompt和专家头像数据使用函数形式导出便于传入agents参数保持与store同步保持向后兼容数据格式转换确保现有终端显示逻辑无需修改