该项目是一款基于SaaS平台的人力资源管理系统，企业通过该系统可以完成公司的员工管理，公司组织架构管理，权限管理（工资、社保、考勤）等，为企业的人力资源管理提供一站式解决问题。技术栈：是在 vue-element-admin 基础模板上，进行了功能的扩展和项目的二次开发，利用 Vue全家桶 element组件库 自带功能组件(Excel导入导出等）。我在项目中负责发开登录、主页、组织结构、员工管理模块。登录：结合业务需要，实现样式修改，设置Rules校验函数，对手机号和密码实现校验。主页：（1）获取token并用vuex存储，根据token设置路由守卫处理主页的访问权限； （2）用el-dropdown axios异步请求及封装 vuex 自定义指令 token超时设置，设置主页导航/头部内容样式及获取信息； （3）首页页面结构：使用vuex el-calendar 过滤器 插槽封装工作日历组件，使用echarts封装雷达图图表显示在首页；组织结构模块：显示公司的组织架构树（公司—一级部门—二级部门—三级部门），实现新增、编辑、删除子部门（1）利用el-tree组件，实现结构层渲染，结合slot插槽，渲染数据内容。（2）采用对象键值对的特点，封装方法，实现对tree真实数据的替换和渲染。（3）利用es6中的模块化特点，配合async与await封装对部门数据的增加，删除，新增，编辑功能。（4）利用Vue组件中的子父组件传值的方式，实现对Dialog弹框优化。员工管理：支持员工信息的查看、编辑、新增与删除，支持员工信息的Excel导出（1）按照组件封装逻辑，实现工具栏通用组件的业务封装，并注册到全局使用。（2）定义根据字段进行排序，结合slot-scope，及prop属性，实现升序和降序排列。（3）封装分页组件逻辑代码，实现员工管理表格数据中的分页展示效果。（4）通过el-table-column的formatter属性绑定聘用格式化函数，安装day.js实现日期格式化处理。（5）利用xlsx插件，通过组件注册的方式拓展为全局插件，实现对表格数据的批量导出。