Git Product home page Git Product logo

nires-frontend's Introduction

nires-frontend

小型人事管理系统前端

需求,使用范围

不用说,任何企业都需要一个人事管理系统来完成所有的人员管理,部门管理等记录工作。我这个系统针对的就是社会上一些小微型公司,他们的公司规模可能不是很大,他们不需要这个人事管理系统很多很复杂的功能,但是如果有一个这样的系统对整个公司人事管理来说,也平添一些方便便捷。

这个系统的使用对象可能是公司的人事经理,更有可能是该公司或者集团的老板本人(毕竟是小微企业,可能没有很多的人力去做人事管理)。本系统本着“至简为本”的原则,为小型公司提供尽可能精简,易于操作的功能体验。

系统功能模块梳理

本系统的开发思路流程主要参考一名员工在进入一个公司前后的整个生命周期。

1. 招聘管理

但凡是一个人事管理系统,一定和员工打交道,而员工的肯定是有员工的招入

1.1 面试管理

在这个子模块下,我打算采用人事部门经理(或者所有使用本系统的管理员)制定面试计划,然后在现实中完成面试后,再次登录系统,完成面试的审核(通过/不通过)

涉及到的数据表:nr_interview

两栏布局

在两栏之前,有一个添加面试的大按钮!

  • 面试计划

    在这个栏目中主要显示人事经理制定的所有面试计划,管理员可以对面试信息进行修改或者删除。

    需要注意的是,如果制定的面试计划预期超过当前的时间,将会强制放入到另一个模块:面试处理中

  • 面试记录

    在这个栏目中,可以查看之前的面试记录,同时可删除记录

1.2 面试处理

在这个模块页面中显示所有超过了面试时间的面试记录,管理员可以提交面试结果(通过/不通过),之后面试记录将被放入到“面试记录”中。

如果管理员选择了“通过”,则会弹出用于注册新员工的模态框。

涉及的数据表:nr_staff

2. 人事管理

这里主要是展示公司中的部门信息,员工信息,对应于员工生命周期中的在职阶段

2.1 部门管理

涉及到的数据表:nr_department, nr_position

公司部门信息和旗下岗位的数据展示,岗位需要显示基本工资,可进行部门、岗位删除和岗位薪水等基本信息的修改

2.2 人员管理

涉及的数据表:nr_staff,nr_staff_detail

员工信息的展示,员工的基本信息(如姓名,年龄,籍贯等)的改变

考虑到某些小公司可能有经人介绍(不走面试流程)快速将人才纳入的需求,设置直接添加员工的按钮

3. 人事变动

这里主要是人员信息的变动,比如职位改变,部门改变,薪水变化。对应于员工生命周期的升职阶段或离职阶段。

涉及的数据表:nr_staff

3.1 职薪管理

主要功能就是更改员工的职位信息和薪水的数值

3.2 离职管理(已删除)

对于这个模块,本人在开发后期觉得没有必要专门为这一个模块设立一个页面板块(毕竟小公司,想开哪个员工都是很随便的,没有什么预警什么的,而且这里我也没有设这样的功能),所以在这里就将离职去掉,直接在人员管理中实现删人。

主要功能就是对员工进行裁剪(删除该员工信息)

4. 系统管理

4.1 用户管理

主要就是对管理员用户的账号管理,可以修改当前用户密码,增加管理员用户,删除管理员用户。

5. 仪表盘统计

  1. 首先是一个巨幕

  2. 然后将展示两个图表:

    • 柱状图展示每个部门的应聘人数

    • 饼图展示每个部门的人数

采用echarts展示图表

扩展方向

  • 员工绩效信息模块

    对应于员工的在职工作阶段。

    本系统主要服务对象为人事部门经理,在后期可以结合员工端开发的相应打卡绩效登记系统。将数据进行共享,并在本系统中添加一个模块用于显示所有员工的考勤记录,最终人事经理也可以在本系统中查看各个员工的考勤等信息。

nires-frontend's People

Contributors

rogerskelamen avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.