xyzw_web_helper/MD说明文件夹/功能更新-任务详情查看.md

# 功能更新：任务执行详情查看

## 📋 更新说明

**用户反馈**：执行进度时发现失败了几个任务，但不清楚具体是哪些任务失败了，希望能够查看详细信息。

**解决方案**：
- ✅ 在Token进度卡片上添加"详情"按钮
- ✅ 点击后弹窗显示每个任务的执行结果
- ✅ 清晰标识成功/失败状态
- ✅ 显示失败任务的具体错误信息
- ✅ 统计总任务数、成功数、失败数

---

## 🎯 功能特点

### 1. 一键查看详情
- ✅ Token卡片右上角显示"详情"按钮
- ✅ 点击后弹出任务详情对话框
- ✅ 列表展示所有任务的执行情况

### 2. 清晰的状态标识
```
✅ 每日签到    [成功]
✅ 领取挂机    [成功]
❌ 一键补差    [失败] - 错误：金币不足
✅ 加钟延时    [成功]
❌ 重启盐罐    [失败] - 错误：功能未解锁
✅ 日常奖励    [成功]
```

### 3. 详细错误信息
- ✅ 失败任务显示红色警告框
- ✅ 显示具体的错误原因
- ✅ 帮助快速定位问题

### 4. 统计摘要
- ✅ 总任务数：7个
- ✅ 成功：5个 (绿色)
- ✅ 失败：2个 (红色)

---

## 🎨 UI界面

### Token进度卡片
```
┌─────────────────────────────────────┐
│ ✅ 主号战士        [已完成] [详情]  │
├─────────────────────────────────────┤
│ 成功: 5  失败: 2                    │
└─────────────────────────────────────┘
```

### 详情弹窗
```
┌─────────────────────────────────────────────┐
│ 主号战士 - 任务执行详情                  [×]│
├─────────────────────────────────────────────┤
│                                             │
│ ✅  每日签到                      [成功]   │
│                                             │
│ ✅  领取挂机奖励                  [成功]   │
│                                             │
│ ❌  一键补差                      [失败]   │
│     ┌─────────────────────────────────┐   │
│     │ ⚠️ 错误：金币不足               │   │
│     └─────────────────────────────────┘   │
│                                             │
│ ✅  加钟延时                      [成功]   │
│                                             │
│ ❌  重启盐罐机器人                [失败]   │
│     ┌─────────────────────────────────┐   │
│     │ ⚠️ 错误：功能未解锁             │   │
│     └─────────────────────────────────┘   │
│                                             │
│ ✅  日常任务奖励                  [成功]   │
│                                             │
│ ✅  军团签到                      [成功]   │
│                                             │
│ ✅  一键答题                      [成功]   │
│                                             │
├─────────────────────────────────────────────┤
│ 总任务数: 7    成功: 5    失败: 2          │
└─────────────────────────────────────────────┘
```

---

## 🔧 修改的文件

### 组件更新
**文件**: `src/components/TaskProgressCard.vue`

**新增功能**:
1. "详情"按钮 - 显示在Token卡片右上角
2. 任务详情弹窗 - Modal对话框
3. 任务列表 - NList组件展示
4. 错误信息 - NAlert组件高亮显示
5. 统计摘要 - NStatistic组件

**新增计算属性**:
```javascript
// 任务执行结果
const taskResults = computed(() => {
  if (!props.progress || !props.progress.result) return {}
  return props.progress.result
})

// 是否有任务结果
const hasTaskResults = computed(() => {
  return Object.keys(taskResults.value).length > 0
})
```

---

## 🚀 使用方法

### 查看任务详情

#### 步骤1：执行批量任务
```
1. 访问 /tokens 页面
2. 选择任务模板
3. 点击"开始执行"
4. 等待任务执行完成
```

#### 步骤2：查看进度
```
执行过程中会显示每个Token的进度卡片
卡片上显示：
- Token名称
- 执行状态（执行中/已完成/失败）
- 成功/失败统计
```

#### 步骤3：查看详情
```
1. 找到想要查看的Token卡片
2. 点击右上角"详情"按钮
3. 弹出详情对话框
4. 查看每个任务的执行情况
```

---

## 📊 任务状态说明

### 成功任务
```
✅ 每日签到    [成功]
   执行成功
```
- 绿色对勾图标
- 绿色"成功"标签
- 显示"执行成功"提示

### 失败任务
```
❌ 一键补差    [失败]
   ┌─────────────────────────┐
   │ ⚠️ 错误：金币不足       │
   └─────────────────────────┘
```
- 红色叉号图标
- 红色"失败"标签
- 红色警告框显示错误原因

---

## 🔍 常见失败原因

### 1. 资源不足
```
错误：金币不足
说明：账号金币余额不足，无法购买
解决：游戏内充值或赚取金币
```

### 2. 功能未解锁
```
错误：功能未解锁
说明：游戏等级不够或未达到解锁条件
解决：提升游戏等级或完成前置任务
```

