CN115269916A

CN115269916A - Information display method, information display device, storage medium and electronic equipment

Info

Publication number: CN115269916A
Application number: CN202210908146.0A
Authority: CN
Inventors: 张旻
Original assignee: BOE Technology Group Co Ltd
Current assignee: BOE Technology Group Co Ltd
Priority date: 2022-07-29
Filing date: 2022-07-29
Publication date: 2022-11-01
Also published as: WO2024022214A1

Abstract

The present disclosure provides an information display method, apparatus, storage medium, and electronic device; relates to the technical field of computers. The method comprises the following steps: acquiring basic data required by an equipment display component, and displaying a first-level node on a current page according to the basic data, wherein the first-level node comprises at least one of a first-level geographic node and a first-level equipment node; when the triggering operation of a user on the first-level target geographic node is received, displaying a second-level node in the current page, wherein the second-level node comprises at least one of a second-level geographic node and a second-level equipment node; and when the triggering operation of the user on the second-level target geographic node is received, displaying the third-level equipment node in the current page. The method and the device can realize the multi-level node display with the geographic information, are convenient for business personnel to check the target equipment according to the geographic level, improve the equipment query efficiency and further improve the user experience.

Description

Information display method, information display device, storage medium and electronic equipment

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to an information display method, an information display apparatus, a computer-readable storage medium, and an electronic device.

Background

With the wider application of video monitoring, many organizations and enterprises deploy their own video monitoring networks and need to check the monitoring videos of various places in real time by staff. When the video monitoring network is large in scale and the monitoring devices are large in number, workers cannot check all monitoring pictures at one time and cannot directly acquire the monitoring devices and the geographic information of the monitoring pictures.

It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present disclosure, and thus may include information that does not constitute prior art known to those of ordinary skill in the art.

Disclosure of Invention

The present disclosure aims to provide an information display method, an information display apparatus, a computer-readable storage medium, and an electronic device, so as to overcome, at least to a certain extent, a problem that corresponding geographic information cannot be obtained from a monitoring device and a monitoring picture thereof due to related technologies, thereby reducing user experience.

The present disclosure provides an information display method, including:

acquiring basic data required by a device display assembly, and displaying a first level node on a current page according to the basic data, wherein the first level node comprises at least one of a first level geographical node and a first level device node;

when a triggering operation of a user on a first-level target geographic node is received, displaying a second-level node in the current page, wherein the second-level node comprises at least one of a second-level geographic node and a second-level equipment node;

and when the triggering operation of the user on the second-level target geographic node is received, displaying a third-level equipment node in the current page.

In an exemplary embodiment of the present disclosure, the basic data required by the device display component includes at least geographical node data, sub-tree data corresponding to the geographical node data, and device node data;

wherein the geographic node data comprises the first hierarchical geographic node data and the second hierarchical geographic node data;

when the geographic node data is first-level geographic node data, the sub-tree data is second-level geographic node data and second-level equipment node data;

when the geographic node data is second-level geographic node data, the sub-tree data is third-level equipment node data;

the device node data includes the first-level device node data, the second-level device node data, and the third-level device node data.

In an exemplary embodiment of the present disclosure, the displaying a first level node on a current page according to the basic data includes:

rendering the current page according to the first-level geographic node data and the first-level device node data in the basic data, so as to display the first-level geographic node and the first-level device node on the current page.

In an exemplary embodiment of the present disclosure, after displaying the third hierarchical device node in the current page, the method further includes:

when data input operation of the user in a preset time period is received, target equipment node data related to input data in the basic data are obtained;

and rendering the current page according to the target equipment node data so as to display an equipment node list consisting of target equipment nodes in the current page.

when the selection operation of the user on a third-level target device node is received, transmitting third-level target device node data into a first execution function of the device display component, wherein the third-level target device node data at least comprises a unique identifier of the third-level target device node;

assigning the device selected variable of the device display component to the third-level target device node data by using the first execution function;

respectively comparing the unique identifier of each equipment node in the current page with the unique identifier of the variable selected by the equipment to determine the third-level target equipment node with the same unique identifier of the variable selected by the equipment in the current page;

rendering the current page according to the third-level target device node data to set the third-level target device node in the current page to be in a selected state.

when the selection operation of the user on a third-level target device node is received, transmitting third-level target device node data to the current page, wherein the third-level target device node data at least comprises the unique identifier of the third-level target device node;

when the current page obtains corresponding video stream data according to the third-layer target device node data, receiving the unique identifier of the third-layer target device node sent by the current page;

and when the unique identifier of the third-level target device node exists in the playing device identifier set of the device display component, setting the third-level target device node in the current page to be in a playing state.

when the selection operation of the user on a third-level target device node is received, transmitting third-level target device node data into a second execution function of the device display component, wherein the third-level target device node data at least comprises a unique identifier and a current checking state of the third-level target device node;

when the current checking state is to be checked, adding the third-level target equipment node data into the equipment checking variable of the equipment display component by using the second execution function;

assigning a checking device identifier set of the device display component according to the unique identifier of the third-level target device node in the device checking variable;

and setting the third-level target device node in the current page to be in a checking state according to the checked device identifier set after assignment.

In an exemplary embodiment of the present disclosure, the current page includes a plurality of data display interfaces, where the data display interfaces are used to display video stream data corresponding to each hierarchical device node; after the third hierarchical device node is displayed in the current page, the method further includes:

when the selection operation of the user on a target data display interface is received, transmitting a node selection parameter set corresponding to the target data display interface to the equipment display component;

and the equipment display component renders the current page according to the parameter values in the parameter set selected by the node so as to set the target equipment node in the current page to be in a selected state.

when the selection operation of the user on a target data display interface is received, transmitting a node playing parameter set corresponding to the target data display interface to the equipment display component;

and the equipment display component renders the current page according to the parameter values in the node playing parameter set so as to set the target equipment node in the current page to be in a playing state.

when the selection operation of the user on a target data display interface is received, transmitting a node checking parameter set corresponding to the target data display interface to the equipment display component;

and the equipment display component renders the current page according to the parameter values in the node checking parameter set so as to set the target equipment node in the current page to be in a checking state.

The present disclosure provides an information display device including:

the first information display module is used for acquiring basic data required by an equipment display component and displaying a first level node on a current page according to the basic data, wherein the first level node comprises at least one of a first level geographical node and a first level equipment node;

the second information display module is used for displaying second level nodes in the current page when receiving triggering operation of a user on the first level target geographic nodes, and the second level nodes comprise at least one of second level geographic nodes and second level equipment nodes;

and the third information display module is used for displaying a third hierarchical device node in the current page when receiving the triggering operation of the user on the second hierarchical target geographic node.

The present disclosure provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the information display method of any one of the above.

The present disclosure provides an electronic device, including: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to perform any one of the above-described information display methods via execution of the executable instructions.

Exemplary embodiments of the present disclosure may have some or all of the following benefits:

