tab页签如何根据权限进行显示隐藏

仪表板中的tab页签，如何根据权限进行显示或者隐藏

function main(page: IPage, portlet: IStaticTabsPortlet) {

     // 获取当前用户

    var userService =  jsloader.imports("bof.usermanager.UserService").getInstance();

    var currentUser = userService.getCurrentUser();

    var allRoles = userService.getAllRolesOfUser(currentUser.id); 

    // 获取所有角色名称

    var roleNames = []

    for (var i = 0; i < allRoles.length; i++) {

        roleNames = roleNames.concat(allRoles.name)

    }

    // 角色为【指定角色】，设置销售业绩排名按人员展示

    if (roleNames.indexOf('指定角色') > -1) {

        portlet.setActiveTabName("按人员")



        let otherPortlet1: IEChartsPortlet = page.getPortletsByTitle('销售业绩排名1')[0] // 按部门

        otherPortlet1.hide()

        let otherPortlet2: IEChartsPortlet = page.getPortletsByTitle('销售业绩排名2')[0] // 按人员

        otherPortlet2.show()

    }

}

可以参考下，如果组件多，建议还是分不同页面，维护简单。

描述一下使用场景呗

楼上的备选方案我实现过，难度不高，但是架构设计起来比较复杂，有需要嘛

我也觉得分为不同的页面好，仅这一个页面还好说，换个体量，如果人多了，权限分类多了，组件内容多了，通过每个组件的宏不好控制，牵一发而动全身