功能文档汇总

# 33-在线办公系统 - 功能说明

# 项目概述

在线办公系统是一个集人力资源管理、考勤打卡、请假审批、任务协作、公告通知、文档管理于一体的综合性企业办公管理平台。采用前后端分离架构,基于Vue 3和Spring Boot技术栈,为企业提供完整的数字化办公解决方案。系统支持部门管理、员工管理、考勤管理、请假审批、任务分配、公告发布、文档共享等全流程办公场景,助力企业实现高效协同办公。

# 项目概览

# ✨ 创新点

# 1. 全流程人力资源管理

  • 组织架构管理:部门层级管理、部门经理配置、员工归属管理。
  • 员工全生命周期:从入职登记、工号分配、部门调配到离职管理全流程追踪。
  • 多维度员工信息:工号、姓名、性别、部门、职位、入职日期、在职状态等完整信息管理。
  • 部门经理制:支持为部门指定经理,建立清晰的管理层级关系。

# 2. 智能化考勤管理系统

  • GPS定位打卡:支持上下班打卡地址记录,防止异地打卡。
  • 自动考勤统计:自动计算工作时长、迟到早退判定、旷工识别。
  • 考勤状态分类:正常、迟到、早退、旷工四种状态自动识别。
  • 异常考勤标注:支持备注异常考勤原因,便于后续查询和统计分析。
  • 考勤数据导出:支持按月度、部门导出考勤数据报表。

# 3. 完善的请假审批流程

  • 多类型请假管理:事假、病假、年假、婚假、产假、陪产假、调休、丧假共8种请假类型。
  • 智能天数控制:每种请假类型设定最大天数限制,自动校验。
  • 证明文件上传:支持上传病假证明、结婚证等相关证明文件。
  • 四级审批状态:待审批→已通过/已拒绝/已撤销,状态流转清晰。
  • 审批意见记录:审批人可填写审批意见,审批时间自动记录。
  • 请假撤销机制:员工可撤销待审批的请假申请。

# 4. 任务协作管理体系

  • 任务分类管理:日常工作、项目开发、Bug修复、需求分析、测试任务、文档编写、系统维护、会议任务8大分类。
  • 任务优先级:低、中、高、紧急四级优先级,合理分配工作重点。
  • 任务进度跟踪:进度百分比实时更新,任务状态(未开始/进行中/已完成/已取消)可视化。
  • 任务评论系统:支持任务评论讨论,团队协作沟通留痕。
  • 发布人-执行人机制:明确任务发布人和执行人,责任清晰。
  • 时间节点管理:开始日期、截止日期、完成时间全记录。

# 5. 公告与文档一体化管理

  • 公告分类发布:公司公告、系统通知、活动通知、会议通知、培训通知、紧急通知、节假日通知、人事通知8大类别。
  • 富文本编辑:支持富文本格式公告内容,图文并茂。
  • 公告置顶功能:重要公告可置顶显示,确保信息触达。
  • 浏览量统计:实时统计公告浏览量,了解信息传播效果。
  • 草稿与发布:支持草稿保存、发布、撤回三种状态管理。
  • 文档中心:技术文档、管理制度、培训资料、项目文档、操作手册、会议纪要6大分类文档库。
  • 文档权限控制:公开/私有文档权限设置,保护敏感信息。
  • 下载浏览统计:文档下载次数、浏览次数实时统计。

# ✨ 项目亮点

# 一、业务功能亮点

  1. 完整的考勤管理闭环:从打卡签到、工时统计、异常识别到数据导出,全流程自动化。
  2. 灵活的请假审批:8种请假类型覆盖所有企业场景,证明文件上传增强审批可信度。
  3. 任务协作高效化:任务分类、优先级、进度跟踪、评论讨论,团队协作效率倍增。
  4. 多维度公告体系:8类公告分类满足企业各种信息发布需求,置顶功能确保重要信息不遗漏。
  5. 文档知识库建设:6大文档分类,支持公开/私有权限,构建企业知识管理体系。
  6. 系统日志审计:所有操作记录日志(登录、新增、修改、删除、审批、上传、下载),可追溯可审计。