in the information display method provided by the example embodiment of the present disclosure, basic data required by a device display component is acquired, and a first hierarchical node is displayed on a current page according to the basic data, where the first hierarchical node includes at least one of a first hierarchical geographic node and a first hierarchical device node; when the triggering operation of a user on the first-level target geographic node is received, displaying a second-level node in the current page, wherein the second-level node comprises at least one of a second-level geographic node and a second-level equipment node; and when the triggering operation of the user on the second-level target geographic node is received, displaying the third-level equipment node in the current page. The method and the device can realize multi-level node display with geographic information, are convenient for business personnel to check the target equipment according to the geographic level, improve equipment query efficiency and further improve user experience.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure. It is to be understood that the drawings in the following description are merely exemplary of the disclosure, and that other drawings may be derived from those drawings by one of ordinary skill in the art without the exercise of inventive faculty.

Fig. 1 is a schematic diagram illustrating an exemplary system architecture to which the information display method and apparatus of the embodiments of the present disclosure may be applied;

FIG. 2 schematically illustrates a flow chart of a method of displaying information in accordance with an embodiment of the present disclosure;

FIG. 3 schematically illustrates a page schematic in accordance with an embodiment of the disclosure;

FIG. 4 schematically illustrates another page schematic in accordance with an embodiment of the disclosure;

FIG. 5 schematically illustrates yet another page diagram in accordance with an embodiment of the present disclosure;

FIG. 6 schematically illustrates a page in accordance with a particular embodiment of the disclosure;

FIG. 7 is a schematic diagram of a page implementing a search function according to an embodiment of the present disclosure;

FIG. 8 is a flow diagram that schematically illustrates an implementation of a selected function by a device node, in accordance with an embodiment of the present disclosure;

FIG. 9 is a schematic diagram of a page for implementing a selected function by a device node according to an embodiment of the present disclosure;

FIG. 10 is a schematic diagram of a page for implementing selected functions by another device node according to an embodiment of the present disclosure;

FIG. 11 is a schematic diagram of a page in which a device node implements a play state function according to an embodiment of the present disclosure;

FIG. 12 is a schematic diagram of a page in which another device node implements a play state function according to an embodiment of the present disclosure;

fig. 13 schematically shows a flow chart of a device node implementing a checking function according to an embodiment of the present disclosure;

fig. 14 is a schematic diagram illustrating a page where a device node implements a checking function according to an embodiment of the present disclosure;

fig. 15 schematically illustrates a page diagram of another device node implementing a checking function according to another specific embodiment of the present disclosure;

fig. 16 schematically shows a block diagram of an information display apparatus according to an embodiment of the present disclosure;

FIG. 17 schematically illustrates a structural diagram of a computer system suitable for use with an electronic device implementing an embodiment of the disclosure.

Detailed Description

Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and the like. In other instances, well-known technical solutions have not been shown or described in detail to avoid obscuring aspects of the present disclosure.

Furthermore, the drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and a repetitive description thereof will be omitted. Some of the block diagrams shown in the figures are functional entities and do not necessarily correspond to physically or logically separate entities. These functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor devices and/or microcontroller devices.

Fig. 1 is a schematic diagram illustrating a system architecture of an exemplary application environment to which an information display method and apparatus according to an embodiment of the present disclosure may be applied.

As shown in fig. 1, the system architecture 100 may include one or more of

terminal devices

101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the

terminal devices

101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few. The

terminal devices

101, 102, 103 may be various electronic devices including, but not limited to, desktop computers, portable computers, smart phones, tablet computers, and the like, for providing a user interface for page display. For example, a client (e.g., a browser) is installed on the terminal device, and the client can browse a page through the browser. Specifically, the browser on the terminal device may be configured to perform: acquiring basic data required by a device display assembly, and displaying a first level node on a current page according to the basic data; when receiving a triggering operation of a user on a first-level target geographic node, displaying a second-level node in a current page; and when the triggering operation of the user on the second-level target geographic node is received, displaying a third-level device node in the current page.

It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation. For example, the server 105 may be a single server, a server cluster composed of a plurality of servers, a cloud computing platform, or a virtualization center. Additionally, server 105 may be used to provide background services for page components that support page display, and the like.

The information display method provided in the present disclosure may be executed by one or more of the

terminal devices

101, 102, and 103, and accordingly, the information display apparatus may be disposed in the

terminal devices

101, 102, and 103, for example, after being executed by the terminal device, the first hierarchical geographic node, the first hierarchical device node, the second hierarchical geographic node, the second hierarchical device node, and the third hierarchical device node may be displayed on a display screen of the terminal device, which is not particularly limited in this exemplary embodiment.

The technical solution of the embodiment of the present disclosure is explained in detail below:

in the exemplary embodiment of the present disclosure, a scenario of campus management is described as an example. For a park with a large scale and a large number of monitoring devices, a worker cannot check all monitoring pictures at one time and cannot directly acquire the monitoring devices and the geographic information of the monitoring pictures, so that the worker is inconvenient to check the monitoring pictures of a specific place.

In view of one or more of the above problems, the present example embodiment provides an information display method. Referring to fig. 2, the information display method may include steps S210 to S230:

s210, acquiring basic data required by a device display assembly, and displaying a first-level node on a current page according to the basic data, wherein the first-level node comprises at least one of a first-level geographic node and a first-level device node;

s220, when a triggering operation of a user on a first-level target geographic node is received, displaying a second-level node in the current page, wherein the second-level node comprises at least one of a second-level geographic node and a second-level equipment node;

and S230, when the triggering operation of the user on the second-level target geographic node is received, displaying a third-level equipment node in the current page.

In the information display method provided by the exemplary embodiment of the present disclosure, basic data required by a device display component is acquired, and a first hierarchical node is displayed on a current page according to the basic data, where the first hierarchical node includes at least one of a first hierarchical geographic node and a first hierarchical device node; when the triggering operation of a user on the first-level target geographic node is received, displaying a second-level node in the current page, wherein the second-level node comprises at least one of a second-level geographic node and a second-level equipment node; and when the triggering operation of the user on the second-level target geographic node is received, displaying the third-level equipment node in the current page. The method and the device can realize multi-level node display with geographic information, are convenient for business personnel to check the target equipment according to the geographic level, improve equipment query efficiency and further improve user experience.

The above steps of the present exemplary embodiment will be described in more detail below.

In step S210, basic data required by the device display component is obtained, and a first hierarchical node is displayed on the current page according to the basic data, where the first hierarchical node includes at least one of a first hierarchical geographic node and a first hierarchical device node.

In order to facilitate viewing of monitoring equipment by park workers, the equipment display component with geographic information is obtained based on tree components in an Element page component library, a plurality of levels of nodes can be displayed through the equipment display component, and the nodes of each level can comprise geographic nodes and equipment nodes, can also only comprise geographic nodes, and can also only comprise equipment nodes. The display of each level node depends on the geographic structure of the campus and the distribution of all monitoring devices in the campus, which is not specifically limited by this disclosure. Wherein, the level to which each node belongs corresponds to the level of the geographical structure of the garden. For example, the hierarchy of the geographic structure of a certain campus is, from high to low, as follows: in the garden, the areas and the buildings, because the current page is displayed after the staff selects a specific garden, the current page does not display the node data of the hierarchy of the garden, each area in the garden is taken as a first-level node, the buildings in each area are taken as a second-level node, and all the floors and the monitoring equipment of which the rooms directly belong in each building are taken as a third-level node. It can be seen that the areas and buildings are geographical nodes, and the monitoring equipment is equipment nodes.

