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

📸 真实界面截图指南

📋 截图清单（共7张）

序号	页面	文件名	存放位置	状态
1	项目列表	`project-list.png`	`docs/public/images/guide/`	⏳ 待截取
2	任务列表	`task-list.png`	`docs/public/images/guide/`	⏳ 待截取
3	工时填报	`hour-fill.png`	`docs/public/images/guide/`	⏳ 待截取
4	任务工时填报	`task-hour-fill.png`	`docs/public/images/guide/`	⏳ 待截取
5	我的周报	`weekly-report.png`	`docs/public/images/guide/`	⏳ 待截取
6	工时审核	`hour-review.png`	`docs/public/images/guide/`	⏳ 待截取
7	数据统计	`data-statistics.png`	`docs/public/images/guide/`	⏳ 待截取

🎯 每张截图的详细要求

1️⃣ 项目列表页面 (`project-list.png`)

访问路径: 项目管理 → 项目列表

截图内容要求:

✅ 页面标题"项目管理"
✅ 搜索框和搜索按钮
✅ "新增项目"按钮（绿色）
✅ 项目数据表格（至少3条数据）
- 项目编码
- 项目名称
- 项目负责人
- 项目状态
- 创建时间
✅ 操作列（编辑、删除按钮）

截图技巧:

确保表格数据完整可见
如果数据太多，截取前3-5条即可
确保操作按钮清晰可见

2️⃣ 任务列表页面 (`task-list.png`)

访问路径: 任务管理 → 任务列表

截图内容要求:

✅ 项目选择器（下拉框）
✅ 搜索框和筛选条件
✅ "新增任务"按钮
✅ 任务数据表格（至少3条数据）
- 任务名称
- 负责人
- 任务状态（待开始/进行中/已完成）
- 优先级（高/中/低）
- 开始时间
- 计划结束时间
✅ 操作列（编辑、删除、查看详情）

截图技巧:

先选择一个有任务的项目
确保不同状态的任务都有展示
优先级标签颜色要清晰

3️⃣ 工时填报页面 (`hour-fill.png`)

访问路径: 工时管理 → 我的工时

截图内容要求:

✅ 日历视图或列表视图
✅ 工时类型选择（普通工时/任务工时）
✅ 填报表单或添加工时按钮
✅ 已填报的工时记录（至少2条）
- 日期
- 项目
- 工时数
- 工作记录/备注
✅ 提交/保存按钮

截图技巧:

建议截取列表视图（信息更完整）
确保包含普通工时记录
展示不同类型的工时数据

4️⃣ 任务工时填报页面 (`task-hour-fill.png`)

访问路径: 工时管理 → 我的工时 → 新增任务工时

截图内容要求:

✅ 项目选择器（已选择项目）
✅ 任务下拉列表（已选择任务）
✅ 工作类型选择（开发/测试/设计等）
✅ 工时数输入框（已填写数字）
✅ 日期选择器（已选择日期）
✅ 提交按钮

截图技巧:

展示填报表单的完整状态
确保所有字段都有示例数据
突出显示工作类型选择器

5️⃣ 我的周报页面 (`weekly-report.png`)

访问路径: 工时管理 → 我的周报

截图内容要求:

✅ 时间范围选择器
- 快捷按钮（本周、上周）
- 自定义日期选择
✅ 工时类型筛选（全部/普通工时/任务工时）
✅ 4个统计信息卡片
- 统计时间
- 总工时
- 已审核
- 未审核
✅ 任务工时区块（含展开功能）
- 项目名称
- 填报日期
- 审核状态
- 任务详情
- 汇总工时
✅ 普通工时区块
- 项目名称
- 填报日期
- 审核状态
- 工时记录
- 汇总工时

截图技巧:

确保4个统计卡片都完整可见
至少展开一个任务工时记录，显示工作类型明细
如果数据太多，可以适当缩小浏览器窗口

6️⃣ 工时审核页面 (`hour-review.png`)

访问路径: 工时管理 → 工时审核

截图内容要求:

✅ 待审核工时列表（至少2条）
- 填报人
- 日期
- 项目
- 工时数
- 审核状态（待审核-橙色）
✅ 审核操作区域
- 工时详情展示
- 审核意见输入框
- 通过按钮（绿色）
- 驳回按钮（红色）
✅ 已审核工时列表
- 已通过记录（绿色标签）
- 已驳回记录（红色标签）
✅ 批量审核功能（复选框）

截图技巧:

确保有待审核和已审核的数据
展示审核操作的完整界面
如果可能，展开一条记录显示详情

7️⃣ 数据统计页面 (`data-statistics.png`)

