项目介绍:匹配绿跑app的ToB后台管理系统,可供管理者管理赛事、管理用户、管理报名、管理订单、录入成绩、查看数据,实现对整套赛事流程的把控;有首页设置、启动页设置等方便管理者对app显示做克星话调整;有系统管理模块对管理者内部设置菜单和数据权限,做到权限管控。
负责任务:主要负责报名管理、成绩管理、数据管理、系统管理的开发。
技术栈:vue全家桶,elementUI,E charts,axios,vue-draggable
难点及解决:
1. 证书模板处,客户想要足够灵活度,能够自己上传证书背景图,编辑证书上文案,自主调整文案位置,最终使用vue-draggable插件,实现客户随意拖动在图片上的文案,调整文案位置。
2. 系统模块中,原定使用vue的自定义指令实现按钮级权限控制(也是绝大多数后台管理系统中使用的方式),发现当表格中也有权限按钮时,出现按钮显示错位的情况,后使用v-show解决问题。
3. 系统模块中,给角色分配权限,使用elementUI的tree组件使用,但客户想要全选子项的时候父项选上,子项全不选的时候,也可以单选父项,以便只给这个角色某一菜单的查看权,不