查看任务详情指南

✅ 问题已解决

我已经为 Web UI 添加了详情查看功能！现在可以在审批页面直接查看每个任务的完整信息。

🎯 如何查看任务详情

方法 1: 使用 Web UI 的详情按钮（推荐）

访问审批页面:
```
http://localhost:8000/admin/tasks
```
点击任务的"详情"按钮（👁️ 图标）
在弹窗中查看:
- ✅ 基本信息（ID、标题、优先级、状态）
- ✅ 问题描述
- ✅ 详细情况
- ✅ 指标数据
- ✅ 目标文件列表
- ✅ 修改建议
- ✅ 完整的 AI Prompt
- ✅ 快速批准/拒绝按钮
操作:
- 可以直接在弹窗中批准或拒绝任务
- 点击"关闭"或弹窗外部区域关闭

📊 详情弹窗显示内容

1. 基本信息

任务ID
标题
优先级（HIGH/MEDIUM/LOW）
状态（待审批/已批准等）
修改类型
创建时间

2. 问题描述

完整的问题说明

3. 详细情况

问题的具体表现和数据

4. 指标数据

量化的问题指标（如响应时间、切换率等）

5. 目标文件

需要修改的文件列表，带文件图标

6. 修改建议

具体的修改建议和步骤

7. 完整 Prompt

AI 会收到的完整提示词，用于生成修改方案

🎨 界面更新

新增的详情弹窗特点：

✅ 深色主题，与整体 UI 一致
✅ 清晰的分区布局
✅ 代码块样式的详情显示
✅ 可滚动查看长内容
✅ 点击外部或关闭按钮关闭
✅ 直接在弹窗中批准/拒绝

🔄 如何刷新页面

如果刚重启服务，需要刷新浏览器：

Windows:

Ctrl + R - 普通刷新
Ctrl + Shift + R - 强制刷新（清除缓存）

Mac:

Cmd + R - 普通刷新
Cmd + Shift + R - 强制刷新

📝 使用示例

查看第一个任务的详情

打开 http://localhost:8000/admin/tasks
找到第一个任务: [HIGH] slow_response
点击右侧的 "👁️ 详情" 按钮
弹窗显示完整信息:

基本信息
---------
任务ID: task_235defa6
标题: [HIGH] slow_response
优先级: HIGH
状态: 待审批
修改类型: optimize
创建时间: 2026-01-28T06:11:00.473282

问题描述
---------
平均响应时间过长 (8.5秒)，影响用户体验

详细情况
---------
检测到多个查询响应时间超过10秒，特别是法律咨询和技术问题类别

指标数据
---------
平均响应: 8.5s, P95: 15.2s

目标文件
---------
📁 src/core/engine.py
📁 src/llm/base.py
📁 src/api/

修改建议
---------
1. 检查 LLM 调用延迟
2. 考虑启用响应缓存
3. 优化知识库检索
4. 添加超时和降级策略

完整 Prompt
-----------
优化响应速度问题:
问题描述: 平均响应时间过长 (8.5秒)，影响用户体验
详情: 检测到多个查询响应时间超过10秒...

如果确认要批准，点击 "✅ 批准此任务"
或点击 "❌ 拒绝此任务" 或 "关闭"

🎯 快速审批工作流

浏览任务列表 - 查看标题和简要描述
点击详情查看 - 了解完整信息
在弹窗中决策 - 批准或拒绝
重复 - 处理下一个任务
批量操作 - 勾选多个任务，点击顶部按钮批量批准/拒绝
执行 - 点击"执行已批准"调用 AI

🆚 三种查看方式对比

方式	位置	详细程度	便捷性
Web UI 弹窗	浏览器	⭐⭐⭐⭐⭐	⭐⭐⭐⭐⭐
JSON 文件	`data/tasks/pending_tasks_details.json`	⭐⭐⭐⭐⭐	⭐⭐⭐
Markdown 报告	`TASK_APPROVAL_RECOMMENDATION.md`	⭐⭐⭐⭐	⭐⭐⭐⭐

推荐: 使用 Web UI 弹窗，最直观便捷！

🎉 现在就试试！

刷新浏览器页面: http://localhost:8000/admin/tasks
点击任意任务的 "👁️ 详情" 按钮
在弹窗中查看完整信息
做出审批决策

服务已重启，新功能已生效！ 🚀