In addition, it should be noted that the monitoring device may belong directly to any hierarchical geographical structure. For example, for monitoring device a, the monitoring device belongs to area B, but the monitoring device does not belong to any building below area B. That is, the device node corresponding to the monitoring device a and the geographic node corresponding to the building under the area B belong to the same level, and are both second-level nodes. Similarly, the first level device node directly belongs to the geographical node corresponding to the garden selected by the staff, the second level device node directly belongs to the geographical node corresponding to the area where the device is located, and the third level device node corresponds to the monitoring device directly belonging to the building where the device is located and the monitoring devices directly belonging to all floors and rooms in each building. The monitoring equipment of all configuration geographical positions in the garden can be displayed by arranging the multi-level equipment nodes.

When the number of monitoring devices in a campus is large, it may take a long time to expose all the nodes of all the hierarchies through the device display component, and a worker usually only needs to look at a specific node. For example, the basic data required by the device display component can be acquired from the back-end server through the background interface. The basic data required by the device display component can at least comprise geographic node data, sub-tree data corresponding to the geographic node data and device node data. The geographic node data comprises first-level geographic node data and second-level geographic node data, and when the geographic node data is the first-level geographic node data, the corresponding sub-tree data is the second-level geographic node data and the second-level equipment node data; when the geographic node data is the second-level geographic node data, the corresponding sub-tree data is the third-level device node data. The device node data includes first-level device node data, second-level device node data, and third-level device node data.

Specifically, each of the geographic node data may include at least a presentation text content, i.e., a label field, and the sub-tree data corresponding to each of the geographic node data is lower data of each of the geographic nodes, i.e., a child field. For example, the lower level data of the area node is building node data in the area and device node data directly belonging to the area, and accordingly, the area node may be called a parent node, and the building node and the device node in the lower level data may be called child nodes. For example, for the area node "1", the label field in the node data of the node is the area name: and 1, sub-tree data corresponding to the region node are a building node and an equipment node which directly belong to the region. For a building node "1.1", the label field in the node data of the node is the building name: 1.1, the subtree data corresponding to the building node is all the equipment nodes directly belonging to the building. For the device node "1.1.1", label in the node data of the node is the device name: 1.1.1, the device node does not have corresponding sub-tree data.

The method and the device can use a lazy loading mode to render the current page according to the first-level geographic node data and the first-level device node data in the basic data so as to display the first-level geographic node and the first-level device node on the current page. In an example embodiment of the present disclosure, the first-tier geographic node may be an area node, and the first-tier device node may be a device node directly belonging to a campus. Referring to fig. 3, a schematic diagram of a current page is shown. The page includes an equipment search box for querying the monitoring equipment according to the equipment name, and the page also includes a plurality of areas in the campus selected by the staff, such as area 1, area 2 and area 3, and a plurality of monitoring equipment directly belonging to the campus, such as equipment 1 and equipment 2. The left side of each device node comprises two parts of icons, wherein the icon (1) is a dot which represents different states when displayed in different colors, and the icon (2) is a geographical position icon. For example, when the dot on the left side of the device 1 is green, it indicates that the device 1 is currently in an online state, and when the dot is gray, it indicates that the device 1 is currently in an offline state. It is understood that the icon (1) may be set to other shapes and other colors according to the actual needs of the user to represent the online/offline state of the device, and other styles of icons may be obtained from the background interface as the icon (2) to represent the geographic location, which is not specifically limited by the present disclosure.

In the example, only the area information and the directly-affiliated monitoring equipment in the selected park of the worker are displayed during page initialization, all the monitoring equipment in the selected park are not required to be displayed, and the page initialization efficiency is improved. Subsequent workers can check the monitoring equipment in the designated place according to the geographical hierarchy, namely, the monitoring equipment operates the geographical nodes of each hierarchy, so that the time consumption of the whole equipment checking process is short, and the checking equipment efficiency is high.

In step S220, when a trigger operation of a user on a first-level target geographic node is received, a second-level node is displayed in the current page, where the second-level node includes at least one of a second-level geographic node and a second-level device node.

When the current page is a page as shown in fig. 3, the page includes a plurality of area nodes and device nodes. Correspondingly, the first-level target geographic node may be a certain area node in fig. 3, and the trigger operation may be a click operation performed by the user on the current page. For example, when a user clicks a certain region node in the current page, the current page may be rendered according to the second-level geographical node data and the second-level device node data directly belonging to the region in the base data, so as to display the second-level geographical node and the second-level device node in the current page. In an example embodiment of the present disclosure, the second-layer geographical node may be a building node, and the second-layer device node may be a device node directly belonging to an area.

For example, when the user clicks "area 1" in the page shown in fig. 3, the current page is converted into the page diagram shown in fig. 4. The page includes an equipment search box, a plurality of areas (area 1, area 2, and area 3) in the park selected by the staff, a plurality of monitoring equipment (equipment 1, equipment 2) directly belonging to the park, a plurality of buildings (building 1, building 2, and building 3) directly belonging to area 1, and a plurality of monitoring equipment (equipment 3, equipment 4) directly belonging to area 1. The icons on the left side of each device node are the same as those in fig. 3, and are not described in detail here.

In step S230, when a trigger operation of the user on a second-level target geographic node is received, a third-level device node is displayed in the current page.

When the current page is the page shown in fig. 4, the page includes a plurality of area nodes, building nodes, and device nodes. Correspondingly, the second-level target geographic node may be a certain building node in fig. 4, and the trigger operation may be a click operation performed by the user on the current page. For example, when the user clicks a certain building node in the current page, the current page may be rendered according to the data of the third-level device nodes directly belonging to the building in the basic data, so as to display at least one third-level device node in the current page. In the example embodiment of the present disclosure, the third-floor device nodes may be device nodes directly belonging to the building, and device nodes directly belonging to all floors and rooms in the building.

For example, when the user clicks "building 2" in the page shown in fig. 4, the current page is converted into a page diagram as shown in fig. 5. The page comprises an equipment search box, a plurality of areas (area 1, area 2 and area 3) in a garden selected by a worker by first-layer data and a plurality of monitoring devices (equipment 1 and equipment 2) directly belonging to the garden, a second-layer data is a plurality of buildings (building 1, building 2 and building 3) directly belonging to the area 1 and a plurality of monitoring devices (equipment 3 and equipment 4) directly belonging to the area 1, and a third-layer data is a plurality of monitoring devices (equipment 5, equipment 6 and equipment 7) directly belonging to the building 2 and/or all floors and rooms in the building 2. The icons on the left side of each device node are the same as those in fig. 3, and are not described in detail here.

Referring to fig. 6, a schematic diagram of a page in a specific scenario is shown. The garden that the staff selected is "new garden", and what correspond, including equipment search box, a plurality of regional nodes (new garden east side, new garden west side and new garden south side) in this page, a plurality of equipment nodes (garden gate, live broadcast ball machine base) that directly belong to this garden, a plurality of building nodes (A work building, B hotel and C apartment) that directly belong to new garden east side, a plurality of equipment nodes (B2 layer garage north passageway, B1 layer lane 1 number and 3 layers north side stair) that directly belong to C apartment.

