# 🚀 应用运行功能 - 快速测试指南

## 📍 访问路径

1. 登录系统
2. 点击顶部导航 **"AI作物模型"**
3. 点击左侧菜单 **"模型应用中心"** → **"应用生成"**

## ✅ 测试清单

### 1️⃣ 运行按钮检查
- [ ] 每个应用卡片底部有蓝色"运行"按钮
- [ ] 按钮文字：▶ 运行
- [ ] 按钮占据主要位置，易于点击

### 2️⃣ 运行折线图应用

**应用**：智能灌溉策略生成

**步骤**：
1. 点击"智能灌溉策略生成"卡片的 **"运行"** 按钮
2. 查看对话框标题：✓ "运行应用：智能灌溉策略生成"
3. 查看应用信息：
   - 类型：智能灌溉
   - 模型：灌溉优化模型 v2.1.0
   - 输出：📈 折线图
4. 填写输入参数：
   ```
   土壤湿度: 45
   温度: 25
   降水预报: 10
   作物类型: 小麦
   生长阶段: 拔节期
   ```
5. 点击 **"执行运行"** 按钮
6. 等待2秒，观察加载动画
7. **查看结果**：
   - [ ] 显示折线图
   - [ ] 有7个数据点（第1天~第7天）
   - [ ] 有网格线、坐标轴
   - [ ] 有蓝色线条
   - [ ] 显示"✅ 应用运行成功！结果已生成。"
8. 关闭对话框
9. 检查应用卡片：
   - [ ] 执行次数 +1（从1850变为1851）
   - [ ] 最后运行时间已更新

### 3️⃣ 运行饼状图应用

**应用**：精准施肥智能推荐

**步骤**：
1. 点击"精准施肥智能推荐"卡片的 **"运行"** 按钮
2. 填写输入参数：
   ```
   N含量: 120
   P含量: 80
   K含量: 150
   作物品种: 玉米
   pH值: 6.5
   ```
3. 点击 **"执行运行"**
4. **查看结果**：
   - [ ] 显示饼状图
   - [ ] 有4个扇区（优秀、良好、一般、较差）
   - [ ] 4种颜色：蓝、绿、橙、红
   - [ ] 有百分比标签
   - [ ] 有图例

### 4️⃣ 运行表格应用

**应用**：病虫害智能预警

**步骤**：
1. 点击"病虫害智能预警"卡片的 **"运行"** 按钮
2. 填写输入参数：
   ```
   作物图像: wheat-001.jpg
   温湿度: 28,75
   历史病害记录: 无
   ```
3. 点击 **"执行运行"**
4. **查看结果**：
   - [ ] 显示表格
   - [ ] 有表头：序号、项目、数值、状态
   - [ ] 有5行数据
   - [ ] 数据包含：土壤湿度、温度、光照强度、pH值、N含量

### 5️⃣ 验证输入验证

**测试必填验证**：
1. 打开任意应用的运行对话框
2. **不填写**任何输入参数
3. 直接点击 **"执行运行"**
4. **预期结果**：
   - [ ] 显示错误提示：❌ "请填写完整的输入参数：xxx、xxx"
   - [ ] 应用不会运行

### 6️⃣ 测试运行中状态

1. 填写完整参数
2. 点击"执行运行"
3. **立即观察**（2秒内）：
   - [ ] 按钮变为"运行中..."
   - [ ] 有旋转的加载图标
   - [ ] 输入框变为禁用状态（灰色）
   - [ ] 按钮变为禁用状态
4. 等待2秒后：
   - [ ] 按钮恢复为"执行运行"
   - [ ] 输入框恢复可编辑
   - [ ] 显示结果

### 7️⃣ 测试多次运行

1. 运行一次应用，查看结果
2. **不关闭对话框**
3. 修改输入参数
4. 再次点击"执行运行"
5. **预期结果**：
   - [ ] 可以再次运行
   - [ ] 显示新的结果（随机数据会不同）
   - [ ] 执行次数再 +1

