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:
19
progress.md
19
progress.md
@@ -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] 修复了暂停和重置按钮功能(evidence:WorkflowPageV4.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] 实现了文旅和食品两个订单班的模拟数据(evidence:wenlu.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同步;保持向后兼容数据格式转换确保现有终端显示逻辑无需修改
|
||||
|
||||
Reference in New Issue
Block a user