子表行字段的禁用和隐藏控制

最后更新于: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) 用户授权后,退出**重新登录**,即可查看和编辑对应字段
';