信息显示方法、装置、存储介质及电子设备与流程

1.本公开涉及计算机技术领域，具体而言，涉及一种信息显示方法、信息显示装置、计算机可读存储介质以及电子设备。


背景技术：

2.随着视频监控的应用越来越广，很多机构、企业都部署了自己的视频监控网络，并需要工作人员实时查看各地点的监控视频。当视频监控网络的规模较大、监控设备数量较多时，工作人员无法一次性查看所有的监控画面，而且也无法直接获取监控设备及其监控画面的地理信息。
3.需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。


技术实现要素：

4.本公开的目的在于提供一种信息显示方法、信息显示装置、计算机可读存储介质以及电子设备，进而至少在一定程度上克服由于相关技术导致的无法从监控设备及其监控画面中获取相应的地理信息，进而降低用户使用体验的问题。
5.本公开提供一种信息显示方法，包括：
6.获取设备显示组件所需的基础数据，并根据所述基础数据在当前页面显示第一层级节点，所述第一层级节点包括第一层级地理节点和第一层级设备节点中的至少一种；
7.接收到用户对第一层级目标地理节点的触发操作时，在所述当前页面中显示第二层级节点，所述第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种；
8.接收到所述用户对第二层级目标地理节点的触发操作时，在所述当前页面中显示第三层级设备节点。
9.在本公开的一种示例性实施例中，所述设备显示组件所需的基础数据至少包括地理节点数据、与所述地理节点数据对应的子树数据和设备节点数据；
10.其中，所述地理节点数据包括所述第一层级地理节点数据和所述第二层级地理节点数据；
11.所述地理节点数据为第一层级地理节点数据时，所述子树数据为所述第二层级地理节点数据和所述第二层级设备节点数据；
12.所述地理节点数据为第二层级地理节点数据时，所述子树数据为所述第三层级设备节点数据；
13.所述设备节点数据包括所述第一层级设备节点数据、第二层级设备节点数据和所述第三层级设备节点数据。
14.在本公开的一种示例性实施例中，所述根据所述基础数据在当前页面显示第一层级节点，包括：
15.根据所述基础数据中的所述第一层级地理节点数据和所述第一层级设备节点数
据渲染所述当前页面，以在所述当前页面显示所述第一层级地理节点和所述第一层级设备节点。
16.在本公开的一种示例性实施例中，在所述当前页面中显示第三层级设备节点后，所述方法还包括：
17.接收到所述用户在预设时间段内的数据输入操作时，获取所述基础数据中与输入数据相关的目标设备节点数据；
18.根据所述目标设备节点数据渲染所述当前页面，以在所述当前页面中显示由目标设备节点组成的设备节点列表。
19.在本公开的一种示例性实施例中，在所述当前页面中显示第三层级设备节点后，所述方法还包括：
20.接收到所述用户对第三层级目标设备节点的选择操作时，将第三层级目标设备节点数据传入所述设备显示组件的第一执行函数中，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识；
21.利用所述第一执行函数将所述设备显示组件的设备选中变量赋值为所述第三层级目标设备节点数据；
22.将所述当前页面中各设备节点的唯一标识与所述设备选中变量的唯一标识分别进行比较，以确定所述当前页面中唯一标识与所述设备选中变量的唯一标识相同的所述第三层级目标设备节点；
23.根据所述第三层级目标设备节点数据渲染所述当前页面，以将所述当前页面中的所述第三层级目标设备节点设置为选中状态。
24.在本公开的一种示例性实施例中，在所述当前页面中显示第三层级设备节点后，所述方法还包括：
25.接收到所述用户对第三层级目标设备节点的选择操作时，将第三层目标设备节点数据传递至所述当前页面，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识；
26.当所述当前页面根据所述第三层目标设备节点数据获取到对应的视频流数据时，接收由所述当前页面发送的所述第三层级目标设备节点的唯一标识；
27.当所述第三层级目标设备节点的唯一标识存在于所述设备显示组件的播放设备标识集合中时，将所述当前页面中的所述第三层级目标设备节点设置为播放状态。
28.在本公开的一种示例性实施例中，在所述当前页面中显示第三层级设备节点后，所述方法还包括：
29.接收到所述用户对第三层级目标设备节点的选择操作时，将第三层级目标设备节点数据传入所述设备显示组件的第二执行函数中，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识和当前勾选状态；
30.当所述当前勾选状态为待勾选时，利用所述第二执行函数将所述第三层级目标设备节点数据加入所述设备显示组件的设备勾选变量中；
31.根据所述设备勾选变量中所述第三层级目标设备节点的唯一标识对所述设备显示组件的勾选设备标识集合进行赋值；
32.根据赋值后的所述勾选设备标识集合将所述当前页面中的所述第三层级目标设
备节点设置为勾选状态。
33.在本公开的一种示例性实施例中，所述当前页面中包括多个数据展示界面，所述数据展示界面用于展示与各层级设备节点对应的视频流数据；在所述当前页面中显示第三层级设备节点后，所述方法还包括：
34.接收到所述用户对目标数据展示界面的选择操作时，将所述目标数据展示界面对应的节点选中参数集合传递至所述设备显示组件；
35.所述设备显示组件根据所述节点选中参数集合中的参数值渲染所述当前页面，以将所述当前页面中的目标设备节点设置为选中状态。
36.在本公开的一种示例性实施例中，在所述当前页面中显示第三层级设备节点后，所述方法还包括：
37.接收到所述用户对目标数据展示界面的选择操作时，将所述目标数据展示界面对应的节点播放参数集合传递至所述设备显示组件；
38.所述设备显示组件根据所述节点播放参数集合中的参数值渲染所述当前页面，以将所述当前页面中的目标设备节点设置为播放状态。
39.在本公开的一种示例性实施例中，在所述当前页面中显示第三层级设备节点后，所述方法还包括：
40.接收到所述用户对目标数据展示界面的选择操作时，将所述目标数据展示界面对应的节点勾选参数集合传递至所述设备显示组件；
41.所述设备显示组件根据所述节点勾选参数集合中的参数值渲染所述当前页面，以将所述当前页面中的目标设备节点设置为勾选状态。
42.本公开提供一种信息显示装置，包括：
43.第一信息显示模块，用于获取设备显示组件所需的基础数据，并根据所述基础数据在当前页面显示第一层级节点，所述第一层级节点包括第一层级地理节点和第一层级设备节点中的至少一种；
44.第二信息显示模块，用于接收到用户对第一层级目标地理节点的触发操作时，在所述当前页面中显示第二层级节点，所述第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种；
45.第三信息显示模块，用于接收到所述用户对第二层级目标地理节点的触发操作时，在所述当前页面中显示第三层级设备节点。
46.本公开提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述的信息显示方法。
47.本公开提供一种电子设备，包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的信息显示方法。
48.本公开示例性实施例可以具有以下部分或全部有益效果：
49.在本公开示例实施方式所提供的信息显示方法中，通过获取设备显示组件所需的基础数据，并根据基础数据在当前页面显示第一层级节点，第一层级节点包括第一层级地理节点和第一层级设备节点中的至少一种；接收到用户对第一层级目标地理节点的触发操作时，在当前页面中显示第二层级节点，第二层级节点包括第二层级地理节点和第二层级
设备节点中的至少一种；接收到用户对第二层级目标地理节点的触发操作时，在当前页面中显示第三层级设备节点。本公开可以实现带有地理信息的多层级节点显示，便于业务人员根据地理层级查看目标设备，提高了设备查询效率，进而提升了用户体验。
50.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
51.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
52.图1示出了可以应用本公开实施例的信息显示方法及装置的示例性系统架构的示意图；
53.图2示意性示出了根据本公开实施例中一种信息显示方法的流程图；
54.图3示意性示出了根据本公开实施例中的一种页面示意图；
55.图4示意性示出了根据本公开实施例中的另一种页面示意图；
56.图5示意性示出了根据本公开实施例中的又一种页面示意图；
57.图6示意性示出了根据本公开具体实施例中的一种页面示意图；
58.图7示意性示出了根据本公开具体实施例中一种实现搜索功能的页面示意图；
59.图8示意性示出了根据本公开实施例中设备节点实现选中功能的流程图；
60.图9示意性示出了根据本公开具体实施例中一种设备节点实现选中功能的页面示意图；
61.图10示意性示出了根据本公开具体实施例中另一种设备节点实现选中功能的页面示意图；
62.图11示意性示出了根据本公开具体实施例中一种设备节点实现播放态功能的页面示意图；
63.图12示意性示出了根据本公开具体实施例中另一种设备节点实现播放态功能的页面示意图；
64.图13示意性示出了根据本公开实施例中设备节点实现勾选功能的流程图；
65.图14示意性示出了根据本公开具体实施例中一种设备节点实现勾选功能的页面示意图；
66.图15示意性示出了根据本公开具体实施例中另一种设备节点实现勾选功能的页面示意图；
67.图16示意性示出了根据本公开的一个实施例的信息显示装置的框图；
68.图17示意性示出了适于用来实现本公开实施例的电子设备的计算机系统的结构示意图。
具体实施方式
69.现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形
式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。
70.此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
71.图1示出了可以应用本公开实施例的一种信息显示方法及装置的示例性应用环境的系统架构的示意图。
72.如图1所示，系统架构100可以包括终端设备101、102、103中的一个或多个，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。终端设备101、102、103可以是各种电子设备，包括但不限于台式计算机、便携式计算机、智能手机和平板电脑等，用于提供用户界面进行页面显示。例如，终端设备上安装有客户端(如浏览器)，通过浏览器客户端可以浏览页面。具体地，终端设备上的浏览器可以用于执行：获取设备显示组件所需的基础数据，并根据基础数据在当前页面显示第一层级节点；接收到用户对第一层级目标地理节点的触发操作时，在当前页面中显示第二层级节点；接收到用户对第二层级目标地理节点的触发操作时，在当前页面中显示第三层级设备节点。
73.应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。例如，服务器105可以是一个服务器，也可以是多个服务器组成的服务器集群，还可以是云计算平台或者虚拟化中心。另外，服务器105可以用于为支持页面显示的页面组件等提供后台服务。
74.本公开实施例所提供的信息显示方法可以由终端设备101、102、103中的一个或多个执行，相应的，信息显示装置可以设置于终端设备101、102、103中，例如，由终端设备执行后可以将第一层级地理节点、第一层级设备节点、第二层级地理节点、第二层级设备节点和第三层级设备节点显示在终端设备的显示屏上，本示例性实施例中对此不做特殊限定。
75.以下对本公开实施例的技术方案进行详细阐述：
76.本公开示例实施方式中，以园区管理的场景为例进行说明。对于规模较大、监控设备数量较多的园区，工作人员无法一次性查看所有的监控画面，而且也无法直接获取监控设备及其监控画面的地理信息，不便于工作人员查看特定地点的监控画面。
77.基于上述一个或多个问题，本示例实施方式提供了一种信息显示方法。参考图2所示，该信息显示方法可以包括步骤s210至步骤s230：
78.步骤s210.获取设备显示组件所需的基础数据，并根据所述基础数据在当前页面显示第一层级节点，所述第一层级节点包括第一层级地理节点和第一层级设备节点中的至
少一种；
79.步骤s220.接收到用户对第一层级目标地理节点的触发操作时，在所述当前页面中显示第二层级节点，所述第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种；
80.步骤s230.接收到所述用户对第二层级目标地理节点的触发操作时，在所述当前页面中显示第三层级设备节点。
81.在本公开示例实施方式所提供的信息显示方法中，通过获取设备显示组件所需的基础数据，并根据基础数据在当前页面显示第一层级节点，第一层级节点包括第一层级地理节点和第一层级设备节点中的至少一种；接收到用户对第一层级目标地理节点的触发操作时，在当前页面中显示第二层级节点，第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种；接收到用户对第二层级目标地理节点的触发操作时，在当前页面中显示第三层级设备节点。本公开可以实现带有地理信息的多层级节点显示，便于业务人员根据地理层级查看目标设备，提高了设备查询效率，进而提升了用户体验。
82.下面，对于本示例实施方式的上述步骤进行更加详细的说明。
83.在步骤s210中，获取设备显示组件所需的基础数据，并根据所述基础数据在当前页面显示第一层级节点，所述第一层级节点包括第一层级地理节点和第一层级设备节点中的至少一种。
84.为了便于园区工作人员查看监控设备，本公开基于element页面组件库中的树组件得到带有地理信息的设备显示组件，通过该设备显示组件可以展示多个层级的节点，各层级的节点可以包括地理节点和设备节点，也可以仅包括地理节点，还可以仅包括设备节点。各层级节点的显示取决于园区的地理结构，以及园区中所有监控设备的分布，本公开对此不做具体限定。其中，各节点所属的层级与园区地理结构的层级对应。例如，某一园区地理结构的层级从高到低依次为：园区、区域和楼栋，由于当前页面是在工作人员选择具体园区后显示的页面，因此，当前页面中可以不显示园区层级的节点数据，并将园区内的各区域作为第一层级节点，各区域内的楼栋作为第二层级节点，各楼栋内的所有楼层和房间直属的监控设备作为第三层级节点。可以看出，区域和楼栋为地理节点，监控设备为设备节点。
85.另外，需要说明的是，监控设备可以直属于任意层级的地理结构。举例而言，对于监控设备a，该监控设备属于区域b，但该监控设备不属于区域b下的任一楼栋。也就是说，监控设备a对应的设备节点与区域b下的楼栋对应的地理节点属于同一层级，均为第二层级节点。类似的，第一层级设备节点直属于工作人员选择的园区对应的地理节点，第二层级设备节点直属于设备所在区域对应的地理节点，第三层级设备节点对应直属于设备所在楼栋的监控设备、以及各楼栋内的所有楼层和房间直属的监控设备。本公开通过布局多层级设备节点可以展示园区内所有配置地理位置的监控设备。
86.当园区内的监控设备数量较多时，通过该设备显示组件展示所有层级的全部节点可能会消耗较长时间，而工作人员通常只需查看特定节点。示例性，可以从后端服务器通过后台接口获取设备显示组件所需的基础数据。其中，设备显示组件所需的基础数据可以至少包括地理节点数据、与地理节点数据对应的子树数据和设备节点数据。其中，地理节点数据包括第一层级地理节点数据和第二层级地理节点数据，当地理节点数据为第一层级地理节点数据时，对应的子树数据为第二层级地理节点数据和第二层级设备节点数据；当地理
节点数据为第二层级地理节点数据时，对应的子树数据为第三层级设备节点数据。设备节点数据包括第一层级设备节点数据、第二层级设备节点数据和第三层级设备节点数据。
87.具体地，每个地理节点数据可以至少包括展示文本内容，即label字段，与每个地理节点数据对应的子树数据为每个地理节点的下层数据，即children字段。例如，区域节点的下层数据为该区域内的楼栋节点数据和直属该区域的设备节点数据，对应的，可以将区域节点称作父节点，下层数据中的楼栋节点和设备节点称作子节点。举例而言，对于区域节点“1”，该节点的节点数据中的label字段为区域名称：1，该区域节点对应的子树数据为直属于该区域的楼栋节点和设备节点。对于楼栋节点“1.1”，该节点的节点数据中的label字段为楼栋名称：1.1，该楼栋节点对应的子树数据为直属于该楼栋的所有设备节点。对于设备节点“1.1.1”，该节点的节点数据中的label为设备名称：1.1.1，设备节点没有对应的子树数据。
88.本公开可以使用懒加载的方式根据基础数据中的第一层级地理节点数据和第一层级设备节点数据渲染当前页面，以在当前页面显示第一层级地理节点和第一层级设备节点。本公开示例实施方式中，第一层地理节点可以为区域节点，第一层设备节点可以为直属于园区的设备节点。参考图3所示，给出了当前页面的一种示意图。该页面中包括设备搜索框，用于根据设备名称对监控设备进行查询，该页面中还包括工作人员选择的园区内的多个区域，如区域1、区域2和区域3，以及直属于该园区的多个监控设备，如设备1和设备2。各设备节点的左侧包括两部分图标，图标
①
为一圆点，该圆点显示为不同的颜色时代表不同的状态，图标
②
为地理位置图标。例如，当设备1左侧的圆点为绿色时，表示设备1当前为在线状态，当该圆点为灰色时，表示设备1当前为离线状态。可以理解的是，可以根据用户的实际需求将图标
①
设置为其它形状和其它颜色来表示设备的在线/离线状态，也可以从后台接口获取其它样式的图标作为图标
②
来表示地理位置，本公开对此不做具体限定。
89.该示例中，页面初始化时只展示工作人员选中园区下的区域信息和直属监控设备，无需展示选中园区中的所有监控设备，提高了页面初始化效率。后续工作人员可以根据地理层级查看指定地点的监控设备，也就是通过对各层级的地理节点进行操作，整个设备查看过程耗时较短，查看设备效率较高。
90.在步骤s220中，接收到用户对第一层级目标地理节点的触发操作时，在所述当前页面中显示第二层级节点，所述第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种。
91.当前页面为如图3所示的页面时，该页面中包括多个区域节点和设备节点。对应的，第一层级目标地理节点可以为图3中的某一区域节点，触发操作可以为用户作用于当前页面的点击操作。示例性的，当用户点击当前页面中的某一区域节点时，可以根据基础数据中直属于该区域的第二层级地理节点数据和第二层级设备节点数据渲染当前页面，以在当前页面中显示第二层级地理节点和第二层级设备节点。本公开示例实施方式中，第二层地理节点可以为楼栋节点，第二层设备节点可以为直属于区域的设备节点。
92.举例而言，当用户点击图3所示页面中的“区域1”时，当前页面转换为如图4所示的页面示意图。该页面中包括设备搜索框、工作人员选择的园区内的多个区域(区域1、区域2和区域3)、直属于该园区的多个监控设备(设备1、设备2)、直属于区域1的多个楼栋(楼栋1、楼栋2和楼栋3)以及直属于区域1的多个监控设备(设备3、设备4)。各设备节点左侧的图标
与图3相同，此处不再详细赘述。
93.在步骤s230中，接收到所述用户对第二层级目标地理节点的触发操作时，在所述当前页面中显示第三层级设备节点。
94.当前页面为如图4所示的页面时，该页面中包括多个区域节点、楼栋节点和设备节点。对应的，第二层级目标地理节点可以为图4中的某一楼栋节点，触发操作可以为用户作用于当前页面的点击操作。示例性的，当用户点击当前页面中的某一楼栋节点时，可以根据基础数据中直属于该楼栋的第三层级设备节点数据渲染当前页面，以在当前页面中显示至少一个第三层级设备节点。本公开示例实施方式中，第三层设备节点可以为直属于楼栋的设备节点，以及直属于楼栋内所有楼层和房间的设备节点。
95.举例而言，当用户点击图4所示页面中的“楼栋2”时，当前页面转换为如图5所示的页面示意图。该页面中包括设备搜索框、第一层数据为工作人员选择的园区内的多个区域(区域1、区域2和区域3)和直属于该园区的多个监控设备(设备1、设备2)，第二层数据为直属于区域1的多个楼栋(楼栋1、楼栋2和楼栋3)和直属于区域1的多个监控设备(设备3、设备4)，第三层数据为直属于楼栋2和/或直属于楼栋2内所有楼层和房间的多个监控设备(设备5、设备6和设备7)。各设备节点左侧的图标与图3相同，此处不再详细赘述。
96.参考图6所示，给出了一种具体场景中的页面示意图。工作人员选择的园区为“新园区”，对应的，该页面中包括设备搜索框、多个区域节点(新园区东侧、新园区西侧和新园区南侧)、直属该园区的多个设备节点(园区大门、直播基地球机)、直属新园区东侧的多个楼栋节点(a工作楼、b酒店和c公寓)、直属c公寓的多个设备节点(b2层车库北通道、b1层车道1号和3层北侧楼梯)。
97.本公开实现了带有地理信息的多层级节点显示，且各设备节点的设备名称为监控设备所在的地理位置，便于业务人员根据地理层级查看目标设备，可以提高设备查询效率，进而提升用户体验。
98.另外，需要说明的是，地理节点数据和设备节点数据来源于不同的后台接口，因此不同类型的节点数据具有不同的数据格式。在当前页面展示各节点前，需要将各类型节点数据的数据格式进行统一。
99.示例性的，可以通过以下三点实现各类型节点数据的数据格式的统一：
100.1)通过该设备显示组件展示各地理节点，且各地理节点含有子树时，可以在各地理节点的节点数据中加入isleaf字段，使各地理节点具备展开/折叠功能，展开/折叠功能的效果如图5中的展开按钮。当isleaf字段的取值为true时，表明节点是设备节点，无需展开/折叠功能；当isleaf字段的取值为false时，表明节点是地理节点，可以为该节点添加展开/折叠功能。可以理解的是，isleaf字段会在节点初始化时生效，若地理节点不包含子树，展开该节点后，element树组件会自动隐藏该节点的展开/折叠按钮，即使节点数据中的isleaf字段取值为false。
101.2)通过该设备显示组件展示各设备节点时，可以提供选中和勾选设备节点的功能，且该功能不能选中和勾选地理节点。示例性的，可以在各节点的节点数据中增加disabeld字段。当disabeld字段的取值为true时，表明该节点不可选中和勾选，当disabeld字段的取值为false时，表明该节点可以选中或勾选。同时，disabeld字段支持使用函数配置，使用的配置函数的返回值必须是true或者false。设备节点的选中功能效果如图9和图
10，设备节点的勾选功能效果如图14和图15。另外，工作人员有选中或勾选多个设备的需求时，需要将选中或勾选的设备节点数据传递给使用该设备显示组件的当前页面。因此，可以为各节点的节点数据设计origin字段，该字段用于保存后台接口返回的所有设备节点的完整数据。
102.3)通过该设备显示组件展示各设备节点时，还可以提供标记设备在线/离线状态的功能。示例性的，可以在各设备节点的节点数据中增加online字段。当online字段的取值为true时，表示该节点在线，当online字段的取值为false时，表示该节点离线。进一步的，为了展示设备在线/离线状态相应的设备图标，可以为设备节点增加icon字典，并保存图标数据。显示设备在线/离线状态的效果如图3中的图标
①
。
103.举例而言，对于后台接口返回的区域节点数据、楼栋节点数据和设备节点数据，可以进行如表1所示的处理，以将各类型节点数据的数据格式进行统一，渲染得到如图6所示的当前页面。
104.表1
105.[0106][0107]
表1中，示出了三种节点类型，依次为区域节点、楼栋节点和设备节点，由于区域节点和楼栋节点均为地理节点，可以对二者的数据格式做相同处理。以区域节点为例，区域节点的原数据包括areaname字段(如新园区东侧)、areano字段(如418909909)和其它数据等，可以将区域节点的原数据统一为label字段(新园区东侧)、children字段、isleaf字段(false)、disabled字段(true)、zoneno字段(如7)和areano字段(418909909)。与区域节点不同的是，将楼栋节点的原数据进行处理后，还包括楼栋节点的上层节点信息，如zoneno字段和areano字段。对于设备节点，设备节点的原数据包括devicename字段(如b2层车库北通道)、onlilne字段(true/false)、icon图片数据和其它数据等，可以将设备节点的原数据统一为label字段(b2层车库北通道)、isleaf字段(true)、disabled字段(false/配置函数返回值)、onlilne字段(true/false)、icon图片数据和origin字段，设备节点的其它数据中可以包含设备节点的上层节点信息，如zoneno字段、areano字段和buildingno字段等。
[0108]
通过对不同类型的节点数据进行数据格式的统一，使各类型节点具有统一的数据结构，进而在页面展示各类型节点时，每种类型的节点具有特定的显示形式和功能，工作人员可以直观地获取各节点的地理信息，以及了解各节点的功能。整个页面较美观，基于该页面进行简单的操作即可查看目标设备，提高了用户的使用体验。
[0109]
本公开可以通过设备显示组件显示分级的地理层级，最后一层为各地理位置下安装的监控设备。同时，该设备显示组件能够满足搜索监控设备、选中监控设备播放视频流、勾选监控设备进行配置等需求。
[0110]
一种示例实施方式中，在当前页面中显示第三层级设备节点后，接收到用户在预设时间段内的数据输入操作时，可以获取基础数据中与输入数据相关的目标设备节点数据，并根据目标设备节点数据渲染当前页面，以在当前页面中显示由目标设备节点组成的设备节点列表。本示例中实现的搜索功能无需点击搜索按钮，而是根据用户输入的数据实时请求搜索结果。为了避免用户输入文本过快而产生大量无用请求，进而影响系统性能和用户体验，可以根据用户在预设时间段内的输入数据进行搜索。其中，预设时间段可以是指用户停止键入文本后的特定时间段。例如，可以在用户停止键入文本800毫秒后请求搜索结果。
[0111]
举例而言，当前页面为如图5所示的页面时，页面中显示有多个第三层级设备节点。当用户通过设备搜索框输入文本t，以搜索设备名称中包含文本t的监控设备时，可以获取基础数据中与文本t相关的目标设备节点数据，并在当前页面中显示一个设备节点列表，该列表中各个监控设备的设备名称中均包含文本t。再例如，也可以在当前页面中显示多个第一层级节点后，也就是当前页面为如图3所示的页面时，直接通过设备搜索框搜索目标设备。再例如，还可以在当前页面中显示多个第二层级节点后，也就是当前页面为如图4所示的页面时，通过设备搜索框搜索目标设备，本公开对此不做限定。参考图7所示，给出了包含设备节点列表的页面示意图。其中，当用户在设备搜索框中输入文本“1”时，通过请求设备名称中包含文本“1”的设备节点数据，在页面中展示了一个设备节点列表，该设备节点列表中各个监控设备的设备名称中均包含文本“1”，如设备1、设备10、设备11等。
[0112]
需要说明的是，设备搜索功能的搜索范围是所有地理位置下的监控设备，搜索目标设备得到的设备节点列表中每个监控设备也可以称作一个设备节点，且设备节点的图标和文本样式与通过设备显示组件显示的设备节点的图标和文本样式相同。与通过设备显示组件显示的多层级节点不同的是，设备节点列表不具有层级结构，不包含地理节点，如区域节点和楼栋节点。
[0113]
本公开的设备显示组件也可以用于视频监控、视频回放等页面，也就是在页面代码中引用该设备显示组件，对应的，可以将使用设备显示组件的页面称作父级，将设备显示组件称作子级。以视频监控页面为例，通常视频监控页面的业务需求是：选中某一监控设备时，播放该监控设备的实时监控画面。其中，设备显示组件需要将该监控设备的数据传入视频监控页面，由视频监控页面进行监控设备视频流的获取和播放。可以理解的是，通过设备显示组件在同一时刻仅能选中一个设备节点，也就是在同一时刻仅能将一个设备节点设置为选中状态。
[0114]
一种示例实施方式中，在当前页面中显示第三层级设备节点后，参考图8所示，可以根据步骤s810至步骤s840实现设备节点的选中功能。
[0115]
步骤s810.接收到所述用户对第三层级目标设备节点的选择操作时，将第三层级目标设备节点数据传入所述设备显示组件的第一执行函数中，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识。
[0116]
本公开中的设备显示组件内部需要有保存选中设备节点数据的变量，以实现选中设备节点的展示状态。另外，为了实现由父级页面控制设备显示组件选中某个设备节点，需要设备显示组件能够接收父级数据并设置相应设备节点的选中效果。示例性的，如表2所示，由父级页面控制设备显示组件实现设备节点的选中功能时，可以将selectednode参数和selectedkey参数传入设备显示组件，设备显示组件内部用于保存选中设备节点数据的变量为设备选中变量deviceselected，设备显示组件的第一执行函数为handlenodeclick函数，当用户点击设备节点可以执行该函数。
[0117]
表2
[0118][0119]
举例而言，第三层级目标设备节点为图5中所示的“设备5”，且当用户点击该设备节点时，将该设备节点的节点数据传入handlenodeclick函数中。该设备节点的节点数据可以至少包含设备节点的唯一标识(如deviceselected.id＝5)、设备节点的设备名称(如设备5)和设备节点的节点类型(如监控设备)等。
[0120]
步骤s820.利用所述第一执行函数将所述设备显示组件的设备选中变量赋值为所述第三层级目标设备节点数据。
[0121]
将用户点中设备节点的节点数据传入handlenodeclick函数后，可以利用handlenodeclick函数将设备选中变量deviceselected的值设置为点中设备节点的节点数据。例如，可以将设备选中变量deviceselected的值设置为“设备5”的节点数据。
[0122]
步骤s830.将所述当前页面中各设备节点的唯一标识与所述设备选中变量的唯一标识分别进行比较，以确定所述当前页面中唯一标识与所述设备选中变量的唯一标识相同的所述第三层级目标设备节点。
[0123]
示例性的，将设备选中变量deviceselected的值设置为“设备5”的节点数据后，设备选中变量deviceselected的唯一标识变为“设备5”的唯一标识。然后，可以将图5中所展示的所有设备节点的唯一标识与设备选中变量deviceselected的唯一标识分别进行比较，以确定当前页面中唯一标识与设备选中变量的唯一标识相同的目标设备节点。
[0124]
具体地，唯一标识的取值由selectedkey参数确定，且selectedkey参数的默认取值为'id'。因此，可以将所有设备节点的id字段值与设备选中变量deviceselected的id字段值进行比较。若selectedkey参数的取值为'deviceid'，则可以将所有设备节点的deviceid字段值与设备选中变量deviceselected的deviceid字段值进行比较。对应的，设备节点是否选中的判断条件为：设备节点数据[selectedkey]＝deviceselected[selectedkey]。该示例中有：设备节点数据.id＝deviceselected.id＝5，表明用户选中的设备节点为“设备5”。
[0125]
步骤s840.根据所述第三层级目标设备节点数据渲染所述当前页面，以将所述当前页面中的所述第三层级目标设备节点设置为选中状态。
[0126]
确定“设备5”为用户选中的设备节点后，可以将该设备节点的数据传递给父级页面，以使父级页面根据该设备节点的数据进行页面显示调整。同时，也可以根据该设备节点的数据渲染当前页面，以将该设备节点设置为选中状态。例如，可以将选中设备节点进行高亮显示、加粗显示等，以表示该设备节点当前为选中状态。参考图9所示，给出了将“设备5”设置为选中状态的页面示意图。
[0127]
另一种示例实施方式中，也可以实现图7所示设备节点列表中各设备节点的选中功能。例如，当用户点击设备节点列表中的“设备10”时，可以将该设备节点的节点数据传入handlenodeclick函数中，基于该函数将“设备10”设置为选中状态，具体的处理过程与步骤
s810至步骤s840类似，此处不再详细赘述。参考图10所示，给出了将“设备10”设置为选中状态的页面示意图。
[0128]
本公开可以根据业务需求，通过配置不同参数实现监控设备的选中功能。
[0129]
又一种示例实施方式中，当前页面中还可以包括多个数据展示界面，每个数据展示界面用于展示与设备节点对应的视频流数据。例如，当前页面为视频监控页面，视频监控页面中包括用于展示与设备节点对应的视频流数据的数据展示页面，数据展示页面如图11中的视频画面1和5个需要配置的画面。在当前页面中显示第三层级设备节点后，接收到用户对目标数据展示界面的选择操作时，可以将目标数据展示界面对应的节点选中参数集合传递至设备显示组件，设备显示组件根据节点选中参数集合中的参数值渲染当前页面，以将当前页面中的目标设备节点设置为选中状态。其中，节点选中参数集合可以包括selectedkey变量和selectednode参数。
[0130]
示例性的，目标数据展示界面可以是视频画面1，当用户点击视频画面1时，可以将与视频画面1对应的节点选中参合集合传递至设备显示组件中。例如，当selectedkey变量的默认取值为'id'时，父级页面只需向设备展示组件传递selectednode参数，selectednode参数中包含名为'id'的变量。再例如，当selectedkey变量的默认取值不是'id'时，即父级页面拥有的选中设备数据中不含id字段，则父级页面需先向设备展示组件传递selectedkey参数，以指定设备唯一标识的变量名称，其次，还需传递selectednode参数，selectednode中可以包含一个变量v，v的名称为selectedkey变量值。举例而言，selectedkey变量值为
‘
deviceid’，则selectednode参数需包含
‘
deviceid’的取值，形如：{deviceid:1}。
[0131]
本公开通过配置，可以满足视频监控页面点选监控设备的业务需求。
[0132]
在视频监控页面中，用户有播放监控设备的实时监控画面的需求，对应的，需要在设备显示组件中标记所有播放中的设备节点，并在该设备节点的设备名称后添加“正在播放”的文本，也就是将该设备节点设置为播放状态。
[0133]
一种示例实施方式中，在当前页面中显示第三层级设备节点后，接收到用户对第三层级目标设备节点的选择操作时，可以将第三层目标设备节点数据传递至当前页面，第三层级目标设备节点数据可以至少包括第三层级目标设备节点的唯一标识。若当前页面可以根据第三层目标设备节点数据获取到对应的视频流数据，可以接收由当前页面发送的第三层级目标设备节点的唯一标识。最后，当第三层级目标设备节点的唯一标识存在于设备显示组件的播放设备标识集合中时，可以将当前页面中的第三层级目标设备节点设置为播放状态。
[0134]
示例性的，当用户点击某个设备节点后，可以将该设备节点的节点数据传递给父级页面，由父级页面获取该设备节点的视频流并进行播放，因此，播放设备的数据可以由父级页面保存。如表3所示，由父级页面控制设备显示组件实现设备节点的播放功能时，设备显示组件只需提供接收播放设备的数据并标记相应设备节点为播放态的功能。例如，可以将playingids参数和playingkey参数传入设备显示组件，playingids参数为播放中设备的唯一标识集合，如为[1，2，3]，其中1、2和3分别为对应的播放中设备的唯一标识。playingkey参数为播放中设备的判定依据，当playingkey参数的取值存在于playingids参数集合中时，可以将该取值对应的设备节点设置为播放状态。
[0135]
表3
[0136]
类型名称释义入参playingids播放中设备的唯一标识集合入参playingkey播放中设备的判定依据
[0137]
举例而言，参考图11所示，第三层级目标设备节点为“设备5”，且当用户点击该设备节点时，可以将该设备节点的节点数据传递至当前页面，该设备节点的节点数据可以至少包含设备节点的唯一标识(如id：5)、设备节点的设备名称(如设备5)和设备节点的节点类型(如监控设备)等。当前页面中还包括多个数据展示界面，如视频画面1和5个需要配置的画面。
[0138]
当前页面接收到设备节点的节点数据后，可以根据该设备节点的节点数据获取该设备节点的视频流。若当前页面可以获取该设备节点的视频流，则可以将该设备节点的唯一标识发送至设备显示组件。最后，当该设备节点的唯一标识存在于playingids参数中时，可以将当前页面中的第三层级目标设备节点设置为播放状态。其中，唯一标识的取值由playingkey参数确定，例如，若设备节点的节点数据为device，设备节点是否为播放状态的判断条件为：playingids参数中存在值x，满足x＝device[playingkey]。该示例中有：playingids参数为[5，6，7]，满足x＝device.id＝5，即该集合中包括5，表明播放中的设备节点为“设备5”。若当前页面无法获取该设备节点的视频流，则不需要将该设备节点设置为播放状态。可以理解的是，将“设备5”标记为正在播放中的同时，可以在对应的数据展示界面如视频画面1中播放相应地点的监控视频。
[0139]
类似的，若图7所示设备节点列表中各设备节点均有对应的视频流，也可以将各设备节点设置为播放态。例如，当用户点击设备节点列表中的“设备10”时，可以将该设备节点的节点数据发送至当前页面，以获取该设备节点的视频流。若当前页面可以获取该设备节点的视频流，则可以将该设备节点的唯一标识发送至设备显示组件，以通过设备显示组件将“设备10”标记为播放态。参考图12所示，给出了将“设备10”设置为播放态的页面示意图。
[0140]
又一示例实施方式中，在当前页面中显示第三层级设备节点后，接收到用户对目标数据展示界面的选择操作时，可以将目标数据展示界面对应的节点播放参数集合传递至设备显示组件，设备显示组件根据节点播放参数集合中的参数值渲染当前页面，以将当前页面中的目标设备节点设置为播放状态。其中，节点播放参数集合可以包括playingkey参数和playingkey参数。例如，当playingkey参数的取值存在于playingids参数集合中时，可以将该取值对应的设备节点设置为播放状态。
[0141]
本公开可以根据业务需求，通过配置不同参数实现监控设备的播放态设置功能。也可以通过配置，满足视频监控页面将播放中的监控设备设置成播放态的需求。
[0142]
本公开的设备显示组件还可以用于录像计划配置页面和轮询页面中，以轮询页面为例，用户有勾选设备节点的需求，对应的，需要设备显示组件将勾选设备的数据传递到父级页面。另外，也需要设备显示组件根据父级页面传入的数据，将相应的设备节点设置勾选状态。
[0143]
一种示例实施方式中，在当前页面中显示第三层级设备节点后，参考图13所示，可以根据步骤s1310至步骤s1340实现设备节点的勾选功能。
[0144]
步骤s1310.接收到所述用户对第三层级目标设备节点的选择操作时，将第三层级
目标设备节点数据传入所述设备显示组件的第二执行函数中，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识和当前勾选状态。
[0145]
本公开示例实施方式中，1)设备显示组件需要提供一个入参，父级页面通过该入参控制设备显示组件是否具备勾选设备节点的功能；2)设备显示组件需要提供配置函数设置特定设备节点是否可选，函数返回true或false，返回true表示设备节点不可勾选，返回false表示设备节点可勾选；3)设备显示组件内部需要有保存勾选设备节点数据的变量；4)为了实现根据父级页面的设备勾选数据将相应的设备节点设置为勾选状态，需要设备显示组件能够接收父级数据并设置相应的勾选效果。示例性的，如表4所示，由父级页面控制设备显示组件实现设备节点的勾选功能时，可以将checkable参数、checkablefunc参数、checkedids参数、checkednodes参数和checkedkey参数传入设备显示组件，设备显示组件内部用于保存勾选设备节点数据的变量为设备勾选变量devicechecked，设备显示组件的第二执行函数为handlecheckchange函数，当用户点击设备节点可以执行该函数。
[0146]
表4
[0147][0148][0149]
举例而言，第三层级目标设备节点为图5中所示的“设备6”，且当用户点击该设备节点时，将该设备节点的节点数据传入handlecheckchange函数中。该设备节点的节点数据checkednode可以至少包含设备节点的唯一标识(如id：6)和设备节点的当前勾选状态checked等。
[0150]
步骤s1320.当所述当前勾选状态为待勾选时，利用所述第二执行函数将所述第三层级目标设备节点数据加入所述设备显示组件的设备勾选变量中。
[0151]
其中，勾选状态checked取值可以为true/false，当勾选状态checked为true时，表示该节点的当前勾选状态为待勾选，即用户点击该设备节点时，可以将该设备节点设置为勾选状态；当勾选状态checked为false时，表示用户点击该设备节点时，可以取消该设备节点的勾选状态。
[0152]
示例性的，当“设备6”的当前勾选状态为待勾选时，可以利用所述第二执行函数handlecheckchange函数将该设备节点的节点数据checkednode加入设备显示组件的设备勾选变量devicechecked中，否则，可以将该设备节点的节点数据checkednode从设备显示
组件的设备勾选变量devicechecked中删除。
[0153]
步骤s1330.根据所述设备勾选变量中所述第三层级目标设备节点的唯一标识对所述设备显示组件的勾选设备标识集合进行赋值。
[0154]
图5中展示了多层级节点，例如，可以从设备勾选变量devicechecked中获取“设备6”的唯一标识，唯一标识的具体取值由checkedkey参数确定。确定“设备6”的唯一标识后，可以将勾选设备标识集合devicecheckedids中加入“设备6”的唯一标识。
[0155]
步骤s1340.根据赋值后的所述勾选设备标识集合将所述当前页面中的所述第三层级目标设备节点设置为勾选状态。
[0156]
确定“设备6”为用户勾选的设备节点后，可以将该设备节点的数据传递给父级页面，以使父级页面根据该设备节点的数据进行页面显示调整。同时，也可以根据该设备节点的数据渲染当前页面，以将该设备节点设置为勾选状态。参考图14所示，给出了将“设备6”设置为勾选状态的页面示意图。
[0157]
另一种示例实施方式中，也可以实现图7所示设备节点列表中各设备节点的勾选功能。例如，当用户点击设备节点列表中的“设备10”时，可以将该设备节点的节点数据传入handlecheckdevice函数中，基于该函数将“设备10”设置为勾选状态，具体的处理过程与步骤s1310至步骤s1340类似，此处不再详细赘述。参考图15所示，给出了将“设备10”设置为勾选状态的页面示意图。
[0158]
需要说明的是，在步骤s1330中，勾选设备标识集合devicecheckedids的值与设备节点列表中设备节点的勾选状态实时同步。该步骤可以保证从多层级节点切换到设备节点列表时，可以同步多层级节点的勾选结果。而且，当展示设备节点列表时，勾选设备标识集合devicecheckedids的值为最新的勾选节点数据，从设备节点列表切换到多层级节点时只需根据勾选设备标识集合devicecheckedids即可同步设备节点列表的勾选结果。
[0159]
本公开可以根据业务需求，通过配置不同参数实现监控设备的勾选功能。
[0160]
另一种示例实施方式中，接收到用户对目标数据展示界面的选择操作时，可以将目标数据展示界面对应的节点勾选参数集合传递至设备显示组件，设备显示组件根据节点勾选参数集合中的参数值渲染当前页面，以将当前页面中的目标设备节点设置为勾选状态。其中，节点勾选参合集合可以包括checkedids参数、checkedkey参数、checkednodes参数和checked参数等。
[0161]
示例性的，目标数据展示界面可以是如图11中的视频画面1，当用户点击视频画面1时，可以将与视频画面1对应的设备节点数据传递至设备显示组件中。例如，当传入的设备节点数据为checkedids参数时，可以将勾选设备标识集合devicecheckedids的值设置为checkedids参数。然后，可以根据checkedids参数和checkedkey参数的值，生成设备勾选变量devicechecked的值，生成单个勾选的设备节点的数据结构为：{checkedkey的值：设备唯一标识值}，最后，可以将该设备节点设置为勾选状态。再例如，当传入的设备节点数据为checkednodes参数时，可以将设备勾选变量devicechecked的值设置为checkednodes参数的值，然后，根据checkednodes参数和checkedkey参数的值，生成勾选设备标识集合devicecheckedids的值，即取checkednodes参数中设备节点的唯一标识值生成勾选设备标识集合devicecheckedids，保存唯一标识的变量名为checkedkey，并将相应设备节点设置为勾选状态。
[0162]
上述两种情况中，勾选设备标识集合devicecheckedids保存了所有勾选设备节点的唯一标识，可以用于在多层级节点和设备节点列表中设置设备节点的勾选状态。而设置设备勾选变量devicechecked的值是为了当用户继续勾选设备节点或取消勾选设备节点时，可以在已有勾选设备节点数据的基础上更新设备勾选变量devicechecked，以向父级页面传递最新的勾选设备节点数据集合。
[0163]
本公开通过配置，可以满足录像计划配置页面和轮询页面勾选监控设备的需求。
[0164]
本公开示例实施方式中的设备显示组件可以提供按地理层级的监控设备展示功能。另外，还可以根据业务需求，通过配置不同参数实现监控设备的选中功能、播放态设置功能以及勾选功能，进而满足园区管理系统不同页面的业务需求。
[0165]
还需说明的是，本公开示例实施方式中可以预先将第一执行函数(handlenodeclick)、第二执行函数(handlecheckchange)、设备选中变量(deviceselected)和设备勾选变量(devicechecked)等封装为可执行文件并存储至浏览器中，以在接收到对当前页面中地理节点的触发操作时执行该可执行文件。可以理解的是，可以根据用户的实际需求进行源码封装并得到用户所需的可执行文件，本公开对此不做具体限定。示例性的，可以在vue框架下使用webpack(一种模块打包器)将当前页面源码、第一执行函数、第二执行函数、设备选中变量和设备勾选变量等相关源码进行打包，并以文件夹形式存储于服务器中，用户在本地浏览器进行使用时可以向服务器进行数据请求，以请求诸如本公开涉及到的第一执行函数handlenodeclick、第二执行函数handlecheckchange、设备选中变量deviceselected和设备勾选变量devicechecked等相关源码。优选的，在用户首次进行当前页面访问时，即可将预先打包好的可执行文件共同部署至本地浏览器，可以避免频繁的向服务器进行数据请求。本公开所示例实施方式所提供的信息显示方法逻辑清晰、架构简单、轻量化、易实现，且不会占用过多内存。可以理解的是，该信息显示方法指在浏览器端进行数据处理。
[0166]
在本公开示例实施方式所提供的信息显示方法中，通过获取设备显示组件所需的基础数据，并根据基础数据在当前页面显示第一层级节点，第一层级节点包括第一层级地理节点和第一层级设备节点中的至少一种；接收到用户对第一层级目标地理节点的触发操作时，在当前页面中显示第二层级节点，第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种；接收到用户对第二层级目标地理节点的触发操作时，在当前页面中显示第三层级设备节点。本公开可以实现带有地理信息的多层级节点显示，便于业务人员根据地理层级查看目标设备，提高了设备查询效率，进而提升了用户体验。
[0167]
应当注意，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。
[0168]
进一步的，本示例实施方式中，还提供了一种信息显示装置。该装置可以应用于一终端设备或服务器。参考图16所示，该信息显示装置1600可以包括第一信息显示模块1610、第二信息显示模块1620和第三信息显示模块1630，其中：
[0169]
第一信息显示模块1610，用于获取设备显示组件所需的基础数据，并根据所述基础数据在当前页面显示第一层级节点，所述第一层级节点包括第一层级地理节点和第一层
级设备节点中的至少一种；
[0170]
第二信息显示模块1620，用于接收到用户对第一层级目标地理节点的触发操作时，在所述当前页面中显示第二层级节点，所述第二层级节点包括第二层级地理节点和第二层级设备节点中的至少一种；
[0171]
第三信息显示模块1630，用于接收到所述用户对第二层级目标地理节点的触发操作时，在所述当前页面中显示第三层级设备节点。
[0172]
在一种可选的实施方式中，信息显示装置1600中所述设备显示组件所需的基础数据至少包括地理节点数据、与所述地理节点数据对应的子树数据和设备节点数据；
[0173]
其中，所述地理节点数据包括所述第一层级地理节点数据和所述第二层级地理节点数据；
[0174]
所述地理节点数据为第一层级地理节点数据时，所述子树数据为所述第二层级地理节点数据和所述第二层级设备节点数据；
[0175]
所述地理节点数据为第二层级地理节点数据时，所述子树数据为所述第三层级设备节点数据；
[0176]
所述设备节点数据包括所述第一层级设备节点数据、第二层级设备节点数据和所述第三层级设备节点数据。
[0177]
在一种可选的实施方式中，第一信息显示模块1610被配置为用于根据所述基础数据中的所述第一层级地理节点数据和所述第一层级设备节点数据渲染所述当前页面，以在所述当前页面显示所述第一层级地理节点和所述第一层级设备节点。
[0178]
在一种可选的实施方式中，该信息显示装置1600还包括：
[0179]
搜索数据输入模块，用于接收到所述用户在预设时间段内的数据输入操作时，获取所述基础数据中与输入数据相关的目标设备节点数据；
[0180]
设备节点列表显示模块，用于根据所述目标设备节点数据渲染所述当前页面，以在所述当前页面中显示由目标设备节点组成的设备节点列表。
[0181]
在一种可选的实施方式中，该信息显示装置1600还包括：
[0182]
第一传参模块，用于接收到所述用户对第三层级目标设备节点的选择操作时，将第三层级目标设备节点数据传入所述设备显示组件的第一执行函数中，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识；
[0183]
第一数据赋值模块，用于利用所述第一执行函数将所述设备显示组件的设备选中变量赋值为所述第三层级目标设备节点数据；
[0184]
选中节点确定模块，用于将所述当前页面中各设备节点的唯一标识与所述设备选中变量的唯一标识分别进行比较，以确定所述当前页面中唯一标识与所述设备选中变量的唯一标识相同的所述第三层级目标设备节点；
[0185]
选中节点设置模块，用于根据所述第三层级目标设备节点数据渲染所述当前页面，以将所述当前页面中的所述第三层级目标设备节点设置为选中状态。
[0186]
在一种可选的实施方式中，该信息显示装置1600还包括：
[0187]
节点数据传递模块，用于接收到所述用户对第三层级目标设备节点的选择操作时，将第三层目标设备节点数据传递至所述当前页面，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识；
[0188]
节点数据接收模块，用于当所述当前页面根据所述第三层目标设备节点数据获取到对应的视频流数据时，接收由所述当前页面发送的所述第三层级目标设备节点的唯一标识；
[0189]
播放状态设置模块，用于当所述第三层级目标设备节点的唯一标识存在于所述设备显示组件的播放设备标识集合中时，将所述当前页面中的所述第三层级目标设备节点设置为播放状态。
[0190]
在一种可选的实施方式中，该信息显示装置1600还包括：
[0191]
第一传参模块，用于接收到所述用户对第三层级目标设备节点的选择操作时，将第三层级目标设备节点数据传入所述设备显示组件的第二执行函数中，所述第三层级目标设备节点数据至少包括所述第三层级目标设备节点的唯一标识和当前勾选状态；
[0192]
节点数据添加模块，用于当所述当前勾选状态为待勾选时，利用所述第二执行函数将所述第三层级目标设备节点数据加入所述设备显示组件的设备勾选变量中；
[0193]
第二数据赋值模块，用于根据所述设备勾选变量中所述第三层级目标设备节点的唯一标识对所述设备显示组件的勾选设备标识集合进行赋值；
[0194]
勾选状态设置模块，用于根据赋值后的所述勾选设备标识集合将所述当前页面中的所述第三层级目标设备节点设置为勾选状态。
[0195]
在一种可选的实施方式中，所述当前页面中包括多个数据展示界面，所述数据展示界面用于展示与各层级设备节点对应的视频流数据；该信息显示装置1600还包括：
[0196]
第一传参模块，用于接收到所述用户对目标数据展示界面的选择操作时，将所述目标数据展示界面对应的节点选中参数集合传递至所述设备显示组件；
[0197]
选中状态设置模块，用于所述设备显示组件根据所述节点选中参数集合中的参数值渲染所述当前页面，以将所述当前页面中的目标设备节点设置为选中状态。
[0198]
在一种可选的实施方式中，该信息显示装置1600还包括：
[0199]
节点数据获取模块，用于接收到所述用户对目标数据展示界面的选择操作时，将所述目标数据展示界面对应的节点播放参数集合传递至所述设备显示组件；
[0200]
播放状态设置模块，用于所述设备显示组件根据所述节点播放参数集合中的参数值渲染所述当前页面，以将所述当前页面中的目标设备节点设置为播放状态。
[0201]
在一种可选的实施方式中，该信息显示装置1600还包括：
[0202]
节点数据获取模块，用于接收到所述用户对目标数据展示界面的选择操作时，将所述目标数据展示界面对应的节点勾选参数集合传递至所述设备显示组件；
[0203]
勾选状态设置模块，用于所述设备显示组件根据所述节点勾选参数集合中的参数值渲染所述当前页面，以将所述当前页面中的目标设备节点设置为勾选状态。
[0204]
上述信息显示装置中各模块的具体细节已经在对应的信息显示方法中进行了详细的描述，因此此处不再赘述。
[0205]
上述装置中各模块可以是通用处理器，包括：中央处理器、网络处理器等；还可以是数字信号处理器、专用集成电路、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。各模块也可以由软件、固件等形式来实现。上述装置中的各处理器可以是独立的处理器，也可以集成在一起。
[0206]
本公开的示例性实施方式还提供了一种计算机可读存储介质，其上存储有能够实
现本说明书上述方法的程序产品。在一些可能的实施方式中，本公开的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在电子设备上运行时，程序代码用于使电子设备执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。该程序产品可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在电子设备，例如个人电脑上运行。然而，本公开的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
[0207]
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。
[0208]
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
[0209]
可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。
[0210]
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如java、c++等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(lan)或广域网(wan)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
[0211]
本公开的示例性实施方式还提供了一种能够实现上述方法的电子设备。下面参照图17来描述根据本公开的这种示例性实施方式的电子设备1700。图17显示的电子设备1700仅仅是一个示例，不应对本公开实施方式的功能和使用范围带来任何限制。
[0212]
如图17所示，电子设备1700可以以通用计算设备的形式表现。电子设备1700的组件可以包括但不限于：至少一个处理单元1710、至少一个存储单元1720、连接不同系统组件(包括存储单元1720和处理单元1710)的总线1730和显示单元1740。
[0213]
存储单元1720存储有程序代码，程序代码可以被处理单元1710执行，使得处理单元1710执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。例如，处理单元1710可以执行图2、图8和图13中任意一个或多个方法步骤。
[0214]
存储单元1720可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)1721和/或高速缓存存储单元1722，还可以进一步包括只读存储单元(rom)1723。
[0215]
存储单元1720还可以包括具有一组(至少一个)程序模块1725的程序/实用工具1724，这样的程序模块1725包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
[0216]
总线1730可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
[0217]
电子设备1700也可以与一个或多个外部设备1800(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1700交互的设备通信，和/或与使得该电子设备1700能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口1750进行。并且，电子设备1700还可以通过网络适配器1760与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器1760通过总线1730与电子设备1700的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1700使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。
[0218]
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开示例性实施方式的方法。
[0219]
此外，上述附图仅是根据本公开示例性实施方式的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。
[0220]
应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
[0221]
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。