TAB权限控制和懒加载

1.基本功能

1.基本功能

1.1.tab权限控制

1.1.tab权限控制

1.1.1.描述

该案例实现通过权限配置来控制界面的显示与否,表关系为AB表,即主表+从表+关联表+孙子表。

1.1.2.效果图展示

tab08

tab09
1.2.懒加载

1.2.懒加载

2.2.1.描述

页面懒加载主要是指多tab页的情况下,可以设置默认不自动加载,当点击该tab页时再去加载显示

2.2.2.效果图展示

tab10
1.3.TAB页关闭提示配置

1.3.TAB页关闭提示配置

页面中存在懒加载时,修改了懒加载页面数据,关闭标签未提示问题
2.配置方法

2.配置方法

2.1.tab权限控制

2.1.tab权限控制

1.在页面列表中找到“新增、编辑、修改”页面,点击编辑,进入可视化布局,找到需要被隐藏的tab页栅格;

TAB01

2.在栅格列表中找到需要进行权限控制的tab页的数据,进入编辑,下拉,新增容器事件,其中“执行内容”填写一个不存在的方法地址;

tab06

 

3.在业务系统的系统管理-功能权限中添加该路径的权限

TAB05

4.添加该权限到对应的业务对象查看按钮权限下,且不勾选

tab07

5.保存,单个角色缓存刷新,退出重新登录即可看到效果
2.2.懒加载

2.2.懒加载

1.在对应业务对象的页面列表栅格界面,找到对应tab页的栅格,进入编辑,设置页签的生成方式为“页签使用懒加载”。

tab11

tab12

2.生成代码,找到对应的业务对象编辑、查看页对应的js文件,找到对应的懒加载地址。

tab13

3.在业务系统–功能权限中,添加对应的懒加载权限

tab14

4.在角色管理中将权限加到对应的业务对象管理权限下即可。

tab15
2.3.TAB页关闭提示配置

2.3.TAB页关闭提示配置

1.IndexModule.js
$scope.closeTab方下里修改相应画框的代码
tab提示

2.需更新此文件
/static/app/service/RuleServiceConstructor.js

TAB提示2

3.需重新生成页面代码

如果手工修改代码需要在下面的几个地方中加入代码
修改过代码记录:

表格内新增和表单内编辑
1)
TAB提示3

2)
tab提示4

3)

tab5

3.常用扩展

3.常用扩展


4.版本更新

4.版本更新