开发技术:Vue+Vuex+axios+element-ui
该系统为某公司企业内部办公管理系统,办公事务管理提供了一个系统和规范内部管理平台,大致分为信息展示、项目管理、考勤管理、绩效管理、薪资管理等模块,方便公司内部的人员、项目等信息的管理,同时采用了数据可视化,可以清晰地展示数据的走向。
技术要点:• 请求接口获取用户权限,实现页面鉴权,根据用户权限添加路由进行页面跳转,根据不同权限展现不同权限范围内模块。
• 路由懒加载,keep-alive 实现不活动组件和 vue-router的缓存等。
• 对员工信息进行数据列表的渲染,导出数据表格,搜索按钮,数据分页。添加,编辑,移除,查看详情。
• 通过路由后置钩子形成面包屑,实现鉴权按钮等。
• 使用 echarts 结合项目需求对相应数据进行可视化设计,员工考勤率、绩效数据、项目进度等。
• 将员工数据导出成excel。
• 为了减少请求,搜索时使用防抖优化。
点击空白处退出提示
评论