According to the method and the device, the display of the multi-level nodes with the geographic information is realized, the device name of each device node is the geographic position of the monitoring device, service personnel can conveniently check the target device according to the geographic level, the device query efficiency can be improved, and the user experience is further improved.

In addition, it should be noted that the geographic node data and the device node data originate from different background interfaces, and therefore different types of node data have different data formats. Before each node is displayed on the current page, the data formats of the node data of each type need to be unified.

For example, the data format of each type of node data can be unified through the following three points:

1) Each geographical node is displayed through the equipment display assembly, and when each geographical node contains a subtree, an isLeaf field can be added into node data of each geographical node, so that each geographical node has an unfolding/folding function, and the effect of the unfolding/folding function is as an unfolding button in fig. 5. When the value of the isLeaf field is true, the node is indicated to be an equipment node, and the expansion/folding function is not needed; when the value of the isLeaf field is false, the node is indicated to be a geographical node, and an expansion/folding function can be added to the node. It is to be understood that the isLeaf field will take effect at the time of node initialization, and if the geographic node does not contain a sub-tree, the Element tree component will automatically hide the expand/collapse button of the node after expanding the node, even if the isLeaf field in the node data takes false.

2) When the equipment display component displays each equipment node, the function of selecting and checking the equipment node can be provided, and the function can not select and check the geographical node. Illustratively, a disable field may be added to the node data of each node. When the value of the disable field is true, the node is indicated to be unselectable and checkable, and when the value of the disable field is false, the node is indicated to be selected or checkable. Meanwhile, the disable field supports the use of function configuration, and the return value of the used configuration function must be true or false. The selected function effect of the device node is shown in fig. 9 and 10, and the checking function effect of the device node is shown in fig. 14 and 15. In addition, when a worker has a need to select or check a plurality of devices, the selected or checked device node data needs to be transmitted to a current page using the device display component. Therefore, an origin field may be designed for the node data of each node, and this field is used to hold the complete data of all device nodes returned by the background interface.

3) When the device display component displays each device node, the function of marking the online/offline state of the device can be provided. Illustratively, an online field may be added to the node data of each device node. When the value of the online field is true, the node is shown to be online, and when the value of the online field is false, the node is shown to be offline. Further, in order to display the device icon corresponding to the online/offline state of the device, an icon dictionary may be added to the device node, and icon data may be stored. The effect of displaying the online/offline status of the device is as shown in icon (1) of fig. 3.

For example, the area node data, the building node data, and the device node data returned by the background interface may be processed as shown in table 1 to unify the data formats of the various types of node data, and render the current page as shown in fig. 6.

TABLE 1

In table 1, three node types are shown, which are area nodes, building nodes and equipment nodes in sequence, and since the area nodes and the building nodes are geographical nodes, the data formats of the area nodes and the building nodes can be processed in the same way. Taking the area node as an example, the original data of the area node includes an area name field (e.g., the east side of the new garden area), an area no field (e.g., 418909909), other data, and the like, and the original data of the area node can be unified into a label field (the east side of the new garden area), a children field, an isLeaf field (false), a disabled field (true), a zonen no field (e.g., 7), and an area no field (418909909). Different from the area nodes, the original data of the building nodes are processed and then further comprise upper node information of the building nodes, such as a zoneone No field and an area No field. For the device node, the raw data of the device node includes a deviceName field (e.g., B2-layer garage north channel), an onlilne field (true/false), icon picture data, and other data, etc., and may be unified into a label field (B2-layer garage north channel), an isLeaf field (true), an disabled field (false/configuration function return value), an onlilne field (true/false), icon picture data, and an origin field, and other data of the device node may include upper node information of the device node, such as a zoneon field, an area field, and a buildingNo field, etc.

By unifying the data formats of different types of node data, each type of node has a unified data structure, and when each type of node is displayed on a page, each type of node has a specific display form and function, so that a worker can intuitively acquire the geographic information of each node and know the function of each node. The whole page is attractive, the target device can be checked by simple operation based on the page, and the use experience of a user is improved.

This openly can show hierarchical geographical hierarchy through equipment display assembly, and the last layer is the supervisory equipment who installs under each geographical position. Meanwhile, the equipment display assembly can meet the requirements of searching monitoring equipment, selecting the monitoring equipment to play video streams, checking the monitoring equipment to configure and the like.

In an example embodiment, after the third-level device node is displayed in the current page, when a data input operation of a user within a preset time period is received, target device node data related to input data in the basic data may be acquired, and the current page may be rendered according to the target device node data, so as to display a device node list composed of the target device nodes in the current page. The search function implemented in this example does not need to click the search button, but rather requests the search results in real time based on data input by the user. In order to avoid that a large number of useless requests are generated due to the fact that a user inputs a text too fast, and further system performance and user experience are affected, searching can be conducted according to input data of the user in a preset time period. The preset time period may refer to a specific time period after the user stops typing the text. For example, search results may be requested 800 milliseconds after the user stops typing text.

For example, when the current page is the page shown in fig. 5, a plurality of third-tier device nodes are displayed in the page. When a user inputs a text T through the device search box to search for the monitoring device with the name containing the text T, target device node data related to the text T in the basic data can be obtained, a device node list is displayed in a current page, and the name of each monitoring device in the list contains the text T. For another example, after a plurality of first-level nodes are displayed in the current page, that is, when the current page is the page shown in fig. 3, the target device may be directly searched through the device search box. For another example, after a plurality of second-level nodes are displayed in the current page, that is, when the current page is the page shown in fig. 4, the target device may be searched through the device search box, which is not limited in this disclosure. Referring to fig. 7, a schematic diagram of a page containing a list of device nodes is shown. When a user inputs a text "1" in the device search box, a device node list is displayed in a page by requesting device node data containing the text "1" in the device name, and the device name of each monitoring device in the device node list contains the text "1", such as device 1, device 10, device 11, and the like.

It should be noted that the search range of the device search function is monitoring devices in all geographic locations, each monitoring device in the device node list obtained by searching the target device may also be referred to as a device node, and the icon and text style of the device node are the same as those of the device node displayed by the device display component. Unlike the multi-level nodes displayed by the device display component, the device node list does not have a hierarchical structure, and does not contain geographical nodes such as area nodes and building nodes.

The device display component of the present disclosure may also be used for video monitoring, video playback, etc. pages, i.e. the device display component is referred to in the page code, and correspondingly, the page using the device display component may be referred to as a parent level, and the device display component may be referred to as a child level. Taking a video monitoring page as an example, the service requirements of the video monitoring page are as follows: and when a certain monitoring device is selected, playing a real-time monitoring picture of the monitoring device. The device display component needs to transmit data of the monitoring device into a video monitoring page, and the video monitoring page acquires and plays a video stream of the monitoring device. It will be appreciated that only one device node can be selected at the same time by the device display component, i.e. only one device node can be set to a selected state at the same time.

In an example embodiment, after the third hierarchical device node is displayed in the current page, as shown in fig. 8, the selected function of the device node may be implemented according to steps S810 to S840.

