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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/60060.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

力扣17-电话号码的数字组合

力扣17-电话号码的数字组合 思路代码 题目链接 思路 原题: 给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合。答案可以按 任意顺序 返回。 给出数字到字母的映射如下(与电话按键相同)。注意 1 不对应任何字母。 输…

gatewayworker 读取laravel框架的配置

我把gatewayworker放到了vendor目录,在laravel配置文件里配置了url。 return [webSorketUrl > env(WEBSOCKET_URL, ws://127.0.0.1:8282),gatewayWebSorketUrl > env(GATEWAY_WEBSORKET_URL, Websocket://127.0.0.1:8282), ];由于在Gatewayworker/application…

vs code使用git管理代码

1.vs code连接远程服务 ①安装Remote - SSH插件。 安装好远程连接插件后,按照步骤点击远程连接、选择加号、按照指定格式输入ssh ip连接远程服务器。 2.远程推送、对比代码 ①查看你当前所在的分支号,任意点开一个文件下都有对应的分支号。 ②点开右小…

2024 网鼎杯 - 青龙组 Web WP

2024 网鼎杯 - 青龙组 WEB - 02 打开容器一个登录界面,随便输入账号密码可以进到漏洞界面 这里有一个发送给boss的功能,一眼xss 有三个接口:/flag 、/update 、/submit /flag :要求boss才能访问,/update &#xf…

验证码-滑动验证码和点选验证码

1.csdn登录 存在多个内部框架,学习使用driver.switch_to.default_content() from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.common.action_chains import ActionChains import timedriver webdriver.Chrom…

深度学习:BERT 详解

BERT 详解 为了全面详细地解析BERT(Bidirectional Encoder Representations from Transformers),我们将深入探讨它的技术架构、预训练任务、微调方法及其在各种自然语言处理(NLP)任务中的应用。 一、BERT的技术架构 …

停车场微信小程序的设计与实现(lw+演示+源码+运行)

摘要 随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了停车场微信小程序的开发全过程。通过分析停车场微信小程序管理的不足,创建了一个计算机管理停车场微信小程序的方案。文章介绍了停车场微信小程序的…

如何保证kafka生产者数据可靠性

ack参数的设置: 0:生产者发送过来的数据,不需要等数据落盘应答 假如发送了Hello 和 World两个信息,Leader直接挂掉,数据就会丢失 生产者 ---> Kafka集群 一放进去就跑 数据可靠性分析:丢数 1&#…

实习作假:阿里健康实习做了RABC中台,还优化了短信发送流程

最近有二本同学说:“大拿老师,能帮忙看下简历吗?” 如果是从面试官的角度来看,这个同学的实习简历是很虚假的。 但是我们一直强调的是:校招的实习简历是不能出现明显的虚假。 首先,你去公司做事情&#…

Pytorch如何精准记录函数运行时间

0. 引言 参考Pytorch官方文档对CUDA的描述,GPU的运算是异步执行的。一般来说,异步计算的效果对于调用者来说是不可见的,因为 每个设备按照排队的顺序执行操作Pytorch对于CPU和GPU的同步,GPU间的同步是自动执行的,不需…

开发指南077-平台上各种时间、包大小设置

1、axios访问后台接口超时 /utils/qlm_request.js文件中: const service axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url base url request url // withCredentials: true, // send cookies when cross-domain requests timeout: 600000 // re…

路过宝安乌石岩庙记

​每周带娃从上屋地铁去罗租大道的七彩城堡儿童乐园玩,路上都会经过乌石岩庙附近。听说香火很繁盛,娃说也想去看看,于是来到了乌石岩庙。 石岩乌石岩庙 广东省深圳市宝安区老街一区94号 ​从百度知悉:乌石岩庙,又称“…

HTML CSS H5C3样式语句汇总20241105

样式语句汇总: ----------------------------------样式设置------------------------------------ 盒子: border: 1px solid #000; 设置边框粗细、实线、颜色; margin: 0 auto; 盒子居中(顺时针)上0、右自适、下0、…

量化交易系统开发-实时行情自动化交易-Okex行情交易数据

19年创业做过一年的量化交易但没有成功,作为交易系统的开发人员积累了一些经验,最近想重新研究交易系统,一边整理一边写出来一些思考供大家参考,也希望跟做量化的朋友有更多的交流和合作。 接下来聊聊基于Okex交易所API获取行情数…

MyBatis项目的创建和增删查改操作详解

MyBatis项目的创建和增删查改操作详解 MyBatis是一款优秀的持久层框架,它支持自定义SQL、存储过程以及高级映射。MyBatis是基于JDBC实现的,但是比JDBC的操作更加方便,可以通过接口和XML来操作数据库。本文将详细介绍MyBatis项目的创建以及增…

OpenGL 进阶系列06 - OpenGL变换反馈(TransformFeedback)

一:概述 变换反馈(Transform Feedback)是 OpenGL 中的一项技术,允许你将顶点着色器的输出(例如变换后的顶点数据)直接传输到缓冲区,而不是将结果渲染到屏幕上。它在图形计算中非常有用,尤其在粒子系统、模拟、几何处理等场景中,可以用来获取顶点处理的中间结果,并将其…

测度论原创(三)

Morden Prob 文章目录 Morden ProbWeek3多维扩展和随机向量定理3.1推论:random variable的变换定理3.2 连续函数的可测性定理3.3 可测函数的线性组合关于拓展实数集的延伸定理3.4 可测函数的极限依旧为可测性随机变量的概率律(Law of X X X)…

macOS 应用公证指南:使用 fastlane 实现自动化公证流程

背景介绍 在 macOS 系统上,为了保护用户安全,Apple 要求开发者对未通过 Mac App Store 分发的应用程序进行公证(Notarization)。如果应用程序没有经过公证,用户在运行时会看到警告弹窗,这会影响用户体验。虽然开启沙箱模式的应用可以直接通过 App Store 分发来避免这个问题…

数学建模(基于Python实现)--灰色关联分析法讲解,含案例

前言 这是去年底学数学建模老哥的建模课程笔记; 未来本人将陆陆续续的更新数学建模相关的一些基础算法,大家可以持续关注一下,主要在于运用; 提示:数学建模只有实战才能提升🔥​🔥​&#x1f…

C++虚继承演示

在继承中如果出现: 这种情况,B和C都继承了A,D继承了B、C 在D中访问A的成员会出现: 这样的警告 是因为在继承时A出现两条分支:ABD、ACD 编译器不知道访问的A中的元素是经过B继承还是C继承 所以B、C在继承A时要用到…