技术栈:vue2 vuex element-ui Echarts vuex-along
项目简介:后台管理系统主要一个考核绩效系统, 主要功能是实现客户的绩效考核, 分为算分逻辑,流程设计, 考核方式, 人员权限管理, 动态路由.
项目职责:负责前端所有页面渲染, 以及流程展示, 大数据展示, 页面效果.
项目描述:
1.项目使用 Vue2 脚手架搭建项目, 前后端路由可以方便增加修改以及权限控制, 前端路由主要负责普通用户登陆的页面, 后端路由主要是 Hr 等级别高的人员来进行动态渲染的路由, 通过登陆后端返回该人员有那些路由.
2.路由跳转主要通过路由守卫router.beforeEach和nprogress 全局路由守卫主要负责用户登陆成功后后端返回ToKen时效来 进行判断用户登陆是否过期, 每进入一个路由就先判断一次如果过期直接返回登陆页面, nprogress 插件来做路由切换一个 加载的动画
3.与后端进行数据请求时, 前端通过封装 axios 拦截器以`及超时时间, 让每个请求头都带上 ToKen
4.大数据展示一个方案的流程数据,通过封装 Echarts 来实现一