子表行字段的禁用和隐藏控制
最后更新于:2022-04-02 07:15:58
子表行字段的禁用和隐藏控制
===
>[info] 此用法,可以同时实现行编辑字段的隐藏控制和禁用控制。
> `友情提示:配置不生效的话,退出重新登录再测试。`
支持行组件:j-editable-table、j-vxe-table
#### 一、用法
(1)页面引入工具js
```
import { colAuthFilterJEditableTable } from "@/utils/authFilter"
```
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/53/11/531147c721a01e7db54caa0221c00cea_604x234.png)
(2)通过权限处理行编辑的字段集合 columns
```
created() {
this.ccTouSuProductTable.columns = colAuthFilterJEditableTable(this.ccTouSuProductTable.columns,'cc:main:user:formlist:');
},
```
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/b3/4a/b34a5ef765cdfab5feb4ced87be7524f_1080x229.png)
#### 二、权限配置
##### 1.禁用字段配置
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/40/c3/40c3b600ace3035fb168f794c61f1b40_714x595.png)
##### 2.隐藏字段配置
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/1b/7b/1b7b9e330ed37773c71b80faa8a2c7c7_673x559.png)
#### 三、查看效果
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/0f/4f/0f4f6a0b594c92ed805b675f354c4da9_1325x482.png)
用户授权后,退出**重新登录**,即可查看和编辑对应字段
';