nVisual可以部署在不同的项目中，但是每个项目都有自己不同的使用场景，有的不需要报表功能，有的不需要监测功能，还有的不需要连接外网的功能等。针对这些不同的需求，有必要且有可使用的机制来满足这些场景。

nVisual使用了css来针对不同的页面元素控制是否显示，替代了有可能出现闪烁、需要满足执行顺序的js配置。现在的隐藏控制大体分为如下几大模块和子模块。

1.登录页

1.1 注册与忘记密码功能

        .accessFormBottom { display: none !important; }

2.视图页面

2.1 菜单 

2.1.1 视图

         #menu .mainMenu-list .mainMenu-item[name="视图"] { display: none !important; }

2.1.2 创建

         #menu .mainMenu-list .mainMenu-item[name="创建"] { display: none !important; }

2.1.3 编辑

         #menu .mainMenu-list .mainMenu-item[name="编辑"] { display: none !important; }

2.1.4 排列

         #menu .mainMenu-list .mainMenu-item[name="排列"] { display: none !important; }

2.1.5 数据

         #menu .mainMenu-list .mainMenu-item[name="数据"] { display: none !important; }

2.1.6 分析

         #menu .mainMenu-list .mainMenu-item[name="分析"] { display: none !important; }

2.1.7 工单

         #menu .mainMenu-list .mainMenu-item[name="工单"] { display: none !important; }

2.1.8 监测

         #menu .mainMenu-list .mainMenu-item[name="监测"] { display: none !important; }

2.1.9 帮助

         #menu .mainMenu-list .mainMenu-item[name="帮助"] { display: none !important; } 

2.2 管理按钮 

2.2.1全局设置

         #menuBodySettingList .item[name="全局设置"] { display: none !important; }

2.2.2权限管理

         #menuBodySettingList .item[name="权限管理"] { display: none !important; }

2.2.3模型库

         #menuBodySettingList .item[name="模型库"] { display: none !important; }

2.2.4日志

         #menuBodySettingList .item[name="日志"] { display: none !important; }

2.2.5报表

         #menuBodySettingList .item[name="报表"] { display: none !important; }

2.3logo

         .diagramPageLogo { display: none !important; }  

2.4 头像

         .diagramPageUserPic { display: none !important; }

 2.5 新手引导

         .beginner-guidance { display: none !important; }           

2.6 地图图层

2.6.1 高德失量地图

         #mapLayer .mapItem[name="高德失量地图"] { display: none !important; }

2.6.2 高德卫星地图

         #mapLayer .mapItem[name="高德卫星地图"] { display: none !important; }

2.6.3 天地图失量地图

         #mapLayer .mapItem[name="天地图失量地图"] { display: none !important; }

2.6.4 天地图卫星地图

         #mapLayer .mapItem[name="天地图卫星地图"] { display: none !important; }

2.6.5 腾讯地图路图

         #mapLayer .mapItem[name="腾讯地图路图"] { display: none !important; }

2.6.6 腾讯失量地图

         #mapLayer .mapItem[name="腾讯失量地图"] { display: none !important; }

2.6.7 超图

         #mapLayer .mapItem[name="超图"] { display: none !important; }

2.6.8时空云

         #mapLayer .mapItem[name="时空云"] { display: none !important; }

2.6.9自定义地图

         #mapLayer .mapItem[name="自定义地图"] { display: none !important; }

3.报表页

3.1 logo

         .reportPageLogo { display: none !important; }  

以上就是各模块现实行的隐藏设置，该文件在企业微盘中在存放，并且里面已经写好部署说明及各项的注释。该配置在今后还会更新，请关注前端发布动态，第一时间可索取最新文件。

文：王剑飞