nVisual前端配置文件

自定义接口

---

1. 描述

   此配置文件作用是自定义连接后台服务器的地址。

2. 文件位置

   dist/config/api.js

3. 字段说明

   diagramApiHost：除了报表页面的所有接口host地址。

   reportApiHost：报表页面接口host地址。

   reportAdapterHost：报表适配器地址。

   websocketHost：websocket地址。

   apiDocHost：api文档地址。

4. 举例说明

   • 以调用cloud服务为例（host地址需为cloud nginx转发后的地址, 此例旨在说明调用远程用nginx作转发的服务器）

     window.nvisualApi = {
     diagramApiHost: ‘https://cloud.nvisual.com/diagramApi’,
     reportApiHost: ‘https://cloud.nvisual.com/diagramApi’,
     reportAdapterHost: ‘https://cloud.nvisual.com/reportAdapter’,
     websocketHost: ‘wss://cloud.nvisual.com/diagramApi’,
     apiDocHost: ‘https://cloud.nvisual.com/apidoc’
     }

   • 以调用本地服务端口8081为例（host地址为本地或远程服务地址（不要使用localhost和127.0.0.1，除非只是本机在使用）, 此例旨在说明调用没有用nginx作转发的服务器）

     本机IP为 10.10.2.56

     window.nvisualApi = {
     diagramApiHost: ‘http://10.10.2.56:8081’, （如果只是本机’http://localhost:8081’或’http://127.0.0.1:8081’, 以下相同）
     reportApiHost: ‘http://10.10.2.56:8081’,
     reportAdapterHost: ‘http://10.10.2.56:8081’,
     websocketHost: ‘http://10.10.2.56:8081’,
     apiDocHost: ‘http://10.10.2.56:8081’
     }

主视图页面功能

---

1. 描述

   此配置文件作用是设置主视图页面上的连接或按钮的跳转以及默认项目的设定。

2. 文件位置

   dist/config/diagram.js

3. 字段说明

   pageTurn：跳转按钮跳转地址。

   topLevel：面包屑导航“顶层”别名。

   nvisualTitle：页面标签显示名称。

   nvisualLanguage：页面显示的语言。

   theme：页面主题。

   noModifyLogo：是否允许修改logo。

4. 举例说明

   window.nvisual.pageTurn = ‘https://cloud.nvisual.com/access.html’,
   window.nvisual.topLevel = ‘Home’,
   window.nvisual.nvisualTitle = ‘nvisual’,
   window.nvisual.nvisualLanguage = ‘en’ // 目前可选值有两个，分别为’zh-cn’以及’en’
   window.nvisual.theme = ‘light’ // 不设定就读取全局设置接口里的值, 该配置只在第一次打开页面或清除缓存后生效
   window.nvisual.noModifyLogo = false // false: 默认设置/允许设置，true: 不允许用户修改

主视图元素显示

---

1. 描述

   此配置文件作用是隐藏页面不需要的元素。

2. 文件位置

   dist/config/display.css

3. 字段及举例说明

   • 登录页面

     .accessFormBottom #registAccount { display: none !important; }：隐藏注册

     .accessFormBottom #forgetPassword { display: none !important; }：隐藏忘记密码

   • 主视图菜单

     • 一级菜单

       // 可改的name值 视图 创建 编辑 排列 数据 分析 工单 监测 帮助

       #menu .mainMenu-list .mainMenu-item[name=“监测”] { display: none !important; }：隐藏监测

     • 场景

       #createAScenePopUp .createList li[name=“创建3D场景”] { display: none !important; }：隐藏创建3D场景项

     • 二级菜单

       #menu .mainMenu-list .secondary-menuBar-item[name=“全选”] { display: none !important; }：隐藏全选

     • 三级菜单

       #menu .mainMenu-list .timesThird-menubar-item[name=“标尺”] { display: none !important; }：隐藏标尺

     • 系统快捷按钮

       #menu .rightMenu .setting[name=“消息”] { display: none !important; }：隐藏标尺

     • 个人设置

       #menu .user .item[name=“密码”] { display: none !important; }：隐藏密码

       #menu .user .item[name=“主题”] { display: none !important; }：隐藏主题

       #menu .user .item[name=“语言”] { display: none !important; }：隐藏语言

       #menu .user .item[name=“我的任务”] { display: none !important; }：隐藏我的任务

     • 右侧统计分析栏

       #toolButton .tool-button-list[name=“详细视图”] { display: none !important; }：隐藏详细视图按钮

   • 管理按钮设置

     #menuBodySettingList .item[name=“报表”] { display: none !important; }：隐藏报表项

   • 右键菜单设置

     • 一级菜单

       #contextMenu .menuItem[name=“监测”] { display: none !important; }：隐藏监测

     • 二级菜单

       #contextMenu .submenuItem[name=“拓扑发现”] { display: none !important; }：隐藏拓扑发现

   • 报表页设置

     .reportPageLogo { display: none !important; }：隐藏报表页logo

   • 主视图其它设置

     .diagramPageLogo { display: none !important; }：隐藏主视图左上角logo

     .diagramPageUserPic { display: none !important; }：隐藏主视图右上角头像

     .beginner-guidance { display: none !important; }：隐藏新手引导图标

     .pageTurn { display: block !important; }：隐藏返回门户页按键

     .toolIntegration { display: block !important; }：隐藏集成网关按钮

   • 地图图层设置

     #mapLayer .mapItem[name=“时空云”] { display: none !important; }：隐藏地图图层时空云