Step s810, when receiving a selection operation of the user on a third-level target device node, transmitting third-level target device node data to a first execution function of the device display component, where the third-level target device node data at least includes a unique identifier of the third-level target device node.

The device display component in the disclosure needs to store the variable of the data of the selected device node to realize the display state of the selected device node. In addition, in order to realize that a certain device node is selected by the parent page control device display component, the device display component is required to be capable of receiving parent data and setting the selection effect of the corresponding device node. Illustratively, as shown in table 2, when the parent-level page controls the device display component to implement the function of selecting a device node, a selectedNode parameter and a selectedKey parameter may be transmitted to the device display component, a variable used for storing data of the selected device node in the device display component is a device selected variable deviceSelected, a first execution function of the device display component is a handleNodeClick function, and the function may be executed when a user clicks the device node.

TABLE 2

For example, the third hierarchical target device node is "device 5" shown in fig. 5, and when the user clicks the device node, the node data of the device node is passed into the handleNodeClick function. The node data of the device node may at least comprise a unique identifier of the device node (e.g. device selected.id = 5), a device name of the device node (e.g. device 5), and a node type of the device node (e.g. monitoring device).

And step S820, assigning the device selected variable of the device display component to the third-level target device node data by using the first execution function.

After the node data of the device node in the user point is transmitted into the handleNodeClick function, the value of the device-selected variable deviceSelected may be set to the node data of the device node in the point by using the handleNodeClick function. For example, the value of the device selected variable deviceSelected may be set to the node data of "device 5".

And S830, comparing the unique identifier of each equipment node in the current page with the unique identifier of the selected variable of the equipment respectively to determine the third-level target equipment node with the same unique identifier of the selected variable of the equipment and the unique identifier of the current page.

Illustratively, after the value of the device-selected variable deviceSelected is set to the node data of "device 5", the unique identifier of the device-selected variable deviceSelected becomes the unique identifier of "device 5". Then, the unique identifiers of all the device nodes shown in fig. 5 and the unique identifier of the device-selected variable deviceSelected may be respectively compared to determine a target device node in the current page, where the unique identifier is the same as the unique identifier of the device-selected variable.

Specifically, the value of the unique identifier is determined by the selectedKey parameter, and the default value of the selectedKey parameter is 'id'. Thus, the id field values of all device nodes may be compared with the id field value of the device selected variable deviceSelected. If the value of the selectedKey parameter is 'deviceId', the deviceId field values of all the device nodes can be compared with the deviceId field value of the device selected variable deviceSelected. Correspondingly, the judgment condition whether the equipment node is selected is as follows: device node data [ selected key ] = deviceSelected [ selected key ]. In this example: device node data id = deviceselected.id =5, indicating that the device node selected by the user is "device 5".

Step S840, rendering the current page according to the third-level target device node data, so as to set the third-level target device node in the current page to be in a selected state.

After the device node selected by the user is determined as the device 5, the data of the device node can be transmitted to the parent page, so that the parent page performs page display adjustment according to the data of the device node. Meanwhile, the current page can be rendered according to the data of the equipment node, so that the equipment node is set to be in the selected state. For example, the selected device node may be highlighted, bolded, etc. to indicate that the device node is currently in the selected state. Referring to FIG. 9, a schematic diagram of a page with device 5 set to the selected state is shown.

In another exemplary embodiment, the selected function of each device node in the device node list shown in fig. 7 may also be implemented. For example, when the user clicks "device 10" in the device node list, the node data of the device node may be transmitted to a handleNodeClick function, and the "device 10" is set to the selected state based on the function, and the specific processing procedure is similar to steps S810 to S840, and is not described in detail here. Referring to FIG. 10, a schematic diagram of a page setting "device 10" to a selected state is shown.

The method and the device can realize the selected function of the monitoring equipment by configuring different parameters according to the service requirements.

In yet another example embodiment, the current page may further include a plurality of data presentation interfaces, each data presentation interface being configured to present video stream data corresponding to the device node. For example, the current page is a video monitoring page, the video monitoring page includes a data presentation page for presenting video stream data corresponding to the device node, and the data presentation page includes video frames 1 and 5 frames that need to be configured as shown in fig. 11. After the third-level device node is displayed in the current page, when a selection operation of a user on the target data display interface is received, a node selection parameter set corresponding to the target data display interface can be transmitted to the device display component, and the device display component renders the current page according to parameter values in the node selection parameter set, so that the target device node in the current page is set to be in a selected state. The node selection parameter set may include a selectedKey variable and a selectedNode parameter.

For example, the target data presentation interface may be a video screen 1, and when the user clicks on the video screen 1, the node-selected participation set corresponding to the video screen 1 may be transferred to the device display component. For example, when the default value of the selectedKey variable is 'id', the parent page only needs to transmit the selectedNode parameter to the device presentation component, and the selectedNode parameter includes a variable named 'id'. For another example, when the default value of the selectedKey variable is not 'id', that is, the selected device data owned by the parent page does not contain an id field, the parent page needs to transmit the selectedKey parameter to the device display component to specify the variable name uniquely identified by the device, and then, the selectedNode parameter needs to be transmitted, and the selectedNode may contain a variable V, and the name of the V is the value of the selectedKey variable. For example, if the value of the selectedKey variable is 'deviceId', the selectedNode parameter needs to include the value of 'deviceId', which is as follows: { deviceId:1}.

The method and the device can meet the service requirement of the video monitoring page for clicking the monitoring equipment through configuration.

In the video monitoring page, a user has a need to play a real-time monitoring picture of the monitoring device, and correspondingly, all playing device nodes need to be marked in a device display component, and a text of "playing" is added after the device name of the device node, that is, the device node is set to be in a playing state.

In an example embodiment, after the third-tier device node is displayed in the current page, when a selection operation of the user on the third-tier target device node is received, the third-tier target device node data may be transferred to the current page, and the third-tier target device node data may at least include a unique identifier of the third-tier target device node. If the current page can obtain corresponding video stream data according to the data of the third-layer target device node, the unique identifier of the third-layer target device node sent by the current page can be received. Finally, when the unique identifier of the third-tier target device node exists in the set of playback device identifiers of the device display component, the third-tier target device node in the current page may be set to the playback state.

For example, after a user clicks a certain device node, the node data of the device node may be transferred to a parent page, and the parent page obtains a video stream of the device node and plays the video stream, so that the data of the playing device may be stored in the parent page. As shown in table 3, when the parent page controls the device display component to implement the play function of the device node, the device display component only needs to provide the function of receiving the data of the play device and marking the corresponding device node as the play state. For example, a playingIds parameter and a playingKey parameter may be passed into the device display component, where the playingIds parameter is a set of unique identifiers of the playing device, such as [1,2,3], where 1,2, and 3 are the unique identifiers of the corresponding playing devices, respectively. The playingKey parameter is a judgment basis of the playing device, and when the value of the playingKey parameter exists in the playingIds parameter set, the device node corresponding to the value can be set to be in a playing state.

TABLE 3

Types of	Name(s)	Explaining the meaning
			Ginseng radix et rhizoma Rhei	playingIds	Unique identification set of playing device
Ginseng radix et rhizoma Rhei	playingKey	Basis of decision of playing device