# 二、技术实现亮点

  1. 现代化前端技术栈:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1,开发高效体验流畅。
  2. 稳定可靠的后端架构:Spring Boot 3.2.10 + MyBatis Plus 3.5.6,企业级稳定性保障。
  3. 完善的数据库设计:13张核心表,utf8mb4字符集,支持完整业务流程。
  4. 安全性设计:JWT Token认证、密码加密存储、接口权限控制、操作日志审计。
  5. 富文本编辑器集成:WangEditor富文本编辑器,支持公告内容、任务描述的富文本编辑。
  6. 文件上传管理:支持文档上传、证明文件上传、文件大小显示、下载统计。
  7. 代码生成器:集成MyBatis Plus代码生成器,快速生成Entity、Mapper、Service、Controller。

# 三、用户体验亮点

  1. 双端界面设计:
    • 员工前台:水平导航,首页、考勤打卡、请假申请、我的任务、公告查看、文档下载。
    • 管理后台:侧边导航,完整的管理功能,数据统计分析。
  2. 交互优化:
    • 实时数据刷新。
    • 表格分页、搜索、筛选。
    • 日期选择器、时间选择器。
    • 文件上传进度提示。
    • 操作成功/失败消息提示。
  3. 数据可视化:
    • 考勤统计图表(ECharts)。
    • 部门员工分布统计。
    • 请假类型统计分析。
    • 任务完成率展示。
  4. 移动端适配:响应式设计,支持手机、平板等多端访问。

# 管理员

# 系统管理

管理员管理:管理全部管理员账号,支持新增、编辑、删除、启用/禁用操作。

系统日志:查看所有用户的操作日志,包括登录、新增、修改、删除、审批、上传、下载等操作,记录操作人、操作类型、操作模块、操作描述、IP地址、操作时间。

# 组织架构管理

部门管理:管理公司所有部门,包括部门名称、部门描述、部门经理、部门状态(正常/停用)。支持新增、编辑、删除、停用部门。

员工管理:管理全部员工信息,包括工号、用户名、姓名、性别、头像、手机号、邮箱、部门、职位、入职日期、在职状态(在职/离职)。支持新增员工、编辑员工信息、离职处理。

# 考勤管理

考勤记录管理:查看全部员工的考勤记录,包括考勤日期、上班打卡时间、下班打卡时间、打卡地址、工作时长、考勤状态(正常/迟到/早退/旷工)、备注。支持按日期、部门、员工、状态筛选查询。

考勤统计分析:统计各部门考勤情况、异常考勤分析、月度考勤报表。

考勤数据导出:导出考勤记录Excel报表,便于薪资核算。

# 请假管理

请假类型管理:管理请假类型,包括类型名称、最多天数、说明、启用/禁用状态。支持新增、编辑、删除请假类型。

请假申请管理:管理全部员工的请假申请,查看申请人、部门、请假类型、开始日期、结束日期、请假天数、请假事由、证明文件、审批状态。支持审批(通过/拒绝)、填写审批意见。

请假统计分析:统计各部门请假情况、请假类型分布、年假使用率分析。

# 任务管理

任务分类管理:管理任务分类,包括分类名称、排序、启用/禁用状态。支持新增、编辑、删除任务分类。

任务管理:管理全部任务,查看任务标题、分类、内容、优先级、发布人、执行人、开始日期、截止日期、完成进度、任务状态。支持新增任务、编辑任务、删除任务、查看任务详情。

任务评论管理:查看所有任务的评论内容,支持删除不当评论。

# 公告管理

公告分类管理:管理公告分类,包括分类名称、排序、启用/禁用状态。支持新增、编辑、删除公告分类。

公告管理:发布和管理公告,包括标题、分类、富文本内容、封面图片、发布人、浏览量、是否置顶、状态(草稿/已发布/已撤回)、发布时间。支持新增公告(草稿/直接发布)、编辑公告、删除公告、撤回公告、置顶公告。

# 文档管理

文档分类管理:管理文档分类,包括分类名称、父级分类、排序、启用/禁用状态。支持树形结构多级分类。

文档管理:管理文档库,包括文档标题、分类、描述、文件地址、文件大小、文件类型、上传人、下载次数、浏览次数、是否公开、状态(正常/已删除)。支持上传文档、编辑文档信息、删除文档、设置文档权限(公开/私有)。

# 员工

# 个人中心

个人信息:查看和修改个人信息(姓名、头像、手机号、邮箱)。

修改密码:修改登录密码。

# 考勤打卡

上班打卡:员工上班时打卡,记录打卡时间和打卡地址。

下班打卡:员工下班时打卡,记录打卡时间和打卡地址,系统自动计算工作时长。

我的考勤记录:查看个人的考勤记录,包括考勤日期、打卡时间、工作时长、考勤状态、备注。支持按月份筛选查询。

