新鑫信息平台产品系统

适用于中型制造企业的员工全生命周期管理场景。该企业拥有3个生产基地、500+员工，存在部门层级多、人员流动频繁、考勤与权限管理分散等问题。人员后台管理系统需实现员工信息管理（入职/离职/调岗流程线上化）、组织架构管理（多部门层级配置、角色权限分配）、考勤数据统计（对接打卡设备，自动生成考勤报表）、薪资核算辅助（关联考勤与绩效数据，支撑财务部门核算）等核心功能。前端开发需适配企业内网多终端（PC端为主、平板端辅助），保障数据录入便捷性与页面加载效率，同时满足企业对数据安全性的要求（如操作日志留存、敏感信息脱敏展示）

1. 员工信息管理模块：支持员工基础信息（姓名、岗位、部门、联系方式等）的新增、编辑、删除与批量导入导出，关联员工入职材料、劳动合同、社保公积金缴纳记录等附件，实现员工从入职到离职的全流程信息追溯；2. 组织架构与权限管理模块：可视化展示企业部门层级结构，支持部门新增、合并、拆分操作；基于RBAC模型配置角色权限，细化到菜单访问、按钮操作（如审批、删除）权限，保障不同岗位人员仅能查看操作对应范围数据；3. 考勤管理模块：对接企业打卡设备（指纹/人脸/刷卡），自动同步考勤数据，支持请假、加班、出差申请与审批流程线上化，自动统计迟到、早退、旷工情况，生成月度/季度考勤报表供财务核算参考；4. 薪资辅助模块：关联考勤数据与绩效评分，预设不同岗位薪资核算模板，支持薪资明细录入、调整与核算结果预览，生成薪资条并支持在线推送；5. 数据统计与报表模块：可视化展示员工数量、部门分布、考勤达标率、人员流动率等核心数据，支持自定义报表维度与导出格式，为企业人力资源决策提供数据支撑；6. 系统管理模块：包含操作日志记录（全量记录用户操作行为）、数据备份与恢复、账号密码重置、系统参数配置等功能，保障系统稳定安全运行。

基于 React + Ant Design + Create React App 构建前端项目，采用 Redux Toolkit 进行状态管理，Axios 实现前后端接口请求，配合后端完成系统全功能开发与落地，具体实现细节如下：1. 员工信息管理模块：采用 Ant Design Table 组件实现员工信息列表展示，支持多条件筛选、排序与分页；基于 Upload 组件实现入职材料等附件上传与预览，通过 Excel.js 实现员工信息批量导入导出；封装表单组件实现员工信息新增/编辑，通过路由守卫与接口权限控制，实现离职员工信息只读、在职员工信息可编辑的差异化权限管控，保障信息追溯安全性。2. 组织架构与权限管理模块：使用 Tree 组件可视化展示部门层级结构，支持拖拽调整部门顺序与归属；基于 RBAC 模型设计权限体系，通过 Checkbox 组组件实现角色-菜单-按钮权限的精细化配置，封装权限高阶组件（如 withPermission），实现不同角色页面元素的动态渲染，确保权限管控精准落地。3. 考勤管理模块：对接后端考勤设备数据接口，实现考勤记录实时同步与列表展示；采用 Steps 组件设计请假/加班/出差申请流程，通过 Modal 组件实现审批弹窗交互；基于 ECharts 封装图表组件，实现考勤达标率、迟到早退统计等数据可视化，支持报表导出为 Excel/PDF 格式，适配财务核算需求。4. 薪资辅助模块：通过 Form 组件搭建薪资核算表单，关联考勤与绩效数据接口，实现数据自动联动填充；预设多套岗位薪资模板，支持模板切换与自定义编辑；基于 Message 组件实现薪资核算结果提示，通过 PDF.js 生成并预览薪资条，对接后端接口实现薪资条在线推送功能。5. 数据统计与报表模块：整合 ECharts 实现折线图、柱状图、饼图等多种图表展示，覆盖员工分布、考勤达标率等