For example, referring to fig. 11, the third-level target device node is "device 5", and when the user clicks the device node, the node data of the device node may be transferred to the current page, and the node data of the device node may at least include a unique identifier (e.g., id: 5) of the device node, a device name (e.g., device 5) of the device node, a node type (e.g., monitoring device) of the device node, and the like. The current page also comprises a plurality of data presentation interfaces, such as video frames 1 and 5 frames needing configuration.

After the current page receives the node data of the equipment node, the video stream of the equipment node can be obtained according to the node data of the equipment node. If the current page can acquire the video stream of the device node, the unique identifier of the device node can be sent to the device display component. Finally, when the unique identifier of the device node exists in the playingIds parameter, the third-tier target device node in the current page may be set to the play state. The value of the unique identifier is determined by the play key parameter, for example, if the node data of the device node is device, the condition for determining whether the device node is in the play state is as follows: a value X exists in the playingIds parameter, satisfying X = device [ playingKey ]. In this example there are: the playingIds parameter is [5,6,7], and X = device.id =5, i.e. 5 is included in the set, indicating that the device node in play is "device 5". If the current page cannot acquire the video stream of the equipment node, the equipment node does not need to be set to be in a playing state. It will be appreciated that while the "device 5" is marked as being on the air, the surveillance video of the corresponding location can be played in the corresponding data presentation interface, such as the video frame 1.

Similarly, if each device node in the device node list shown in fig. 7 has a corresponding video stream, each device node may also be set to be in a play state. For example, when the user clicks "device 10" in the device node list, the node data of the device node may be sent to the current page to obtain the video stream of the device node. If the current page can obtain the video stream of the device node, the unique identifier of the device node may be sent to the device display component, so as to mark the "device 10" as a play state through the device display component. Referring to fig. 12, a schematic diagram of a page with device 10 set to the play state is shown.

In another example embodiment, after the third-level device node is displayed in the current page, when a selection operation of a user on the target data presentation interface is received, a node play parameter set corresponding to the target data presentation interface may be transferred to the device display component, and the device display component renders the current page according to a parameter value in the node play parameter set, so as to set the target device node in the current page to be in a play state. The node playing parameter set can include a playingKey parameter and a playingKey parameter. For example, when the value of the playingKey parameter exists in the playingIds parameter set, the device node corresponding to the value may be set to the play state.

The method and the device can realize the play state setting function of the monitoring equipment by configuring different parameters according to the service requirements. And the requirement that the monitoring equipment in playing is set to be in a playing state by the video monitoring page can be met through configuration.

The device display component disclosed by the invention can also be used in a video plan configuration page and a polling page, for example, a polling page is used, a user has a requirement for checking a device node, and correspondingly, the device display component is required to transmit data of the checked device to a parent page. In addition, the device display component is also required to set the corresponding device node in a checking state according to the data transmitted from the parent page.

In an example embodiment, after the third hierarchical device node is displayed in the current page, as shown in fig. 13, the checking function of the device node may be implemented according to steps S1310 to S1340.

Step s1310, when receiving a selection operation of the user on a third-level target device node, transmitting third-level target device node data into a second execution function of the device display component, where the third-level target device node data at least includes a unique identifier of the third-level target device node and a current checking state.

In the disclosed example embodiment, 1) the device display component needs to provide an entry, and the parent page controls whether the device display component has the function of checking the device node through the entry; 2) The device display component needs to provide a configuration function to set whether a specific device node is selectable, the function returns true or false, the returned true represents that the device node is not selectable, and the returned false represents that the device node is selectable; 3) Variables for storing and selecting node data of the equipment are required in the equipment display component; 4) In order to implement setting the corresponding device node to the check state according to the device check data of the parent page, it is necessary that the device display component can receive the parent data and set the corresponding check effect. Illustratively, as shown in table 4, when the parent-level page controls the device display component to implement the checking function of the device node, the checkable parameter, the checkable func parameter, the checkdids parameter, the checkdnodes parameter, and the checkkey parameter may be transmitted to the device display component, a variable used for storing data of the checked device node inside the device display component is a device checking variable deviceChecked, a second execution function of the device display component is a handlecounterchange function, and when a user clicks the device node, the function may be executed.

TABLE 4

For example, the third-level target device node is "device 6" shown in fig. 5, and when the user clicks the device node, the node data of the device node is transmitted into the handleCheckChange function. The node data checkedNode of the device node may at least include a unique identifier (e.g., id: 6) of the device node, a current check status checked of the device node, and the like.

Step S1320, when the current checking state is to-be-checked, adding the third-level target device node data into the device checking variable of the device display component by using the second execution function.

The value of the checking state check may be true/false, and when the checking state check is true, it indicates that the current checking state of the node is to be checked, that is, when the user clicks the device node, the device node may be set to the checking state; when the check state checked is false, it indicates that the user clicks the device node, and the check state of the device node may be cancelled.

For example, when the current checking state of the "device 6" is to be checked, the second execution function handlecounterchange function may be used to add the node data checkedNode of the device node to the device checking variable devicecheck of the device display component, otherwise, the node data checkedNode of the device node may be deleted from the device checking variable devicecheck of the device display component.

And S1330, assigning a value to the selected device identifier set of the device display assembly according to the unique identifier of the third-level target device node in the device selection variable.

Fig. 5 shows a multi-level node, for example, a unique identifier of "device 6" may be obtained from a device checking variable devicecheck, and a specific value of the unique identifier is determined by a checkedKey parameter. After the unique identifier of the "device 6" is determined, the unique identifier of the "device 6" may be added to the checked device identifier set devicecheckedls.

Step S1340, setting the third-level target device node in the current page to be in a checking state according to the checked device identifier set after assignment.

After the device 6 is determined to be the device node selected by the user, the data of the device node can be transmitted to the parent page, so that the parent page performs page display adjustment according to the data of the device node. Meanwhile, the current page can be rendered according to the data of the equipment node, so that the equipment node is set to be in a checking state. Referring to fig. 14, a schematic diagram of a page with device 6 set to the check state is shown.

In another exemplary embodiment, the checking function of each device node in the device node list shown in fig. 7 may also be implemented. For example, when the user clicks "device 10" in the device node list, the node data of the device node may be transmitted into a handlecycle device function, and the "device 10" is set to the checking state based on the function, and the specific processing procedure is similar to steps S1310 to S1340, and is not described in detail here. Referring to FIG. 15, a schematic diagram of a page is shown in which "device 10" is set to the tick state.

It should be noted that, in step S1330, the values of the device identifier set devicecheckedls are synchronized with the checking status of the device node in the device node list in real time. The step can ensure that the checking result of the multi-level nodes can be synchronized when the multi-level nodes are switched to the equipment node list. And when the equipment node list is displayed, the value of the colluded equipment identification set deviceCheckerdids is the latest colluded node data, and when the equipment node list is switched to a multi-level node, the colluding result of the equipment node list can be synchronized only according to the colluded equipment identification set deviceCheckerdids.

The method and the system can realize the checking function of the monitoring equipment by configuring different parameters according to the service requirements.

