【技术实现步骤摘要】
一种适用于管道设施监测的前台展示模块
[0001]本专利技术涉及一种基于
VUE
前端框架技术,针对管道设施传感器端
(
如振动
、
水声
、
分布式光纤传感等
)
各维度状态展示的方法,具体是一种适用于管道设施监测的前台展示模块
。
技术介绍
[0002]监控海管设施传统界面是基于桌面电脑版,年代久远,交互设计及视觉设计都不是很好,所以存在不便操作且模块不灵活的问题
。
[0003]桌面应用架构都是前后台一体,数据量小时还比较流畅,但是在分析数据量较大的文件时,后台占用大部分资源,留下小部分资源导致前台常常卡住
、
或崩溃无法正常工作
。
桌面应用相较于网页部署
、
运维效率低下,跟不上未来业务发展
。
[0004]随着业务不断发展,需要展示的算法
、
维度越来越多,传统架构运行将越来越臃肿,最后甚至到达无法运行的状态,因此需要结合目前的技术趋势,在管道设施这一领域,前台需要与后端彻底分离,做好前台架构,让前台做好充分的交互
。
技术实现思路
[0005]为解决上述技术问题,本专利技术提供的技术方案为:一种适用于管道设施监测的前台展示模块,包括基于系统的综合调控模块
、
大屏展示模块,综合调控模块包括控制栏单元
、
时间历程单元
、
功率谱单元
、 >信道能量单元
、
信道时间单元,控制栏单元提供开始
、
回放
、
结束指令,监听端机
、
数据文件上传,并进行丢包信息展示;时间历程单元的横坐标为时间,纵坐标为
Pa
,在海管泄漏时可看到纵坐标强烈波动;功率谱单元的横坐标为
hz
,纵坐标味
DB
,可看到海管当前各个频段的
DB
值;信道能量单元的横坐标表示各个通道,纵坐标表示堆叠频带,可看到实时通道堆叠柱状图;信道时间单元的横坐标时间,纵坐标各通道为
Pa
,可看到组通道
Pa
值;大屏展示模块提供在地图上以管道的经纬度坐标绘制其形状的功能,实时计算泄漏,产生预警及泄漏位置展示
。
[0006]本专利技术与现有技术相比的优点在于:前台展示模块接收后台数据,通过消息总线传递消息至各个组件,时间历程图组件呈现,功率谱图组件结果呈现,信道能量结果呈现,信道时间结果呈现,模块架构合理且搭建方式简便,方案整体设计便捷且完整,功能完备且运算逻辑简单大大提高了管道设施监测系统的运行稳定性,进一步提高了管道设施检测的精度,适用性好,便于推广
。
[0007]进一步的,前台展示模块的算法步骤如下:
1)
接收后台数据;
2)
通过消息总线传递消息至各个组件;
3)
时间历程图组件呈现;
4)
功率谱图组件结果呈现;
5)
信道能量结果呈现;
6)
信道时间结果呈现
。
[0008]进一步的,综合调控模块采用
vue
开发,控件图采用
echart
开发,接收后台计算结果,控制
js
逻辑进行渲染展示
。
[0009]进一步的,大屏展示模块集成天地图进行开发
。
附图说明
[0010]图1是一种适用于管道设施监测的前台展示模块的流程示意图
。
[0011]图2是实施例中综合调控功能的界面示意图
。
[0012]图3是实施例中时间历程组件的界面示意图
。
[0013]图4是实施例中大屏展示功能的界面示意图
。
具体实施方式
[0014]本专利技术在具体实施时,提出一种适用于管道设施监测的前台展示模块,包括基于系统的综合调控模块
、
大屏展示模块,综合调控模块包括控制栏单元
、
时间历程单元
、
功率谱单元
、
信道能量单元
、
信道时间单元,控制栏单元提供开始
、
回放
、
结束指令,监听端机
、
数据文件上传,并进行丢包信息展示;时间历程单元的横坐标为时间,纵坐标为
Pa
,在海管泄漏时可看到纵坐标强烈波动;功率谱单元的横坐标为
hz
,纵坐标味
DB
,可看到海管当前各个频段的
DB
值;信道能量单元的横坐标表示各个通道,纵坐标表示堆叠频带,可看到实时通道堆叠柱状图;信道时间单元的横坐标时间,纵坐标各通道为
Pa
,可看到组通道
Pa
值;大屏展示模块提供在地图上以管道的经纬度坐标绘制其形状的功能,实时计算泄漏,产生预警及泄漏位置展示
。
本专利技术的工作原理:模块接收后台数据,通过消息总线传递消息至各个组件,时间历程图组件呈现,功率谱图组件结果呈现,信道能量结果呈现,信道时间结果呈现
。
[0015]在本专利技术的一个实施例中,如图1至图4所示,本方案采用
VUE2.0
技术,结合
vuex
框架,消息总线机制,高内聚
、
低耦合组件化设计,目前已开发出五个基础业务组件
(
时间历程图
、
功率谱图
、
信道时间
、
信道空间
、
判别结果
)
,组件间通过消息总线通信,通过状态框架统一进行状态数据的管理存储
。
[0016]在本专利技术的一个实施例中,创建
VUE
工程,引入
vuex
状态框架及
eventBus
消息总线机制,分包创建各组件文件,组件自身除了必要的业务职责外,还需集成到消息总线和
vuex
状态管理上
。
在消息总线使用上:
(1)
集成
vuex
框架,创建全局仓库共享文件,在各业务组件中使用,业务组件通过
vuex
的
commit、dispatch
等核心方法将自身的业务数据存放至仓库中;
(2)
集成
bus
消息总线机制,各组件连接至总线上,由控制组件进行前后台的数据通信,数据传递,达到各组件解耦,复用
。
[0017]在本专利技术的一个实施例中,如图2所示,展示的是综合调控功能,通过集成各个组件而成,具体是在工程里创建界面文件,在界面里通过
import
引入所需组件,整体通过
div
布局后分别放置所需组件进本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.
一种适用于管道设施监测的前台展示模块,包括基于系统的综合调控模块
、
大屏展示模块,其特征在于:所述综合调控模块包括控制栏单元
、
时间历程单元
、
功率谱单元
、
信道能量单元
、
信道时间单元,所述控制栏单元提供开始
、
回放
、
结束指令,监听端机
、
数据文件上传,并进行丢包信息展示;所述时间历程单元的横坐标为时间,纵坐标为
Pa
,在海管泄漏时可看到纵坐标强烈波动;所述功率谱单元的横坐标为
hz
,纵坐标味
DB
,可看到海管当前各个频段的
DB
值;所述信道能量单元的横坐标表示各个通道,纵坐标表示堆叠频带,可看到实时通道堆叠柱状图;所述信道时间单元的横坐标时间,纵坐标各通道为
Pa
,可看到组通道
Pa
值;所述大屏展示...
【专利技术属性】
技术研发人员:倪德庆,张徐昕,陶建华,何晋红,张涛,
申请(专利权)人:徐州睿晓智能科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。