# 请假申请

提交请假申请:

  • 选择请假类型(事假/病假/年假/婚假/产假/陪产假/调休/丧假)
  • 选择开始日期和结束日期,系统自动计算请假天数
  • 填写请假事由
  • 上传证明文件(可选)
  • 提交申请,等待审批

我的请假申请:

  • 查看自己提交的请假申请
  • 查看审批状态(待审批/已通过/已拒绝/已撤销)
  • 查看审批人、审批时间、审批意见
  • 撤销待审批的申请

# 任务管理

我的任务:

  • 查看自己作为执行人的任务列表
  • 查看任务详情(标题、分类、内容、优先级、发布人、开始日期、截止日期)
  • 更新任务进度(0-100%)
  • 更新任务状态(未开始→进行中→已完成)
  • 查看任务评论

任务评论:

  • 对任务发表评论
  • 与发布人沟通任务细节
  • 更新任务进展

发布的任务(如果是任务发布人):

  • 查看自己发布的任务
  • 跟踪任务执行进度
  • 查看执行人更新

# 公告浏览

公告列表:浏览公司发布的公告,按分类筛选(公司公告/系统通知/活动通知/会议通知/培训通知/紧急通知/节假日通知/人事通知)。

公告详情:查看公告完整内容,系统自动增加浏览量。

置顶公告:首页优先展示置顶公告,确保重要信息不遗漏。

# 文档中心

文档浏览:

  • 浏览公开文档列表
  • 按分类筛选(技术文档/管理制度/培训资料/项目文档/操作手册/会议纪要)
  • 搜索文档标题和描述

文档下载:

  • 查看文档详情
  • 下载文档文件
  • 下载次数自动统计

文档上传(如有权限):

  • 上传文档文件
  • 填写文档标题、分类、描述
  • 设置文档权限(公开/私有)

# 功能权限对照表

功能模块 管理员 员工
首页 ✓ ✓
管理员管理 ✓ -
系统日志查看 ✓ -
部门管理 ✓ -
员工管理 ✓ -
考勤记录管理(全部) ✓ -
考勤打卡 - ✓
我的考勤记录 - ✓
请假类型管理 ✓ -
请假申请审批 ✓ -
提交请假申请 - ✓
我的请假申请 - ✓
任务分类管理 ✓ -
任务管理(全部) ✓ -
我的任务 - ✓
任务评论管理 ✓ -
任务评论发布 - ✓
公告分类管理 ✓ -
公告发布管理 ✓ -
公告浏览 ✓ ✓
文档分类管理 ✓ -
文档管理 ✓ -
文档浏览下载 ✓ ✓
文档上传(部分员工) ✓ ✓(有权限)
个人信息修改 ✓ ✓
修改密码 ✓ ✓

# 默认账号

# 管理员

用户名: admin
密码: 123456
1
2

# 测试管理员

用户名: superadmin
密码: 123456
昵称: 超级管理员
1
2
3
用户名: manager
密码: 123456
昵称: 系统管理员
1
2
3
用户名: hr_admin
密码: 123456
昵称: 人事管理员
1
2
3
用户名: finance_admin
密码: 123456
昵称: 财务管理员
1
2
3

# 测试员工

用户名: zhangsan
密码: 123456
工号: EMP001
姓名: 张三
部门: 技术部
职位: 开发工程师
1
2
3
4
5
6
用户名: lisi
密码: 123456
工号: EMP002
姓名: 李四
部门: 人事部
职位: 人事专员
1
2
3
4
5
6
用户名: wangwu
密码: 123456
工号: EMP003
姓名: 王五
部门: 技术部
职位: 高级开发工程师
1
2
3
4
5
6

# 核心业务流程

# 员工注册入职流程

1. 管理员在"员工管理"模块新增员工
2. 填写员工基本信息(工号、用户名、密码、姓名、性别)
3. 填写联系方式(手机号、邮箱)
4. 选择所属部门和职位
5. 设置入职日期
6. 状态设为"在职"
7. 员工可使用用户名和密码登录系统
1
2
3
4
5
6
7

# 考勤打卡流程

1. 员工上班时进入"考勤打卡"页面
2. 点击"上班打卡",记录打卡时间和地址
3. 系统判断是否迟到(超过9点为迟到)
4. 员工下班时点击"下班打卡",记录打卡时间和地址
5. 系统自动计算工作时长(下班时间-上班时间)
6. 系统判断是否早退(早于18点为早退)
7. 如果当天未打卡,次日自动标记为"旷工"
8. 考勤记录自动保存,管理员可查看和统计
1
2
3
4
5
6
7
8

