# WorkRecordTool

**Repository Path**: zhangyaoli/WorkRecordTool

## Basic Information

- **Project Name**: WorkRecordTool
- **Description**: 一个极简且美观的电子工作日志工具。
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-09-04
- **Last Updated**: 2025-10-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 电子工作日志使用说明

这是一个追求极简和美观的电子工作日志，帮助你记录每日工作和查看月度统计信息。

本工具是纸质版《工作日志》的电子平替。主要的面向对象是高校师生，用于记录、管理自己的时间，做好科研记录。如果师生或同学之间需要传阅《工作日志》，只需要使用“导出数据”、“导入数据”的功能即可。

只需要将index.html，script.js，和styles.css三个文件下载到你的电脑，使用浏览器打开index.html，就可以使用了。

## 功能概述

本工具包含四个主要功能页面：
- **待办事项**：登记备忘和待办任务
- **每日工作**：记录每天完成的工作内容，支持标签分类
- **月度看板**：以日历形式查看月度工作记录，支持按标签筛选和导出数据
- **设置**：管理自定义标签，支持8种预设颜色

## 界面介绍
![输入图片说明](pics/example1.png)
![输入图片说明](pics/example2.png)
![输入图片说明](pics/example3.png)
![输入图片说明](pics/example4.png)

### 1. 待办事项页面

**功能**：添加、查看和删除待办事项。

**操作说明**：
- 在输入框中输入待办事项内容，点击"添加"按钮或按回车键添加
- 点击待办事项文本可以切换完成状态
- 点击右侧"删除"按钮可以移除待办事项

### 2. 每日工作页面

**功能**：记录当天完成的工作内容，并为每条记录添加分类标签。

**操作说明**：
- 使用日期导航按钮（上一天/下一天/今天）切换日期
- 在标签选择区域点击选择一个标签（再次点击可取消选择）
- 在输入框中输入工作记录内容，点击"添加"按钮或按回车键添加
- 添加后记录会显示在列表中，并包含所选标签的颜色标识
- 点击右侧"删除"按钮可以移除工作记录

### 3. 月度看板页面

**功能**：以日历视图查看整月工作记录，支持按标签筛选和导出数据。

**操作说明**：
- 使用月份导航按钮（上个月/下个月/当前月）切换月份
- 在标签筛选区域选择要查看的标签（可多选）
- 日历网格中会以彩色点显示对应日期的记录情况
- 月度记录列表会显示筛选后的所有记录
- 月度统计区域会显示各类标签的记录数量统计

### 4. 设置页面

**功能**：管理自定义标签，支持8种预设颜色选择。

**操作说明**：
- 在"标签名称"输入框中输入标签名称
- 从8种预设颜色中选择一个颜色（点击切换）
- 点击"添加标签"按钮添加新标签
- 添加的标签会显示在下方列表中，可随时删除
- 点击"导出数据"按钮，将所有工作记录以JSON格式导出并下载到本地
- 点击"导入数据"按钮，选择之前导出的JSON文件，可以恢复所有数据（会覆盖现有数据）

## 标签管理

工具默认提供8种颜色的标签：
- 教学（绿色 #4CAF50）
- 科研（蓝色 #2196F3）
- 兼职（橙色 #FF9800）
- 运动（紫色 #9C27B0）
- 其它（红色 #F44336）
- 待定（青色 #00BCD4）
- 待定（黄色 #FFC107）
- 待定（棕色 #795548）

你可以在设置页面添加、删除自定义标签，但颜色只能从这8种预设颜色中选择。

## 数据存储

工具会自动将你的数据保存在浏览器的本地存储中，关闭页面后数据不会丢失。如果你需要备份或迁移数据，可以使用月度看板页面的"导出数据"功能。

## 使用建议

1. 每天在"每日工作"页面记录你的工作内容，为每条记录选择合适的标签
2. 使用"待办事项"页面记录需要完成的任务，或作为备忘录使用
3. 定期在"月度看板"页面查看你的工作统计，了解自己的工作分布
4. 根据需要在"设置"页面调整标签，使其更符合你的工作分类需求

## 注意事项

- 数据仅保存在本地浏览器中，清除浏览器数据可能导致数据丢失
- 建议定期导出数据进行备份（本地浏览器保存数据约为5MB，一般情况下足够保存几年的数据。建议每月进行数据导出作为备份）
- 支持响应式设计，可以在手机等移动设备上使用

## 开发环境
Windows 11
## 使用环境
1. Windows/Linux/Mac OS
2. 支持网络部署

## 捐助
WorkRecordTool是一个免费开源项目，如果你觉得这个工具对你有用，可以给开发者买杯咖啡或加个鸡腿！

![输入图片说明](pics/WechatCode.jpg)