In another example embodiment, when a selection operation of a user on a target data display interface is received, a node selection parameter set corresponding to the target data display interface may be transmitted to an equipment display component, and the equipment display component renders a current page according to parameter values in the node selection parameter set, so as to set a target equipment node in the current page to a selection state. The node hooking join set may include a checkids parameter, a checkkey parameter, a checknods parameter, a checked parameter, and the like.

Illustratively, the target data presentation interface may be a video screen 1 as in fig. 11, and when the user clicks on the video screen 1, the device node data corresponding to the video screen 1 may be transferred to the device display component. For example, when the incoming device node data is a checkedlds parameter, the value of the hooked device identification set devicecheckedls may be set as the checkedls parameter. Then, a value of a device check variable deviceChecked may be generated according to the values of the checkedlds parameter and the checkedKey parameter, and a data structure of a single checked device node is generated as follows: { value of checkedKey: device unique identification value), and finally, the device node may be set to a tick state. For another example, when the incoming device node data is a checkedNodes parameter, a value of a device hooking variable deviceChecked may be set as a value of the checkedNodes parameter, then, according to the values of the checkedNodes parameter and the checkedKey parameter, a value of a hooking device identifier set devicecheddis generated, that is, a unique identifier value of a device node in the checkedNodes parameter is taken to generate a hooking device identifier set devicecheddis, a variable name of the unique identifier is saved as a checkedKey, and a corresponding device node is set to be in a hooking state.

In the two cases, the colluding device identifier set devicecheckedlds stores the unique identifiers of all the colluding device nodes, and can be used for setting the colluding state of the device nodes in the multi-level node and device node list. The value of the device checking variable devicecheck is set so that when the user continues to check the device node or cancels the check of the device node, the device checking variable devicecheck can be updated on the basis of the existing checking device node data to transmit the latest checking device node data set to the parent page.

The video recording system can meet the requirements of checking the monitoring equipment on the video recording plan configuration page and the polling page through configuration.

The device display component in example embodiments of the present disclosure may provide a monitoring device presentation function at a geographic level. In addition, according to the service requirements, the selecting function, the playing state setting function and the checking function of the monitoring equipment can be realized by configuring different parameters, so that the service requirements of different pages of the park management system are met.

It should be further noted that, in the exemplary embodiment of the present disclosure, the first executable function (handleNodeClick), the second executable function (handleholdchange), the device selected variable (deviceSelected), the device hooked variable (deviceChecked), and the like may be packaged in advance as an executable file and stored in the browser, so that the executable file is executed when a trigger operation on a geographic node in the current page is received. It is understood that the source code encapsulation may be performed according to the actual requirement of the user and obtain the executable file required by the user, which is not specifically limited by the present disclosure. For example, relative source codes such as a current page source code, a first execution function, a second execution function, a device selection variable and a device check variable can be packaged under the Vue framework by using webpack and stored in a server in a folder form, and a user can make a data request to the server when using a local browser to request Guan Yuanma such as a first execution function handlemandlick, a second execution function handleheckchange, a device selection variable deviceSelected and a device check variable, which are involved in the present disclosure. Preferably, when the user accesses the current page for the first time, the executable files packaged in advance can be deployed to the local browser together, so that frequent data requests to the server can be avoided. The information display method provided by the embodiment of the disclosure has the advantages of clear logic, simple structure, light weight and easiness in implementation, and does not occupy too much memory. It is understood that the information display method refers to data processing at a browser side.

In the information display method provided by the example embodiment of the present disclosure, basic data required by a device display component is acquired, and a first hierarchical node is displayed on a current page according to the basic data, where the first hierarchical node includes at least one of a first hierarchical geographic node and a first hierarchical device node; when the triggering operation of a user on the first-level target geographic node is received, displaying a second-level node in the current page, wherein the second-level node comprises at least one of a second-level geographic node and a second-level equipment node; and when the triggering operation of the user on the second-level target geographic node is received, displaying a third-level device node in the current page. The method and the device can realize multi-level node display with geographic information, are convenient for business personnel to check the target equipment according to the geographic level, improve equipment query efficiency and further improve user experience.

It should be noted that although the various steps of the methods of the present disclosure are depicted in the drawings in a particular order, this does not require or imply that these steps must be performed in this particular order, or that all of the depicted steps must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions, etc.

Further, in the present exemplary embodiment, an information display device is also provided. The device can be applied to a terminal device or a server. Referring to fig. 16, the information display apparatus 1600 may include a first information display module 1610, a second information display module 1620 and a third information display module 1630, wherein:

a first information display module 1610, configured to obtain basic data required by a device display component, and display a first hierarchical node on a current page according to the basic data, where the first hierarchical node includes at least one of a first hierarchical geographic node and a first hierarchical device node;

the second information display module 1620 is configured to, when receiving a trigger operation of a user on a first-level target geographic node, display a second-level node in the current page, where the second-level node includes at least one of a second-level geographic node and a second-level device node;

a third information displaying module 1630, configured to display a third hierarchical device node in the current page when the user triggers the second hierarchical target geographic node.

In an alternative embodiment, the basic data required by the device display component in the information display apparatus 1600 at least includes geographic node data, sub-tree data corresponding to the geographic node data, and device node data;

In an alternative embodiment, the first information display module 1610 is configured to render the current page according to the first hierarchical geographic node data and the first hierarchical device node data in the base data, so as to display the first hierarchical geographic node and the first hierarchical device node on the current page.

In an alternative embodiment, the information display device 1600 further comprises:

the search data input module is used for acquiring target equipment node data related to input data in the basic data when receiving data input operation of the user in a preset time period;

and the equipment node list display module is used for rendering the current page according to the target equipment node data so as to display an equipment node list consisting of target equipment nodes in the current page.

a first parameter transmission module, configured to transmit third-tier target device node data to a first execution function of the device display component when receiving a selection operation of a third-tier target device node by the user, where the third-tier target device node data at least includes a unique identifier of the third-tier target device node;

the first data assignment module is used for assigning the equipment selected variable of the equipment display component to the third-level target equipment node data by using the first execution function;

a selected node determining module, configured to compare the unique identifier of each device node in the current page with the unique identifier of the device selected variable, respectively, so as to determine the third-tier target device node in which the unique identifier in the current page is the same as the unique identifier of the device selected variable;

and the selected node setting module is used for rendering the current page according to the third-level target equipment node data so as to set the third-level target equipment node in the current page to be in a selected state.

a node data transmission module, configured to transmit third-tier target device node data to the current page when receiving a selection operation of a third-tier target device node by the user, where the third-tier target device node data at least includes a unique identifier of the third-tier target device node;

the node data receiving module is used for receiving the unique identifier of the third-layer target equipment node sent by the current page when the current page obtains corresponding video stream data according to the third-layer target equipment node data;

a playing state setting module, configured to set the third-tier target device node in the current page to a playing state when the unique identifier of the third-tier target device node exists in the playing device identifier set of the device display component.

the first parameter transmission module is used for transmitting third-level target equipment node data into a second execution function of the equipment display component when the user selects a third-level target equipment node, wherein the third-level target equipment node data at least comprises a unique identifier of the third-level target equipment node and a current checking state;

the node data adding module is used for adding the third-level target equipment node data into the equipment checking variable of the equipment display component by using the second execution function when the current checking state is to-be-checked;

