列表列权限控制

针对数据列表的列进行权限控制，控制列的展示与不展示，需要菜单的权限配置与页面代码配置使用控制规则：增加权限控制配置与代码后，配置有效的状态未授权时隐藏，授权时显示

举例： 针对常用示例列表，的用户名字段输入图片说明

权限控制步骤

1. 针对列表列配置权限

  1. 在配置前需要对需要控制的列表权限编码定义一个前缀，规则自己设计，不同的列表定义不同前缀最好不要重复
  2. 例如：定义前缀“testdemo:”  则需要对列表中的name列进行控制，权限编码为，前缀+列字段名 （“testdemo:name”）

在对应的列表页面菜单下配置权限：

输入图片说明

配置说明：

  • 菜单类型：选择“按钮/权限”
  • 授权标识：前缀+列字段名 （“testdemo:name”）
  • 授权策略：选择“显示/访问(授权后显示/可访问)”
  • 状态：选择“有效”

2. 增加页面控制代码

（1）引入工具方法

  1. import { colAuthFilter } from "@/utils/authFilter"

（2）created方法中增加方法调用，根据权限过滤展示的列

  1. created() {
  2.       this.columns = colAuthFilter(this.columns,'testdemo:');
  3.       this.loadData();
  4.     },
  6. 说明：
  7. colAuthFilter方法：
  8. 第一个参数：列表定义的列信息
  9. 第二个参数：列权限控制定义的权限编码前缀“testdemo:”