# 请假申请审批流程

1. 员工进入"请假申请"页面
2. 选择请假类型(事假/病假/年假/婚假/产假/陪产假/调休/丧假)
3. 选择开始日期和结束日期
4. 系统自动计算请假天数,校验是否超过该类型最大天数
5. 填写请假事由
6. 上传证明文件(病假需上传病假证明,婚假需上传结婚证等)
7. 提交申请,状态变为"待审批"
8. 管理员在"请假申请管理"中查看申请
9. 管理员审批:
   - 通过:填写审批意见,状态变为"已通过"
   - 拒绝:填写拒绝原因,状态变为"已拒绝"
10. 员工可在"我的请假申请"中查看审批结果
11. 如需撤销,员工可撤销待审批的申请(状态变为"已撤销")
1
2
3
4
5
6
7
8
9
10
11
12
13

# 任务分配执行流程

1. 任务发布人(管理员或项目经理)进入"任务管理"
2. 新增任务:
   - 填写任务标题和内容
   - 选择任务分类(日常工作/项目开发/Bug修复等)
   - 设置优先级(低/中/高/紧急)
   - 选择执行人(从员工列表中选择)
   - 设置开始日期和截止日期
   - 初始进度为0%,状态为"未开始"
3. 任务创建完成,执行人可在"我的任务"中看到
4. 执行人开始工作:
   - 将状态改为"进行中"
   - 根据进展更新进度(如30%、60%、80%)
   - 在任务评论中更新工作进展
5. 发布人跟踪任务:
   - 查看任务进度
   - 查看任务评论
   - 必要时调整截止日期或优先级
6. 执行人完成任务:
   - 进度更新为100%
   - 状态改为"已完成"
   - 系统记录完成时间
7. 如任务取消,可将状态改为"已取消"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# 公告发布查看流程

1. 管理员进入"公告管理"
2. 新增公告:
   - 填写公告标题
   - 选择公告分类(公司公告/系统通知/活动通知等)
   - 使用富文本编辑器编辑公告内容
   - 上传封面图片(可选)
   - 选择是否置顶
   - 选择状态:
     * 草稿:保存但不发布
     * 已发布:立即发布
3. 如选择"草稿",后续可编辑并发布
4. 公告发布后,系统记录发布时间
5. 员工在前台"公告列表"中看到新公告
6. 置顶公告显示在列表顶部
7. 员工点击公告查看详情,浏览量+1
8. 管理员可查看公告浏览量统计
9. 如需撤回,管理员可将状态改为"已撤回"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 文档上传下载流程

1. 文档管理员进入"文档管理"
2. 上传文档:
   - 填写文档标题
   - 选择文档分类(技术文档/管理制度/培训资料等)
   - 填写文档描述
   - 上传文档文件(PDF/DOCX/XLSX/PPTX等)
   - 系统自动记录文件大小和类型
   - 设置是否公开(公开/私有)
   - 状态默认为"正常"
3. 文档上传成功,记录上传人和上传时间
4. 员工在"文档中心"浏览文档:
   - 可查看所有公开文档
   - 按分类筛选
   - 搜索文档标题
5. 员工点击文档查看详情,浏览次数+1
6. 员工下载文档文件,下载次数+1
7. 管理员可查看文档下载统计和浏览统计
8. 管理员可将不需要的文档状态改为"已删除"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 技术说明

# 系统架构

  • 前端:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1
  • 后端:Spring Boot 3.2.10 + MyBatis Plus 3.5.6
  • 数据库:MySQL 5.7+
  • 认证:JWT Token
  • 富文本编辑器:WangEditor 5.1.14

# 访问地址

  • 后端API:http://localhost:1000
  • 前端页面:http://localhost:5173(开发环境)

# 数据库

  • 数据库名:a_33_online_office_system
  • 字符集:utf8mb4
  • 总表数:13张表

# 核心表说明

  • admin:管理员表
  • employee:员工表
  • department:部门表
  • attendance:考勤记录表
  • leave_application:请假申请表
  • leave_type:请假类型表
  • task:任务表
  • task_category:任务分类表
  • task_comment:任务评论表
  • notice:公告表
  • notice_category:公告分类表
  • document:文档表
  • document_category:文档分类表
  • system_log:系统日志表

# 主要依赖版本