the second data assignment module is used for assigning the checking device identifier set of the device display component according to the unique identifier of the third-level target device node in the device checking variable;

and the checking state setting module is used for setting the third-level target device node in the current page into a checking state according to the evaluated checking device identifier set.

In an optional implementation manner, the current page includes a plurality of data presentation interfaces, where the data presentation interfaces are used to present video stream data corresponding to each hierarchical device node; the information display apparatus 1600 further includes:

the first parameter transmission module is used for transmitting a node selection parameter set corresponding to a target data display interface to the equipment display component when the selection operation of the user on the target data display interface is received;

and the selected state setting module is used for rendering the current page by the equipment display component according to the parameter values in the node selected parameter set so as to set the target equipment node in the current page to be in the selected state.

the node data acquisition module is used for transmitting a node playing parameter set corresponding to a target data display interface to the equipment display component when receiving the selection operation of the user on the target data display interface;

and the playing state setting module is used for rendering the current page by the equipment display component according to the parameter values in the node playing parameter set so as to set the target equipment node in the current page to be in a playing state.

the node data acquisition module is used for transmitting a node checking parameter set corresponding to a target data display interface to the equipment display component when receiving the selection operation of the user on the target data display interface;

and the checking state setting module is used for rendering the current page by the equipment display component according to the parameter values in the node checking parameter set so as to set the target equipment node in the current page to be in the checking state.

The specific details of each module in the information display device have been described in detail in the corresponding information display method, and therefore are not described herein again.

Each module in the above device may be a general-purpose processor, including: a central processing unit, a network processor, etc.; but may also be a digital signal processor, an application specific integrated circuit, a field programmable gate array or other programmable logic device, discrete gate or transistor logic, discrete hardware components. The modules may also be implemented in software, firmware, etc. The processors in the above device may be independent processors or may be integrated together.

Exemplary embodiments of the present disclosure also provide a computer-readable storage medium having stored thereon a program product capable of implementing the above-described method of the present specification. In some possible embodiments, various aspects of the disclosure may also be implemented in the form of a program product comprising program code for causing an electronic device to perform the steps according to various exemplary embodiments of the disclosure described in the above-mentioned "exemplary methods" section of this specification, when the program product is run on the electronic device. The program product may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on an electronic device, such as a personal computer. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.

The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.

Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

Program code for carrying out operations for aspects of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In situations involving remote computing devices, the remote computing devices may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to external computing devices (e.g., through the internet using an internet service provider).

The exemplary embodiment of the present disclosure also provides an electronic device capable of implementing the above method. An electronic device 1700 according to such an exemplary embodiment of the present disclosure is described below with reference to fig. 17. The electronic device 1700 shown in fig. 17 is only an example and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

As shown in fig. 17, electronic device 1700 may take the form of a general-purpose computing device. Components of the electronic device 1700 may include, but are not limited to: at least one processing unit 1710, at least one memory unit 1720, a bus 1730 that connects the different system components including the memory unit 1720 and the processing unit 1710, and a display unit 1740.

The storage unit 1720 stores program code, which may be executed by the processing unit 1710, to cause the processing unit 1710 to perform steps according to various exemplary embodiments of the present disclosure described in the "exemplary methods" section above in this specification. For example, the processing unit 1710 may perform any one or more of the method steps of fig. 2, 8, and 13.

The storage unit 1720 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM) 1721 and/or a cache memory unit 1722, and may further include a read only memory unit (ROM) 1723.

Storage unit 1720 may also include a program/utility 1724 having a set (at least one) of program modules 1725, such program modules 1725 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.

Bus 1730 may be any of several types of bus structures including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or a local bus using any of a variety of bus architectures.

The electronic device 1700 can also communicate with one or more external devices 1800 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 1700, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 1700 to communicate with one or more other computing devices. Such communication can occur via an input/output (I/O) interface 1750. Also, the electronic device 1700 can communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the internet) via the network adapter 1760. As shown, the network adapter 1760 communicates with the other modules of the electronic device 1700 via the bus 1730. It should be appreciated that although not shown, other hardware and/or software modules may be used in conjunction with electronic device 1700, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.

Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the exemplary embodiments of the present disclosure.

Furthermore, the above-described figures are merely schematic illustrations of processes included in methods according to exemplary embodiments of the present disclosure, and are not intended to be limiting. It will be readily understood that the processes shown in the above figures are not intended to indicate or limit the chronological order of the processes. In addition, it is also readily understood that these processes may be performed synchronously or asynchronously, e.g., in multiple modules.

It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.

It will be understood that the present disclosure is not limited to the precise arrangements that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An information display method, comprising:

acquiring basic data required by a device display component, and displaying a first-level node on a current page according to the basic data, wherein the first-level node comprises at least one of a first-level geographic node and a first-level device node;

and when receiving the triggering operation of the user on the second-level target geographic node, displaying a third-level device node in the current page.

2. The information display method according to claim 1, wherein the basic data required for the device display component includes at least geographical node data, sub-tree data corresponding to the geographical node data, and device node data;

3. The information display method according to claim 2, wherein the displaying the first level node on the current page according to the basic data comprises:

rendering the current page according to the first-level geographic node data and the first-level equipment node data in the basic data, so as to display the first-level geographic node and the first-level equipment node on the current page.

4. The information display method according to claim 1, wherein after displaying a third hierarchical device node in the current page, the method further comprises:

5. The information display method of claim 1, wherein after displaying a third hierarchical device node in the current page, the method further comprises:

assigning the device selection variable of the device display component to the third-level target device node data by using the first execution function;

6. The information display method according to claim 1, wherein after displaying a third hierarchical device node in the current page, the method further comprises:

7. The information display method of claim 1, wherein after displaying a third hierarchical device node in the current page, the method further comprises:

when the current checking state is to be checked, adding the third-level target equipment node data into an equipment checking variable of the equipment display component by using the second execution function;

assigning a value to the selected device identifier set of the device display component according to the unique identifier of the third-level target device node in the device selection variable;

8. The information display method according to claim 1, wherein the current page includes a plurality of data presentation interfaces for presenting video stream data corresponding to each hierarchical device node; after the third hierarchical device node is displayed in the current page, the method further includes:

9. The information display method of claim 8, wherein after displaying a third hierarchical device node in the current page, the method further comprises:

10. The information display method of claim 8, wherein after displaying a third hierarchical device node in the current page, the method further comprises:

11. An information display device characterized by comprising:

the first information display module is used for acquiring basic data required by a device display component and displaying a first level node on a current page according to the basic data, wherein the first level node comprises at least one of a first level geographical node and a first level device node;

the second information display module is used for displaying second level nodes in the current page when receiving triggering operation of a user on the first level target geographic node, wherein the second level nodes comprise at least one of second level geographic nodes and second level equipment nodes;

and the third information display module is used for displaying a third level device node in the current page when receiving the triggering operation of the user on the second level target geographic node.

12. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of any one of claims 1 to 10.

13. An electronic device, comprising:

a processor; and

a memory for storing executable instructions of the processor;

wherein the processor is configured to perform the method of any of claims 1-10 via execution of the executable instructions.