Эх сурвалжийг харах

Embed system screenshots in PPT outline

gangvy 3 сар өмнө
parent
commit
b2eb7e16f6

+ 60 - 0
docs/17_PPT汇报大纲与页面设计.md

@@ -219,6 +219,18 @@ ServicePilot 智能客户工单与 SLA 履约管理平台
 - 每张卡片包含模块名称、一个图标、1 句功能说明。
 - 右侧或底部放 2 到 3 张系统页面截图缩略图,例如工作台、工单管理、SLA 页面。
 
+### 系统截图素材(建议放入本页)
+
+本页建议使用 3 张代表性截图,放在页面右侧或底部,用于证明系统已完成实际页面开发。
+
+| 截图 | PPT 中的用途 |
+|---|---|
+| ![工作台页面](../tests/auto_tests/artifacts/AUTO-001-dashboard.png) | 展示系统整体数据看板和业务概览能力 |
+| ![工单管理页面](../tests/auto_tests/artifacts/AUTO-002-tickets.png) | 展示核心业务工单管理能力 |
+| ![SLA 管理页面](../tests/auto_tests/artifacts/AUTO-003-sla.png) | 展示 SLA 履约监控和服务质量管理能力 |
+
+制作 PPT 时不建议三张原图等比例铺满整页,可以裁剪为 16:9 缩略图,分别放在模块矩阵右侧,并保留截图标题。
+
 ### 讲述重点
 
 说明系统页面覆盖了 PRD 中的核心模块,为后续单元、接口、自动化和性能测试提供对象。
@@ -370,6 +382,22 @@ ServicePilot 智能客户工单与 SLA 履约管理平台
   - `tests/auto_tests/artifacts`
   - `tests/auto_tests/reports/auto_test_summary.txt`
 
+### 自动化测试截图证据(建议放入本页)
+
+本页建议至少放 2 到 3 张截图。若 PPT 页空间足够,可以使用 7 张缩略图组成“自动化覆盖页面墙”,体现 Playwright 已覆盖全部关键页面。
+
+| 编号 | 页面截图 | 说明 |
+|---|---|---|
+| AUTO-001 | ![工作台页面](../tests/auto_tests/artifacts/AUTO-001-dashboard.png) | 工作台页面自动化访问通过 |
+| AUTO-002 | ![工单管理页面](../tests/auto_tests/artifacts/AUTO-002-tickets.png) | 工单管理页面自动化访问通过 |
+| AUTO-003 | ![SLA 管理页面](../tests/auto_tests/artifacts/AUTO-003-sla.png) | SLA 页面自动化访问通过 |
+| AUTO-004 | ![知识库页面](../tests/auto_tests/artifacts/AUTO-004-knowledge.png) | 知识库页面自动化访问通过 |
+| AUTO-005 | ![附件管理页面](../tests/auto_tests/artifacts/AUTO-005-files.png) | 附件管理页面自动化访问通过 |
+| AUTO-006 | ![满意度评价页面](../tests/auto_tests/artifacts/AUTO-006-reviews.png) | 满意度评价页面自动化访问通过 |
+| AUTO-007 | ![测试计划页面](../tests/auto_tests/artifacts/AUTO-007-test-plan.png) | 测试计划页面自动化访问通过 |
+
+制作 PPT 时建议优先选择工作台、工单管理、SLA 管理三张截图作为主证据,其余页面可做缩略图或放入备份页。
+
 ### 讲述重点
 
 说明自动化测试不是人工打开页面,而是 Playwright 自动访问、校验 HTTP 状态、生成页面截图。
@@ -845,6 +873,38 @@ GSAP 用于工作台、页面列表、卡片进入和页面过渡等前端交互
 | Locust HTML 报告 | `tests/performance_tests/reports/*.html` | 第 12 页证据 |
 | 综合测试报告 | `0235711-王刚-综合测试报告.docx` | 第 13 页证据 |
 
+### 系统截图完整预览
+
+以下截图均来自自动化测试产物目录 `tests/auto_tests/artifacts/`,可以直接作为 PPT 页面截图或测试证据截图使用。
+
+#### 1. 工作台页面
+
+![工作台页面](../tests/auto_tests/artifacts/AUTO-001-dashboard.png)
+
+#### 2. 工单管理页面
+
+![工单管理页面](../tests/auto_tests/artifacts/AUTO-002-tickets.png)
+
+#### 3. SLA 管理页面
+
+![SLA 管理页面](../tests/auto_tests/artifacts/AUTO-003-sla.png)
+
+#### 4. 知识库页面
+
+![知识库页面](../tests/auto_tests/artifacts/AUTO-004-knowledge.png)
+
+#### 5. 附件管理页面
+
+![附件管理页面](../tests/auto_tests/artifacts/AUTO-005-files.png)
+
+#### 6. 满意度评价页面
+
+![满意度评价页面](../tests/auto_tests/artifacts/AUTO-006-reviews.png)
+
+#### 7. 测试计划页面
+
+![测试计划页面](../tests/auto_tests/artifacts/AUTO-007-test-plan.png)
+
 ## 十、每类页面推荐版式
 
 | 页面类型 | 适用页 | 推荐版式 |