这是一个基于 Vue3 + Element Plus + TypeScript + Pinia 构建的集团内部OA人事管理系统,适用于中大型企业的人事行政管理工作。
核心功能
1. 组织架构管理
- 部门、岗位、员工信息的增删改查
- 树形结构展示组织架构
- 支持多级部门管理
2. 人事表单
- 员工入职申请表单
- 岗位调动申请表单
- 离职申请表单
- 请假申请表单
- 多级表单联动 + 字段校验
3.考勤管理
- 打卡记录分页展示
- 按日期、部门、状态筛选
- 考勤统计和报表导出
- 支持在线打卡功能
4. 权限管理
- 多角色支持(管理员、人事、经理、员工)
- 动态菜单展示
- 精细化功能权限控制
- 根据后端权限数组自动注册路由
5.数据统计
- ECharts 可视化看板
- 员工趋势分析
- 部门/岗位分布统计
- 性别/学历分布分析
通过以下技术实现前端项目
- **前端框架**: Vue 3.4+
- **UI 组件库**: Element Plus 2.6+
- **状态管理**: Pinia 2.1+
- **路由管理**: Vue Router 4.3+
- **构建工具**: Vite 5.1+
- **图表库**: ECharts 5.5+
- **表格导出**: XLSX
- **类型系统**: TypeScript 5.4+
依托Vue3.4作为核心前端框架,搭配Element Plus搭建页面UI,使用Pinia统一管理全局状态,Vue Router实现页面路由跳转。基于Vite快速构建项目,借助ECharts完成各类数据可视化图表开发,利用XLSX组件实现表格文件导入导出,结合TypeScript为代码增加类型约束,保障项目稳定易维护。