访问路径: 数据统计 → 工时统计

截图内容要求:

✅ 统计维度选择
- 每日工时统计
- 项目工时统计
- 人员工时统计
- 工时类型分布统计
✅ 时间范围筛选器
✅ 图表展示区域
- 柱状图（每日工时趋势）
- 饼图（项目工时分布）
- 或其他图表
✅ 数据导出按钮
✅ 统计表格或数据卡片

截图技巧:

确保图表清晰可见
展示至少一种图表类型
如果有多个tab，截取默认显示的tab

🛠️ 截图工具推荐

Windows 系统

推荐1: Snipaste（强烈推荐）⭐

下载: https://www.snipaste.com/
快捷键: F1 开始截图
优势:
- 免费、轻量、快速
- 支持矩形、窗口截图
- 自动识别窗口边界
- 可直接保存为PNG

推荐2: 微信截图

快捷键: Alt + A
优势: 方便，无需额外安装
保存: 截图后点击保存按钮

推荐3: 系统自带截图工具

快捷键: Win + Shift + S
优势: 系统内置，无需安装
保存: 截图后点击通知保存

📐 截图规范

分辨率建议

推荐: 1920x1080 或更高
最小: 1366x768
格式: PNG（无损压缩）

浏览器建议

推荐: Chrome / Edge 最新版本
缩放: 100%（不要缩放）
全屏: 不要全屏，保留浏览器地址栏（方便识别URL）

数据准备

✅ 确保每个页面都有真实数据
✅ 至少准备3-5条记录
✅ 展示不同的状态（如已审核、待审核等）
✅ 如果有敏感信息，可以适当打码

🎨 截图质量检查

截图完成后，请检查：

✅ 清晰度

文字是否清晰可读
图标是否清晰可见
颜色是否正确显示

✅ 完整性

是否包含所有要求的元素
是否有截断或不完整的内容
按钮和链接是否完整

✅ 准确性

数据是否真实有效
状态是否正确显示
功能是否正常可用

📝 截图步骤

标准流程

登录系统
- 使用测试账号登录
- 确保有足够的测试数据
进入目标页面
- 点击左侧菜单导航
- 等待页面完全加载
调整视图
- 展开必要的区域
- 滚动到合适的位置
- 确保关键元素可见
开始截图
- 使用截图工具（如 Snipaste）
- 框选目标区域
- 检查截图内容
保存文件
- 使用正确的文件名（见清单）
- 保存到指定位置
- 格式选择 PNG
验证文件
- 打开图片检查质量
- 确认文件名正确
- 确认存放位置正确

💡 截图技巧

通用技巧

关闭无关窗口 - 保持桌面整洁
隐藏个人信息 - 如有必要，使用马赛克
统一风格 - 所有截图使用相同的浏览器和缩放比例
多次尝试 - 不满意可以重新截取

表格截图技巧

横向滚动 - 确保所有列都可见
纵向滚动 - 截取前3-5条即可，不需要全部
展开状态 - 如果有展开功能，至少展开一条记录

表单截图技巧

填写示例数据 - 不要截取空白表单
展示选择状态 - 下拉框要选择内容
错误提示 - 如有必要，展示验证错误提示

🚀 快速截图检查清单

截图时，逐项勾选：

项目列表

[ ] 页面标题可见
[ ] 搜索框可见
[ ] 新增按钮可见
[ ] 至少3条数据
[ ] 操作列可见

任务列表

[ ] 项目选择器可见
[ ] 搜索框可见
[ ] 新增按钮可见
[ ] 至少3条数据
[ ] 不同状态展示

工时填报

[ ] 视图类型可见（日历/列表）
[ ] 工时类型选择可见
[ ] 至少2条记录
[ ] 提交按钮可见

任务工时填报

[ ] 项目选择可见
[ ] 任务选择可见
[ ] 工作类型选择可见
[ ] 工时输入可见
[ ] 提交按钮可见

我的周报

[ ] 时间选择器可见
[ ] 类型筛选可见
[ ] 4个统计卡片可见
[ ] 任务工时区块可见
[ ] 普通工时区块可见
[ ] 至少展开一条记录

工时审核

[ ] 待审核列表可见
[ ] 审核操作区可见
[ ] 已审核列表可见
[ ] 通过/驳回按钮可见
[ ] 批量审核功能可见

数据统计

[ ] 统计维度选择可见
[ ] 时间筛选器可见
[ ] 图表展示可见
[ ] 导出按钮可见

📂 文件组织

截图完成后，文件结构应该是：