前端依赖:

  • Vue 3.4.29
  • Element Plus 2.8.4
  • Vite 5.3.1
  • Axios 1.7.5
  • ECharts 5.5.1
  • WangEditor 5.1.14
  • Pinia 2.2.2
  • Vue Router 4.4.3

后端依赖:

  • Spring Boot 3.2.10
  • MyBatis Plus 3.5.6
  • MySQL Connector 8.0.31
  • JWT 0.9.1
  • Hutool 5.7.20
  • Fastjson 2.0.53
  • Lombok(最新)

# 系统特色

# 考勤管理特色

  • 智能打卡识别:自动判断迟到、早退、旷工状态
  • 工时自动计算:系统自动计算工作时长(小时)
  • 打卡地址记录:GPS定位记录打卡地址,防止异地打卡
  • 考勤数据导出:支持导出Excel报表,便于薪资核算
  • 异常考勤备注:支持对异常考勤进行备注说明

# 请假管理特色

  • 8种请假类型:覆盖企业所有请假场景(事假、病假、年假、婚假、产假、陪产假、调休、丧假)
  • 天数智能控制:每种类型设定最大天数,自动校验
  • 证明文件上传:支持上传病假证明、结婚证等文件,增强审批可信度
  • 审批流程完整:待审批→已通过/已拒绝/已撤销,状态流转清晰
  • 审批意见记录:审批人可填写审批意见,便于沟通

# 任务管理特色

  • 8大任务分类:日常工作、项目开发、Bug修复、需求分析、测试任务、文档编写、系统维护、会议任务
  • 四级优先级:低、中、高、紧急,合理分配工作重点
  • 进度可视化:进度百分比实时更新,任务状态清晰
  • 任务评论系统:团队成员可在任务中评论讨论,沟通留痕
  • 时间节点管理:开始日期、截止日期、完成时间全记录

# 公告系统特色

  • 8类公告分类:公司公告、系统通知、活动通知、会议通知、培训通知、紧急通知、节假日通知、人事通知
  • 富文本编辑:支持图文并茂的公告内容
  • 公告置顶:重要公告可置顶,确保信息触达
  • 浏览量统计:实时统计公告浏览量
  • 草稿功能:支持保存草稿,后续编辑发布

# 文档管理特色

  • 6大文档分类:技术文档、管理制度、培训资料、项目文档、操作手册、会议纪要
  • 树形分类结构:支持多级分类,便于文档组织
  • 权限控制:公开/私有文档权限设置
  • 下载浏览统计:文档下载次数、浏览次数实时统计
  • 多格式支持:支持PDF、DOCX、XLSX、PPTX等多种文件格式

# 系统安全特色

  • 操作日志审计:所有操作记录系统日志,可追溯可审计
  • JWT Token认证:基于Token的无状态认证,安全高效
  • 密码加密存储:用户密码加密存储,保障账户安全
  • 接口权限控制:不同角色访问不同接口,权限分明
  • IP地址记录:系统日志记录操作IP地址,增强安全性

# 项目优势

# 1. 解决企业办公痛点

  • 考勤管理数字化:告别纸质考勤,自动化统计分析
  • 请假审批线上化:无需纸质审批单,随时随地提交审批
  • 任务协作透明化:任务进度实时可见,团队协作高效
  • 信息发布便捷化:公告即时发布,员工及时获知
  • 知识管理体系化:文档集中管理,方便查阅和分享

# 2. 提升办公效率

  • 减少沟通成本:任务评论、请假审批线上完成,减少面对面沟通
  • 数据自动统计:考勤、请假、任务等数据自动统计,无需人工整理
  • 信息快速传达:公告置顶、消息提醒,重要信息不遗漏
  • 文档快速检索:文档分类清晰,搜索方便,快速找到所需资料
  • 移动办公支持:响应式设计,手机端可随时处理办公事务

# 3. 技术实现完善

  • 前后端分离:开发效率高,维护方便,扩展性强
  • 响应式设计:适配电脑、平板、手机多端
  • 安全认证:JWT Token,保障账户和数据安全
  • 数据库设计规范:13张表,关系清晰,数据完整
  • 代码生成器:MyBatis Plus代码生成器,快速开发新功能

# 4. 用户体验优秀

  • 界面简洁美观:Element Plus组件库,界面现代化
  • 操作简单流畅:流程清晰,操作便捷
  • 实时反馈:操作结果即时提示,数据实时刷新
  • 数据可视化:ECharts图表展示,数据一目了然
  • 多端适配:PC端、移动端都能流畅使用
Java导航网   |