历史资料说明：本文保留用于版本、制作或技术历史查阅，不作为沐霖 V4.5.0 当前产品功能说明。当前产品以项目工时记录、审核和统计为核心，任务相关功能已移除。

📸 使用指南截图清单

截图说明

本文档列出了需要截取的真实界面截图清单，请按照要求截图并保存到指定位置。

一、创建项目

1. 项目列表页面

文件名: project-list-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 搜索框和搜索按钮
- ✅ "新增项目"按钮（绿色）
- ✅ 项目数据表格（至少3条数据）
- ✅ 表格列：序号、项目名称、开始时间、计划结束时间、状态、操作
- ✅ 操作列的"编辑"和"删除"按钮
分辨率: 1920x1080 或更高
格式: PNG
备注: 确保数据清晰可见，不要模糊

2. 项目创建表单

文件名: project-create-form-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 新增项目弹窗/页面
- ✅ 所有表单字段：
  - 项目名称（必填）
  - 开始时间（必填）
  - 计划结束时间（可选）
  - 项目状态下拉框
  - 项目描述
- ✅ 提交和取消按钮
分辨率: 1920x1080 或更高
格式: PNG

二、创建任务

3. 任务列表页面

文件名: task-list-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 项目选择器
- ✅ 任务列表表格
- ✅ 任务信息：任务名称、状态、负责人、开始时间、结束时间
- ✅ "新增任务"按钮
- ✅ 操作列（编辑、删除）
分辨率: 1920x1080 或更高
格式: PNG

4. 任务创建表单

文件名: task-create-form-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 新增任务弹窗
- ✅ 所有表单字段：
  - 任务名称
  - 任务描述
  - 负责人
  - 开始时间
  - 计划结束时间
  - 任务状态
- ✅ 提交和取消按钮
分辨率: 1920x1080 或更高
格式: PNG

三、普通工时填报

5. 工时填报日历视图

文件名: hour-fill-calendar-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 日历视图布局
- ✅ 日期单元格
- ✅ 已填报日期的标识
- ✅ 导航按钮（上一月、下一月、今天）
分辨率: 1920x1080 或更高
格式: PNG

6. 普通工时填报表单

文件名: normal-hour-fill-form-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 填报弹窗
- ✅ 表单字段：
  - 日期
  - 项目选择
  - 工时数
  - 工作记录/备注
- ✅ 提交和取消按钮
分辨率: 1920x1080 或更高
格式: PNG

四、任务工时填报

7. 任务工时填报表单

文件名: task-hour-fill-form-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 填报弹窗
- ✅ 表单字段：
  - 日期
  - 项目选择
  - 任务选择
  - 工作类型（开发/测试/设计等）
  - 工时数
- ✅ 提交和取消按钮
分辨率: 1920x1080 或更高
格式: PNG

五、我的周报/月报

8. 周报统计卡片

文件名: weekly-report-cards-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 4个统计卡片：
  - 统计时间
  - 总工时
  - 已审核
  - 未审核
- ✅ 卡片中的图标和数据
分辨率: 1920x1080 或更高
格式: PNG

9. 周报工时筛选和表格

文件名: weekly-report-filter-table-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 搜索表单：
  - 开始时间、结束时间选择器
  - 工时类型筛选（全部/普通工时/任务工时）
  - 搜索、重置、本周、上周按钮
- ✅ 工时明细表格
- ✅ 任务工时区块（含展开图标）
- ✅ 普通工时区块
- ✅ 审核状态标签
分辨率: 1920x1080 或更高
格式: PNG

10. 周报展开详情

文件名: weekly-report-expand-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 展开后的任务详情
- ✅ 任务列表
- ✅ 工作类型明细（开发、测试等）
- ✅ 每种工作类型的工时
分辨率: 1920x1080 或更高
格式: PNG

六、工时审核

11. 审核列表页面

文件名: hour-review-list-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 搜索筛选条件
- ✅ 审核列表表格
- ✅ 审核状态标签（待审核/已通过/已驳回）
- ✅ 审核操作按钮（通过/驳回）
分辨率: 1920x1080 或更高
格式: PNG

12. 审核详情页面

文件名: hour-review-detail-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 工时详情信息
- ✅ 审核操作区域
- ✅ 审核意见输入框
- ✅ 通过/驳回按钮
分辨率: 1920x1080 或更高
格式: PNG

七、数据统计

13. 数据统计概览

文件名: data-statistics-overview-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 统计图表（柱状图、饼图等）
- ✅ 统计卡片
- ✅ 时间范围选择器
分辨率: 1920x1080 或更高
格式: PNG

14. 项目工时统计

文件名: project-hour-statistics-screenshot.png
存放位置: /docs/public/images/guide/
截图内容:
- ✅ 项目工时排行
- ✅ 工时分布图表
- ✅ 数据表格
分辨率: 1920x1080 或更高
格式: PNG

截图工具推荐

Windows 系统

Snipaste (推荐)
- 快捷键：F1
- 支持标注、贴图
- 下载：https://www.snipaste.com/
微信截图
- 快捷键：Alt + A
- 方便快捷
系统自带
- 快捷键：Win + Shift + S
- Windows 10/11 自带

截图技巧

截图前清理浏览器不必要的标签页
使用浏览器的无痕模式，避免插件干扰
调整浏览器窗口到合适大小
确保数据清晰可见
截图后检查是否有敏感信息（如真实姓名、手机号等）

截图完成后

将截图文件保存到 /docs/public/images/guide/ 目录
按照清单中的文件名命名
通知我更新文档，将 SVG 示意图替换为真实截图

当前进度

序号	章节	状态	备注
1	创建项目	🟡 SVG已生成，待截图	2张截图
2	创建任务	🔴 待处理	2张截图
3	普通工时填报	🔴 待处理	2张截图
4	任务工时填报	🔴 待处理	1张截图
5	我的周报/月报	🟡 SVG已生成，待截图	3张截图
6	工时审核	🔴 待处理	2张截图
7	数据统计	🔴 待处理	2张截图

总计: 14张截图 已完成: 0张 进行中: 5张（SVG示意图已生成） 待开始: 9张

联系方式

截图完成后，请告诉我，我会立即更新文档！