点击空白处退出提示
作品详情
批,任务分发以及完成进度,成员每日汇报列表及统计,部门分类,权限管理。
三、负责模块: 部门和对应成员列表,权限管理。
(1)根据后台提供的api拉取到所有的部门列表,部门成员以抽屉形式展示列表,展示成员基本信息,打卡次数统计,实
际出勤天数等等,同时支持在pc后台对成员信息进行编辑(涉及到权限),无权限账号只能查看成员信息。
(2)权限管理模块根据RBAC思想,分为:页面的访问权,按钮的操作权和api的调用权,在后台中有单独的路由页面来
控制子账号应该具有的权限,该项目中只涉及到页面的访问权和按钮的操作券,对于页面权限,在账号登录之后,会从后台
返回该账号具有的页面权限和按钮操作权限,存储到store中,依赖addRouter函数来实现在静态路由后添加新的动态路由,
拿到账号所有页面权限之后,在静态路由中筛选出符合权限的路由,添加到路由表中。对于按钮的操作权限,前端通过自定
义指令实现,在instace中,可以获取到绑定自定义指令的dom元素,通过遍历之前获取到的用户操作按钮权限,不存在就
隐藏或者禁用按钮点击。
四、技术栈: Vue2,Axios,Vue-Router,Vuex,element-ui
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论