### 3. 次数限制
```
错误：今日已达上限
说明：该任务每日有次数限制
解决：明天再执行
```

### 4. 网络问题
```
错误：请求超时
说明：网络连接不稳定或服务器响应慢
解决：检查网络，降低并发数，重试
```

### 5. Token过期
```
错误：WebSocket连接失败
说明：Token已过期或失效
解决：从bin文件重新导入Token
```

### 6. 服务器限流
```
错误：请求过快
说明：短时间内请求过多，触发限流
解决：降低并发数，增加任务间隔
```

---

## 💡 使用技巧

### 1. 快速定位问题
```
步骤：
1. 批量任务完成后
2. 查看统计：成功 8, 失败 2
3. 点击"详情"按钮
4. 快速浏览找到红色❌的任务
5. 查看具体错误信息
6. 针对性解决问题
```

### 2. 对比不同Token
```
场景：多个Token执行相同任务，部分成功部分失败
操作：
1. 分别查看各Token的详情
2. 对比失败的任务
3. 找出共同点（如都是某个任务失败）
4. 分析原因（如等级不够、资源不足）
```

### 3. 优化任务模板
```
根据执行结果优化：
1. 查看哪些任务经常失败
2. 从模板中移除这些任务
3. 或创建专门的条件模板
   - "高级号模板"：包含所有任务
   - "新号模板"：只包含基础任务
```

---

## 📈 实际应用示例

### 示例1：新号执行失败
```
Token: 练级号
状态: 已完成
成功: 3  失败: 4

详情：
✅ 每日签到          [成功]
✅ 领取挂机          [成功]
❌ 一键补差          [失败] - 金币不足
❌ 重启盐罐机器人    [失败] - 功能未解锁
❌ 日常任务奖励      [失败] - 等级不够
❌ 军团签到          [失败] - 未加入军团
✅ 一键答题          [成功]

解决方案：
- 为新号创建"新手模板"
- 只包含：签到、领挂机、答题
```

### 示例2：网络问题导致失败
```
Token: 主号战士
状态: 失败
成功: 2  失败: 5

详情：
✅ 每日签到          [成功]
✅ 领取挂机          [成功]
❌ 一键补差          [失败] - 请求超时
❌ 加钟延时          [失败] - 请求超时
❌ 日常任务奖励      [失败] - 请求超时
❌ 军团签到          [失败] - 请求超时
❌ 一键答题          [失败] - 请求超时

解决方案：
- 检查网络连接
- 降低并发数（从5降到2）
- 重新执行批量任务
```

### 示例3：服务器高峰期限流
```
Token: 小号法师
状态: 已完成
成功: 5  失败: 2

详情：
✅ 每日签到          [成功]
✅ 领取挂机          [成功]
❌ 一键补差          [失败] - 请求过快
✅ 加钟延时          [成功]
❌ 重启盐罐机器人    [失败] - 请求过快
✅ 日常任务奖励      [成功]
✅ 军团签到          [成功]

解决方案：
- 降低并发数（避免多Token同时请求）
- 增加任务间隔（修改代码中的延迟）
- 选择非高峰期执行（如凌晨）
```

---

## 🎯 优化建议

### 根据失败率调整

#### 失败率 < 10%
```
状态：正常
操作：保持当前配置
```

#### 失败率 10-30%
```
状态：需要关注
操作：
- 查看失败原因
- 针对性调整（如资源补充、等级提升）
- 或从模板移除高失败任务
```

#### 失败率 > 30%
```
状态：需要优化
操作：
- 检查网络环境
- 降低并发数
- 调整任务模板
- 分批执行不同类型任务
```

---

## 🔒 隐私说明

### 数据展示
- ✅ 只显示任务名称和状态
- ✅ 错误信息仅包含类型，不含敏感数据
- ✅ 数据仅在本地浏览器显示

### 数据存储
- ✅ 执行结果存储在内存中
- ✅ 不上传到服务器
- ✅ 刷新页面后清除

---

## 🎉 总结

本次更新让任务执行情况**一目了然**：

### 核心价值
- ✅ **快速定位问题** - 点击即可查看失败原因
- ✅ **详细错误信息** - 不再猜测，直接看到错误
- ✅ **优化决策依据** - 根据结果优化任务配置
- ✅ **提高成功率** - 针对性解决问题

### 使用场景
- ✅ 调试新任务模板
- ✅ 排查批量失败原因
- ✅ 对比不同Token表现
- ✅ 优化执行策略

### 用户体验
- ✅ 界面简洁清晰
- ✅ 操作简单直观
- ✅ 信息完整详细
- ✅ 支持深色主题

**现在你可以清楚地知道每个任务的执行情况了！** 🎯

---

## 📚 相关文档
- `批量任务使用说明.md` - 完整使用教程
- `功能更新-自定义并发数.md` - 并发数设置
- `优化-自动断开连接.md` - 连接管理