登录页面显示

---

1. 描述

   此配置文件作用是设置登录页面上的元素的颜色、大小、位置等样式。

2. 文件位置

   dist/config/access.js

3. 字段说明

   • 头部配置项

     headerHeight：头部高度(相对于屏幕尺寸的百分比)

     headerBackground：头部背景颜色

   • 脚部配置项

     footerBackground：脚部背景颜色

     footerHeight：脚部高度(相对于屏幕尺寸的百分比)

   • 左上角区域配置项，默认在头部区域垂直居中

     headerLeftWidth：左上角图片的宽度(相对于头部区域的百分比)

     headerLeftLeft：左上角图片距左侧距离(相对于头部区域的百分比)

     headerLeftHeight：左上角图片高度(相对于头部区域的百分比)

     headerLeftSrc：左上角图片的路径

   • 头部中间区域配置项，默认在头部区域垂直居中

     headerCenterHeight：头部中间图片的高度(相对于头部区域的百分比)

     headerCenterWidth：头部中间图片的宽度(相对于头部区域的百分比)

     headerCenterSrc：头部中间图片的路径

   • 右上角区域配置项，默认在头部区域垂直居中

     headerRightWidth：右上角图片宽度(相对于头部区域的百分比)

     headerRightRight：右上角图片距右侧距离(相对于头部区域的百分比)

     headerRightHeight：右上角图片高度(相对于头部区域的百分比)

     headerRightSrc：右上角图片的路径

   • 左下角配置项，默认在脚部区域垂直居中

     footerLeftWidth：左下角图片的宽度(相对于脚部区域尺寸的百分比)

     footerLeftLeft：左下角图片距左侧距离(相对于脚部区域尺寸的百分比)

     footerLeftHeight：左下角图片的高度(相对于脚部区域尺寸的百分比)

     footerLeftSrc：左下角图片的路径

   • 脚部中间区域配置项，默认在脚部区域垂直居中

     footerCenterHeight：脚部中间图片的高度(相对于脚部区域尺寸的百分比)

     footerCenterWidth：脚部中间图片的宽度(相对于脚部区域尺寸的百分比)

     footerCenterSrc：脚部中间角图片的路径

   • 右下角配置项，默认在脚部区域垂直居中

     footerRightWidth：右下角图片的宽度(相对于脚部区域尺寸的百分比)

     footerRightRight：右下角图片距右侧距离(相对于脚部区域尺寸的百分比)

     footerRightHeight：右下角图片的高度(相对于脚部区域尺寸的百分比)

     footerRightSrc：右下角图片的路径

   • 可移动区域配置项

     moveDivWidth：可移动区域的宽度(相对于屏幕尺寸的百分比)

     moveDivHeight：可移动区域的高度(相对于屏幕尺寸的百分比)

     moveDivLeft：可移动区域距屏幕左侧的距离(相对于屏幕尺寸的百分比)

     moveDivTop：可移动区域距屏幕上方侧的距离(相对于屏幕尺寸的百分比)

     moveDivBackground：可移动区域的背景颜色

   • 可移动区域图片配置项

     moveImgWidth：可移动区域图片的宽度（相对于可移动区域的百分比），默认为100%，即铺满整个可移动区域

     moveImgHeight：可移动区域图片的高度（相对于可移动区域的百分比），默认为100%，即铺满整个可移动区域

     moveImgLeft：可移动区域图片距离可移动区域左侧边框的距离（相对于可移动区域的百分比）

     moveImgTop：可移动区域图片距离可移动区域上方边框的距离（相对于可移动区域的百分比）

     moveImgSrc：可移动区域的图片的图片路径

   • 用户名、密码输入框上方Logo配置项

     logoImgVisible：logo图片是否显示，默认显示。可选值为true和false，其中：true:显示 false:隐藏

     logoImgSrc：logo图片的图片路径，默认为nVisual Logo

     loginAreaBackground：用户名、密码输入区域背景色

     accessButtonBackground：登录按钮的背景色

     accessButtonColor：登录按钮的文字的背景色

     backgroundImgSrc：登录页的背景图，默认为img/bg/saasLogin.jpg

原文地址：https://blog.csdn.net/NWVDI/article/details/143630004

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！