System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 基于Vue的轨道交通信息显示方法、装置及存储介质制造方法及图纸_技高网

基于Vue的轨道交通信息显示方法、装置及存储介质制造方法及图纸

技术编号:41322819 阅读:2 留言:0更新日期:2024-05-13 15:01
本申请提供一种基于Vue的轨道交通信息显示方法、装置及存储介质。该基于Vue的轨道交通信息显示方法包括:获取当前的轨道交通信息;基于所述轨道交通信息并利用Vue框架确定轨道交通大屏上显示的界面与图形。本申请提供的基于Vue的轨道交通信息显示方法、装置及存储介质,基于Vue框架来灵活设计轨道交通大屏的数据展示,提升了大屏应用的开发效率,使得维护人员能够及时获知最新的轨道交通信息,指导现场维修,从而大幅度提高运维效率。

【技术实现步骤摘要】

本申请涉及轨道交通,尤其涉及一种基于vue的轨道交通信息显示方法、装置及存储介质。


技术介绍

1、当前轨道交通设备多、人流量大、情况复杂,实时监控数据量大,设备推送报警数量多,经过分析以后的数据需要以最直观的形式展现出来。

2、目前对于轨道交通行业的管理和监测数据的应用的定制化开发,开发成本以及时间成本都很高,且后期维护困难,导致维护人员的运维效率下降。


技术实现思路

1、本申请实施例提供一种基于vue的轨道交通信息显示方法、装置及存储介质,用以解决现有技术中轨道交通运维效率低的技术问题。

2、第一方面,本申请实施例提供一种基于vue的轨道交通信息显示方法,包括:

3、获取当前的轨道交通信息;

4、基于所述轨道交通信息并利用vue框架确定轨道交通大屏上显示的界面与图形。

5、在一些实施例中,所述基于所述轨道交通信息并利用vue框架确定轨道交通大屏上显示的界面与图形,包括:

6、基于所述轨道交通信息确定界面与图形的属性信息;所述属性信息包括默认配置值和/或用户自定义值;

7、基于所述轨道交通信息和所述属性信息,利用vue双向数据绑定原理对界面进行渲染并绑定各个图形接口。

8、在一些实施例中,所述基于所述轨道交通信息确定界面与图形的属性信息,包括:

9、基于所述轨道交通信息确定所需要的一个或多个默认界面;

10、根据默认配置值和/或用户自定义值确定每一默认界面的界面属性信息,并确定每一默认界面中包含的多个图形的图形属性信息。

11、在一些实施例中,所述基于所述轨道交通信息确定界面与图形的属性信息,还包括:

12、基于所述轨道交通信息和用户输入的信息获得一个或多个用户自定义界面;

13、根据用户输入的信息确定每一用户自定义界面的界面属性信息以及每一用户自定义界面中的每一图形的图形属性信息;所述用户自定义界面中的图形是从图形库中利用拖拽方式放置于用户自定义界面中的。

14、在一些实施例中,所述图形属性信息包括以下一种或多种:

15、图形名称;

16、图形标识;

17、图形位置;

18、图形布局及大小;

19、图形颜色;

20、图形接口;

21、图形数据展示;所述图形数据展示包括动态数据展示和静态数据展示。

22、在一些实施例中,所述界面属性信息包括以下一种或多种:

23、界面名称;

24、界面标识;

25、界面风格信息;所述界面风格信息包括界面底图颜色、界面字体类型、界面字体颜色和界面色调;

26、界面适配屏幕的类型。

27、在一些实施例中,所述界面包括默认界面和/或用户自定义界面;多个界面是通过响应式布局方式进行展示的。

28、第二方面,本申请实施例提供一种基于vue的轨道交通信息显示装置,包括:

29、获取模块,用于获取当前的轨道交通信息;

30、确定模块,用于基于所述轨道交通信息并利用vue框架确定轨道交通大屏上显示的界面与图形。

31、在一些实施例中,所述确定模块包括:

32、第一确定单元,用于基于所述轨道交通信息确定界面与图形的属性信息;所述属性信息包括默认配置值和/或用户自定义值;

33、获取单元,用于基于所述轨道交通信息和所述属性信息,利用vue双向数据绑定原理对界面进行渲染并绑定各个图形接口。

34、在一些实施例中,所述第一确定单元包括:

35、第一确定子单元,用于基于所述轨道交通信息确定所需要的一个或多个默认界面;

