ccdi/doc/test-scripts/test_project_index_checklist.md

# 项目管理首页测试检查清单

## 测试环境

- **测试日期**: 2026-02-27
- **测试人员**: [填写姓名]
- **前端地址**: http://localhost:80
- **后端地址**: http://localhost:8080
- **测试账号**: admin / admin123

---

## 一、搜索功能测试

### 1.1 项目名称搜索

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 输入搜索 | 在搜索框输入"测试" | 可以正常输入 | | ☐ |
| 点击搜索 | 点击"搜索"按钮 | 表格过滤显示包含"测试"的项目 | | ☐ |
| 回车搜索 | 在搜索框按回车 | 表格过滤显示包含"测试"的项目 | | ☐ |
| 清空输入 | 点击搜索框清空按钮 | 搜索框内容清空 | | ☐ |

### 1.2 状态筛选

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 选择"进行中" | 点击状态下拉选择"进行中" | 只显示状态为"进行中"的项目 | | ☐ |
| 选择"已完成" | 点击状态下拉选择"已完成" | 只显示状态为"已完成"的项目 | | ☐ |
| 选择"已归档" | 点击状态下拉选择"已归档" | 只显示状态为"已归档"的项目 | | ☐ |
| 清空状态 | 点击状态下拉的清空按钮 | 显示所有状态的项目 | | ☐ |

### 1.3 组合搜索

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 名称+状态 | 输入项目名并选择状态 | 同时过滤两个条件 | | ☐ |
| 切换条件 | 修改搜索条件 | 实时更新过滤结果 | | ☐ |

### 1.4 重置功能

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 重置搜索 | 输入条件后点击"重置" | 搜索框清空，状态下拉清空 | | ☐ |
| 显示全部 | 重置后检查列表 | 显示所有项目，分页重置为第1页 | | ☐ |

---

## 二、操作按钮测试

### 2.1 进行中项目 (status = '0')

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 按钮显示 | 找到"进行中"项目 | 只显示"进入项目"按钮 | | ☐ |
| 隐藏其他 | 检查操作列 | 不显示"查看结果"、"重新分析"、"归档" | | ☐ |
| 点击进入 | 点击"进入项目"按钮 | 显示提示"进入项目: [项目名]" | | ☐ |
| 控制台日志 | 检查浏览器控制台 | 输出 "进入项目:" + 项目对象 | | ☐ |

### 2.2 已完成项目 (status = '1')

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 按钮显示 | 找到"已完成"项目 | 显示"查看结果"、"重新分析"、"归档" | | ☐ |
| 隐藏进入 | 检查操作列 | 不显示"进入项目"按钮 | | ☐ |
| 点击查看 | 点击"查看结果" | 显示提示"查看项目结果: [项目名]" | | ☐ |
| 点击重新分析 | 点击"重新分析" | 显示提示"正在重新分析项目: [项目名]" | | ☐ |
| 点击归档 | 点击"归档" | 弹出归档确认对话框 | | ☐ |
| 控制台日志 | 检查浏览器控制台 | 输出对应的操作日志 | | ☐ |

### 2.3 已归档项目 (status = '2')

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 按钮显示 | 找到"已归档"项目 | 只显示"查看结果"按钮 | | ☐ |
| 隐藏其他 | 检查操作列 | 不显示其他按钮 | | ☐ |
| 点击查看 | 点击"查看结果" | 显示提示"查看项目结果: [项目名]" | | ☐ |
| 控制台日志 | 检查浏览器控制台 | 输出 "查看结果:" + 项目对象 | | ☐ |

---

## 三、视觉测试

### 3.1 表头样式

| 测试项 | 预期样式 | 实际样式 | 通过 |
|--------|---------|---------|------|
| 背景色 | #f5f5f5 (浅灰色) | | ☐ |
| 文字颜色 | #333 (深灰色) | | ☐ |
| 字体粗细 | 600 (粗体) | | ☐ |
| 字体大小 | 14px | | ☐ |
| 行高 | 48px | | ☐ |
| 内边距 | 12px | | ☐ |

### 3.2 表格行样式

| 测试项 | 预期样式 | 实际样式 | 通过 |
|--------|---------|---------|------|
| 行高 | 50px | | ☐ |
| 内边距 | 12px | | ☐ |
| 边框 | 底部 1px solid #f0f0f0 | | ☐ |
| 字体大小 | 14px | | ☐ |
| 文字颜色 | #333 | | ☐ |

### 3.3 悬停效果

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 行悬停 | 鼠标移到表格行 | 背景色变为 #f5f5f5 | | ☐ |
| 过渡效果 | 观察背景变化 | 平滑过渡，0.3s | | ☐ |
| 按钮悬停 | 鼠标移到操作按钮 | 颜色变深，出现下划线 | | ☐ |

### 3.4 状态列样式

| 测试项 | 预期样式 | 实际样式 | 通过 |
|--------|---------|---------|------|
| 列宽 | 160px | | ☐ |
| 居中对齐 | center | | ☐ |
| 标签颜色 - 进行中 | el-tag type="primary" (蓝色) | | ☐ |
| 标签颜色 - 已完成 | el-tag type="success" (绿色) | | ☐ |
| 标签颜色 - 已归档 | el-tag type="info" (灰色) | | ☐ |

### 3.5 操作按钮样式