## 🎯 核心功能验证

### ✅ 必须通过的测试
1. [ ] **运行按钮** 在所有应用卡片上可见
2. [ ] **对话框** 能正常打开和关闭
3. [ ] **输入字段** 根据应用动态生成
4. [ ] **必填验证** 工作正常
5. [ ] **加载状态** 正确显示
6. [ ] **折线图** 正确渲染
7. [ ] **饼状图** 正确渲染
8. [ ] **表格** 正确渲染
9. [ ] **统计更新** 执行次数和时间正确
10. [ ] **成功提示** 显示

## 📊 预期输出示例

### 折线图
```
     100 ┤           ╭─╮
      90 ┤      ╭────╯ ╰╮
      80 ┤   ╭──╯       │
      70 ┤╭──╯           │
      60 ┤│              ╰─
      50 ┤╯
         └┬──┬──┬──┬──┬──┬─
         第1 第2 第3 第4 第5 第6 第7
          天 天 天 天 天 天 天
```

### 饼状图
```
      ╭────────────╮
    ╱   优秀 45%    ╲
   │                 │
   │  良好 30%       │
   │                 │
    ╲  一般 18%     ╱
      ╰─────────╯
         较差 7%
```

### 表格
```
┌────┬──────────┬──────────┬────────┐
│序号│   项目    │   数值    │  状态  │
├────┼──────────┼──────────┼────────┤
│ 1  │ 土壤湿度  │  52.3%   │  正常  │
│ 2  │   温度    │  24.5°C  │  正常  │
│ 3  │ 光照强度  │ 23450 Lux│  正常  │
│ 4  │  pH值    │   6.8    │  适宜  │
│ 5  │  N含量   │ 135 mg/kg│  充足  │
└────┴──────────┴──────────┴────────┘
```

## 🐛 常见问题排查

### Q1: 点击运行按钮没反应？
**A**: 强制刷新浏览器（Ctrl+Shift+R）

### Q2: 对话框无法关闭？
**A**: 点击对话框外部区域或"关闭"按钮

### Q3: 图表不显示？
**A**: 检查是否有运行成功提示，确认结果已生成

### Q4: 输入参数无法修改？
**A**: 确保应用未在运行中（等待2秒完成）

### Q5: 统计没有更新？
**A**: 关闭运行对话框后查看应用卡片

## 🎨 界面检查点

### 运行按钮样式
- ✅ 背景色：蓝色 (#3b82f6)
- ✅ 文字：白色
- ✅ 图标：▶ PlayCircle
- ✅ 位置：卡片底部第一个按钮
- ✅ 宽度：flex-1（占据主要空间）

### 对话框样式
- ✅ 最大宽度：max-w-5xl（很宽）
- ✅ 最大高度：90vh（可滚动）
- ✅ 标题图标：▶ PlayCircle 蓝色
- ✅ 应用信息：蓝色渐变卡片
- ✅ 输入区：绿色图标
- ✅ 输出区：紫色图标
- ✅ 成功提示：绿色卡片

### 图表样式
- ✅ 折线图：蓝色线条，2px宽度
- ✅ 饼状图：4种颜色扇区
- ✅ 表格：清晰的表头和边框
- ✅ 文字：灰色背景卡片

## 📝 测试报告模板

```
测试日期：____________________
测试人员：____________________

功能测试：
□ 运行按钮 - 通过 / 失败
□ 对话框打开 - 通过 / 失败
□ 输入验证 - 通过 / 失败
□ 折线图 - 通过 / 失败
□ 饼状图 - 通过 / 失败
□ 表格 - 通过 / 失败
□ 统计更新 - 通过 / 失败

问题记录：
_________________________________
_________________________________

总体评价：□ 优秀  □ 良好  □ 需改进
```

## 🎉 测试完成

完成以上所有测试项后，应用运行功能即验证通过！

---

**最后更新**: 2024-10-23  
**版本**: v1.0