36、第二确定子单元,用于根据默认配置值和/或用户自定义值确定每一默认界面的界面属性信息,并确定每一默认界面中包含的多个图形的图形属性信息。

37、在一些实施例中,所述第一确定单元还包括:

38、获取子单元,用于基于所述轨道交通信息和用户输入的信息获得一个或多个用户自定义界面;

39、第三确定子单元,用于根据用户输入的信息确定每一用户自定义界面的界面属性信息以及每一用户自定义界面中的每一图形的图形属性信息;所述用户自定义界面中的图形是从图形库中利用拖拽方式放置于用户自定义界面中的。

40、在一些实施例中,所述图形属性信息包括以下一种或多种:

41、图形名称;

42、图形标识;

43、图形位置;

44、图形布局及大小;

45、图形颜色;

46、图形接口;

47、图形数据展示;所述图形数据展示包括动态数据展示和静态数据展示。

48、在一些实施例中,所述界面属性信息包括以下一种或多种:

49、界面名称;

50、界面标识;

51、界面风格信息;所述界面风格信息包括界面底图颜色、界面字体类型、界面字体颜色和界面色调;

52、界面适配屏幕的类型。

53、在一些实施例中,所述界面包括默认界面和/或用户自定义界面;多个界面是通过响应式布局方式进行展示的。

54、第三方面,本申请实施例提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上述第一方面所述的基于vue的轨道交通信息显示方法。

55、第四方面,本申请实施例还提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如上述第一方面所述的基于vue的轨道交通信息显示方法。

56、第五方面,本申请实施例还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述第一方面所述的基于vue的轨道交通信息显示方法。

57、本申请实施例提供的基于vue的轨道交通信息显示方法、装置及存储介质,获取当前的轨道交通信息;基于实时的轨道交通信息,利用vue框架确定轨道交通大屏上显示的界面与图形,基于vue框架来灵活设计轨道交通大屏的数据展示,提升了大屏应用的开发效率,使得维护人员能够及时获知最新的轨道交通信息,指导现场维修,从而大幅度提高运维效率。

本文档来自技高网...

【技术保护点】

1.一种基于Vue的轨道交通信息显示方法,其特征在于,包括:

2.根据权利要求1所述的基于Vue的轨道交通信息显示方法,其特征在于,所述基于所述轨道交通信息并利用Vue框架确定轨道交通大屏上显示的界面与图形,包括:

3.根据权利要求2所述的基于Vue的轨道交通信息显示方法,其特征在于,所述基于所述轨道交通信息确定界面与图形的属性信息,包括:

4.根据权利要求2所述的基于Vue的轨道交通信息显示方法,其特征在于,所述基于所述轨道交通信息确定界面与图形的属性信息,还包括:

5.根据权利要求3或4所述的基于Vue的轨道交通信息显示方法,其特征在于,所述图形属性信息包括以下一种或多种:

6.根据权利要求3或4所述的基于Vue的轨道交通信息显示方法,其特征在于,所述界面属性信息包括以下一种或多种:

7.根据权利要求2所述的基于Vue的轨道交通信息显示方法,其特征在于,所述界面包括默认界面和/或用户自定义界面;多个界面是通过响应式布局方式进行展示的。

8.一种基于Vue的轨道交通信息显示装置,其特征在于,包括

9.一种电子设备,包括存储器、处理器及存储在所述存储器上并在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至7任一项所述基于Vue的轨道交通信息显示方法。

10.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述基于Vue的轨道交通信息显示方法。

...

【技术特征摘要】

1.一种基于vue的轨道交通信息显示方法,其特征在于,包括:

2.根据权利要求1所述的基于vue的轨道交通信息显示方法,其特征在于,所述基于所述轨道交通信息并利用vue框架确定轨道交通大屏上显示的界面与图形,包括:

3.根据权利要求2所述的基于vue的轨道交通信息显示方法,其特征在于,所述基于所述轨道交通信息确定界面与图形的属性信息,包括:

4.根据权利要求2所述的基于vue的轨道交通信息显示方法,其特征在于,所述基于所述轨道交通信息确定界面与图形的属性信息,还包括:

5.根据权利要求3或4所述的基于vue的轨道交通信息显示方法,其特征在于,所述图形属性信息包括以下一种或多种:

6.根据权利要求3或4所述的基于vue的轨...

【专利技术属性】
技术研发人员:黎通陈智游滨华
申请(专利权)人:广西交控智维科技发展有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1