ccdi/assets/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 测试人员签字

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