docs/public/images/guide/
├── create-project-flow.svg          ✅ 已有
├── project-list-ui.svg              ✅ 已有
├── create-task-flow.svg             ✅ 已有
├── hour-fill-flow.svg               ✅ 已有
├── task-hour-fill-flow.svg          ✅ 已有
├── weekly-report-cards.svg          ✅ 已有
├── hour-review-flow.svg             ✅ 已有
├── data-statistics-overview.svg     ✅ 已有
├── project-list.png                 ⏳ 待截取
├── task-list.png                    ⏳ 待截取
├── hour-fill.png                    ⏳ 待截取
├── task-hour-fill.png               ⏳ 待截取
├── weekly-report.png                ⏳ 待截取
├── hour-review.png                  ⏳ 待截取
└── data-statistics.png              ⏳ 待截取

🎯 截图完成后

截图完成后，您可以：

告诉我截图完成 - 我会帮您更新文档，将真实截图插入
检查截图质量 - 如果发现截图不清晰，可以重新截取
补充说明 - 如果有特殊情况，可以告诉我

🆘 常见问题

Q: 截图太大怎么办？

A: 可以适当缩小浏览器窗口，但不要缩放页面（保持100%）

Q: 数据不够怎么办？

A: 先在系统中创建一些测试数据，确保每个页面都有足够的示例

Q: 有敏感信息怎么办？

A: 可以使用图片编辑工具（如画图、Snipaste）添加马赛克

Q: 截图后如何保存？

A: 使用截图工具保存为PNG格式，保存到 docs/public/images/guide/ 目录

📞 需要帮助？

如果在截图过程中遇到任何问题，随时告诉我，我会协助您解决！

祝您截图顺利！ 🎉

📸 真实界面截图指南 ​

📋 截图清单（共7张） ​

🎯 每张截图的详细要求 ​

1️⃣ 项目列表页面 (project-list.png) ​

2️⃣ 任务列表页面 (task-list.png) ​

3️⃣ 工时填报页面 (hour-fill.png) ​

4️⃣ 任务工时填报页面 (task-hour-fill.png) ​

5️⃣ 我的周报页面 (weekly-report.png) ​

6️⃣ 工时审核页面 (hour-review.png) ​

7️⃣ 数据统计页面 (data-statistics.png) ​

🛠️ 截图工具推荐 ​

Windows 系统 ​

推荐1: Snipaste（强烈推荐）⭐ ​

推荐2: 微信截图 ​

推荐3: 系统自带截图工具 ​

📐 截图规范 ​

分辨率建议 ​

浏览器建议 ​

数据准备 ​

🎨 截图质量检查 ​

✅ 清晰度 ​

✅ 完整性 ​

✅ 准确性 ​

📝 截图步骤 ​

标准流程 ​

💡 截图技巧 ​

通用技巧 ​

表格截图技巧 ​

表单截图技巧 ​

🚀 快速截图检查清单 ​

项目列表 ​

任务列表 ​

工时填报 ​

任务工时填报 ​

我的周报 ​

工时审核 ​

数据统计 ​

📂 文件组织 ​

🎯 截图完成后 ​

🆘 常见问题 ​

Q: 截图太大怎么办？ ​

Q: 数据不够怎么办？ ​

Q: 有敏感信息怎么办？ ​

Q: 截图后如何保存？ ​

📞 需要帮助？ ​

📸 真实界面截图指南

📋 截图清单（共7张）

🎯 每张截图的详细要求

1️⃣ 项目列表页面 (`project-list.png`)

2️⃣ 任务列表页面 (`task-list.png`)

3️⃣ 工时填报页面 (`hour-fill.png`)

4️⃣ 任务工时填报页面 (`task-hour-fill.png`)

5️⃣ 我的周报页面 (`weekly-report.png`)

6️⃣ 工时审核页面 (`hour-review.png`)

7️⃣ 数据统计页面 (`data-statistics.png`)

🛠️ 截图工具推荐

Windows 系统

推荐1: Snipaste（强烈推荐）⭐

推荐2: 微信截图

推荐3: 系统自带截图工具

📐 截图规范

分辨率建议

浏览器建议

数据准备

🎨 截图质量检查

✅ 清晰度

✅ 完整性

✅ 准确性

📝 截图步骤

标准流程

💡 截图技巧

通用技巧

表格截图技巧

表单截图技巧

🚀 快速截图检查清单

项目列表

任务列表

工时填报

任务工时填报

我的周报

工时审核

数据统计

📂 文件组织

🎯 截图完成后

🆘 常见问题

Q: 截图太大怎么办？

Q: 数据不够怎么办？

Q: 有敏感信息怎么办？

Q: 截图后如何保存？

📞 需要帮助？