该项目基于 vue+element-ui 实现前后端分离，用于企业人力资源 管理平台， 分别有 pc 端和移动端。根据不同用于角色设置了管理者，和业务操作员两个工作台。 我负责的模块：我在此项目中主要承担了项目的搭建，基础方法、插件和组件的封装， 我主要负责的模块有，组织管理、核心人事、人工成本三大模块，另外一人主要负责薪酬福利，以及主数据模块开发。 我封装的组件：大量的图表导入导出 使用了 xlsx.js 结合 FileReader api 进行二次封装两个方法进行 excel 的导入导出，同时实现了导入和导出 excel 字段的转换 项目的主要技术栈和技术亮点： 1. 该项目除了基础的 vue 全家桶之外，应用了很多第三方功能插件 2. 应用中所有的缓存，都是使用 cookie ,缓存，这里 使用了 cookie.js 进行二次封装，进行 md 5加密之后在进行缓存。 3. 使用 OrgChart.js 实现公司组织结构图的在线绘制和预览 4. rabc 权限管理系统，基于后端数据库的动态角色鉴权

该系统是一款便捷专业的工程仓库管理软件，基于 react 类组件+Ant Design+ts 。它支持入库管理、项目管理、材料管统计查询、供应商管理等多项管理，可以帮助你轻松记录仓库的全部操作。此外该系统还具有快速辅助录入功能，操作简单易上手。 我负责的模块： 1. 基本信息管理，包含项目信息，人员信息，企业信息等。 2. 入库管理模板，包含功能入库登记，入库检验，入库查询等。 3. 项目材料管理，包含功能材料借用，材料归还，材料查询等。 4.登录，首页，以及权限管理 难点亮点： 1项目当中多次使用到侧边导航栏，该导航栏因多次使用场景不同，功能也有所不同，当时在封装该侧边导航时遇到了很多问题。如不同使用场景的适配，不同场景功能实现等。 2 项目中多处使用表单提交，所以表单组件封装的场景考虑是比较多的，比如表单组件中的日期选择实现，表单的嵌套以及重用的考虑，大量表单数据的收集等。 3 表单组件在项目中是一大难点，同时也是一大亮点，因为表单处理大量数据时需要考虑到性能问题，以及大量数据处理问题等。 4 项目中的数据导出也是一个值得说一说的亮点，因为项目中多处数据具备导出功能，那么不同地方导出的数据字段，参数等也都是不同的，所以导出功能的封装也是项目一大亮点。

这是一个从0到1的开发项目，该项目基于vue3+element-plus。是为一个检测单位所开发的工作进度填报项目；为了减少他们开会汇报工作的时间，使得各级领导层，能够根据自身权限看到所开展的工作情况。 我所负责的是项目的搭建、首页的权限菜单的动态渲染和填报模块以及登录页。 性能优化： 1．在组件卸载的时候，手动在销毁生命周期销毁事件，定时定时器，将子组件中耗时的任务交给组件自己管理，不影响整体页面的加载； 2.在一个项目刚开始的配置路由的时候的我们可以对路由懒加载； 3.使用 vue 内置的缓存组件 keep-alive； 4.对代码的优化的方面，我对功能重复组件和函数进行了封装，后期在维护的只需要找到我们封装的代码去修改就可以了，而不是盲目的去修改代码，可以最大程度的降低维护成本； 5 .图片资源的懒加载。