| 测试项 | 预期样式 | 实际样式 | 通过 |
|--------|---------|---------|------|
| 按钮类型 | text (文字按钮) | | ☐ |
| 默认颜色 | #1890ff (蓝色) | | ☐ |
| 悬停颜色 | #096dd9 (深蓝色) | | ☐ |
| 悬停装饰 | 下划线 | | ☐ |
| 内边距 | 0 8px | | ☐ |
| 图标 | el-icon-* 系列图标 | | ☐ |

### 3.6 项目名称列样式

| 测试项 | 预期样式 | 实际样式 | 通过 |
|--------|---------|---------|------|
| 项目名称字体 | 14px, 粗体 (600) | | ☐ |
| 项目名称颜色 | #303133 | | ☐ |
| 描述字体 | 12px, 普通 | | ☐ |
| 描述颜色 | #909399 | | ☐ |
| 文字溢出 | 省略号显示 | | ☐ |

---

## 四、响应式测试

### 4.1 1366x768 分辨率

| 测试项 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|------|
| 整体布局 | 页面正常显示，无错位 | | ☐ |
| 表格宽度 | 自适应容器宽度 | | ☐ |
| 横向滚动 | 出现横向滚动条，可正常滚动 | | ☐ |
| 操作列 | 固定在右侧，始终可见 | | ☐ |
| 分页器 | 正常显示，无换行 | | ☐ |

### 4.2 1920x1080 分辨率

| 测试项 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|------|
| 整体布局 | 页面充分利用空间 | | ☐ |
| 表格宽度 | 自适应容器宽度 | | ☐ |
| 列宽分配 | 各列宽度合理，无挤压 | | ☐ |
| 操作列 | 固定在右侧，宽度 200px | | ☐ |

### 4.3 表格滚动

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 垂直滚动 | 滚动表格内容 | 流畅，无卡顿 | | ☐ |
| 水平滚动 | 缩小窗口宽度测试 | 操作列固定，其他列可滚动 | | ☐ |
| 滚动条样式 | 检查滚动条 | 使用系统默认样式 | | ☐ |

---

## 五、网络请求和控制台测试

### 5.1 网络请求检查

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 列表请求 | 页面加载时 | GET /ccdi/project/list | | ☐ |
| 请求参数 | 查询时 | 包含 pageNum, pageSize, projectName, status | | ☐ |
| 响应格式 | 检查响应 | { rows: [], total: 0 } | | ☐ |
| 响应时间 | 检查网络 | 小于 500ms | | ☐ |

### 5.2 控制台日志检查

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| JavaScript 错误 | 执行所有操作 | 无 JS 错误 | | ☐ |
| Vue 警告 | 执行所有操作 | 无 Vue 警告 | | ☐ |
| 事件日志 | 点击操作按钮 | 输出对应的 console.log | | ☐ |
| API 日志 | 查看网络请求 | 请求参数和响应正常 | | ☐ |

---

## 六、边界情况测试

### 6.1 空数据测试

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 无项目数据 | 数据库无项目时 | 表格显示"暂无数据" | | ☐ |
| 搜索无结果 | 搜索不存在的项目名 | 表格显示"暂无数据" | | ☐ |

### 6.2 特殊字符测试

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 特殊字符搜索 | 输入特殊字符 (<>&"'`) | 正常搜索，无XSS | | ☐ |
| 空格搜索 | 输入多个空格 | 正常处理 | | ☐ |

### 6.3 长文本测试

| 测试项 | 操作步骤 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|---------|------|
| 长项目名 | 项目名超过50字符 | 显示省略号 | | ☐ |
| 长描述 | 描述超过100字符 | 显示省略号 | | ☐ |

---

## 七、性能测试

### 7.1 加载性能

| 测试项 | 预期结果 | 实际结果 | 通过 |
|--------|---------|---------|------|
| 首次加载时间 | < 1s | | ☐ |
| 搜索响应时间 | < 500ms | | ☐ |
| 页面渲染时间 | < 300ms | | ☐ |

### 7.2 大数据量测试

| 测试项 | 测试数据量 | 预期结果 | 实际结果 | 通过 |
|--------|-----------|---------|---------|------|
| 100条数据 | 100个项目 | 流畅显示 | | ☐ |
| 500条数据 | 500个项目 | 流畅显示 | | ☐ |
| 分页切换 | 切换到第2页 | < 500ms | | ☐ |

---

## 八、测试总结

### 8.1 测试统计

- **总测试用例**: [填写总数]
- **通过用例**: [填写通过数]
- **失败用例**: [填写失败数]
- **通过率**: [计算百分比]

### 8.2 发现的问题

#### 问题1: [问题标题]
- **严重程度**: [高/中/低]
- **复现步骤**:
  1.
  2.
  3.
- **预期结果**:
- **实际结果**:
- **截图**:
- **修复建议**:

#### 问题2: [问题标题]
- **严重程度**: [高/中/低]
- **复现步骤**:
  1.
  2.
  3.
- **预期结果**:
- **实际结果**:
- **截图**:
- **修复建议**:

### 8.3 测试结论

- [ ] 所有测试用例通过，可以上线
- [ ] 存在少量问题，修复后可以上线
- [ ] 存在严重问题，需要重新开发

### 8.4 测试人员签字

- **测试人员**: [签名]
- **测试日期**: [日期]
- **审核人员**: [签名]
- **审核日期**: [日期]