根据用户权限控制页面按钮和表单是否只能查看和可编辑

Question

就是如果用户只有查看内容的权限，那么系统所有页面按钮和表单全部设为只读的项目用的vue和iview 请问有什么方便点的操作吗？谢谢

Answer 1

如果麻烦点做，用户登录完后肯定已知权限，按钮和表单设为只读，所有事件触发都加入用户权限，比如一个优惠券的编辑事件是

couponFunc () {  if (sessionStorage.userPower != 1) { //假设权限为1是只读
      ...
  }
}

这么做肯定是麻烦，但是我觉得你说的‘所有页面按钮和表单全部设为只读的’,你左侧的导航栏肯定是可以点吧，要么他不是只读，是只能看到首屏的数据，不能做任何切换
所以另一种方案是在导航栏的右侧(数据展示部分)追加一层model层，当用户权限为只读的时候