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