Method and device for managing front-end display module of unmanned aerial vehicle inspection system
By using a real-time communication protocol to connect with the backend server in the drone inspection system, the front-end interface is updated in real time and operation commands are synchronized, which solves the problem of the inability to process alarm information in real time in the existing technology and realizes efficient alarm information management and response.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- TONGHAO LOW-ALTITUDE ECONOMIC (HEFEI) TECHNOLOGY CO LTD
- Filing Date
- 2025-12-31
- Publication Date
- 2026-04-28
AI Technical Summary
The existing drone inspection system's front-end interface cannot achieve bidirectional synchronous updates with the back-end server, thus failing to meet the operator's need for real-time processing of alarm information.
It establishes a connection with the backend server through a real-time communication protocol, receives new alarm information in real time and dynamically updates the front-end interface, receives and executes operation instructions, and synchronizes the processing results to the backend server.
It achieves real-time synchronization between the front-end interface and the back-end server, improving the real-time management and response speed of alarm information, and meeting the real-time processing needs of operators in inspection tasks.
Smart Images

Figure CN121940384A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of drone inspection technology, and in particular to a method and device for managing the front-end display module of a drone inspection system. Background Technology
[0002] The core task of a drone inspection system is to promptly detect and handle various alarm events generated during the inspection process. With the widespread application of drones in the inspection field, how to efficiently display and process alarm information has become one of the important technical challenges of drone inspection systems.
[0003] In existing technologies, the front-end interface of drone inspection systems typically obtains alarm information from the back-end server through periodic polling or manual refresh by the operator, and submits the alarm information processing results to the back-end server through a request-response mechanism after processing the alarm information.
[0004] The existing alarm information management method of the front-end interface cannot achieve bidirectional synchronous updates with the back-end server, and cannot effectively meet the operator's need for real-time processing of alarm information during inspection tasks. Summary of the Invention
[0005] This application provides a management method and device for the front-end display module of an unmanned aerial vehicle (UAV) inspection system, which aims to solve the problem that existing front-end interface alarm information management methods cannot effectively meet the operator's real-time processing needs for alarm information during inspection tasks.
[0006] In a first aspect, this application provides a method for managing the front-end display module of a drone inspection system, including: Establish a real-time communication connection with the backend server based on a real-time communication protocol; Through the real-time communication connection, new alarm information pushed by the backend server can be received in real time; The front-end interface is dynamically updated to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. Receive and execute operation instructions for any alarm information in the front-end interface; Through the real-time communication connection, the processing result of the operation command for any alarm information is synchronized to the backend server.
[0007] In one embodiment, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: Receive the operator's processing start command for any of the alarm messages; Update the front-end interface to display the processing operation interface for any alarm information, and update the processing status of any alarm information to "processing in progress"; Receive and execute information processing operation instructions under the processing operation interface, and obtain the execution result of the information processing operation instructions; the information processing operation instructions include at least one of the following: alarm information verification instruction, first details viewing instruction, processing result entry instruction, remarks information entry instruction, alarm marker entry instruction; The processing of any of the aforementioned alarm messages is completed; Based on the processing completion operation instruction, the processing status of any alarm information is updated to the processed status.
[0008] In one embodiment, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: Receive commands to switch view modes; The view mode of the front-end interface is switched between card view and list view based on the switching command.
[0009] In one embodiment, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: Receive a filtering operation instruction, which includes specific options for multiple alarm attributes; According to the filtering operation instruction, the alarm information in the front-end interface is filtered to obtain the filtered alarm information; Update the front-end interface to display the filtered alarm information.
[0010] In one embodiment, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: Receive a second details viewing instruction for any of the aforementioned alarm messages; According to the second details viewing instruction, the front-end interface is updated to display the details interface of any alarm information, the details interface including text information and multimedia information related to any alarm information.
[0011] In one embodiment, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: The alarm nature marking instruction received from any of the alarm messages includes a false alarm marking instruction and a duplicate marking instruction. Based on the alarm nature marking instruction, mark the nature of any alarm information; Update the front-end interface to display the nature marker of any of the alarm messages.
[0012] In one embodiment, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: Receive a deletion command for any of the aforementioned alarm messages; Based on the deletion operation command, delete any of the alarm messages; The front-end interface is updated based on the deletion results.
[0013] Secondly, this application also provides a front-end display module management device for a drone inspection system, comprising: The real-time communication establishment module establishes a real-time communication connection with the backend server based on the real-time communication protocol. The new information receiving module is used to receive new alarm information pushed by the backend server in real time through the real-time communication connection; The interface update module is used to dynamically update the front-end interface to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. The instruction processing module is used to receive and execute operation instructions for any alarm information in the front-end interface; The result synchronization module is used to synchronize the processing result of the operation instruction of any alarm information to the backend server through the real-time communication connection.
[0014] Thirdly, this application also provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, it implements the front-end display module management method of any of the above-mentioned UAV inspection systems.
[0015] Fourthly, this application also provides a non-transitory computer-readable storage medium storing a computer program, which, when executed by a processor, implements the front-end display module management method of any of the above-mentioned UAV inspection systems.
[0016] Fifthly, this application also provides a computer program product, which includes a computer program that, when executed by a processor, implements the front-end display module management method of any of the above-mentioned UAV inspection systems. Attached Figure Description
[0017] To more clearly illustrate the technical solutions in this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.
[0018] Figure 1 This is a schematic diagram of the communication process between the front-end interface and the back-end server provided in this application; Figure 2 This is a flowchart illustrating the management method of the front-end display module of the UAV inspection system provided in this application; Figure 3 This is a flowchart illustrating an embodiment of receiving and executing operation instructions for any alarm information in the front-end interface provided in this application; Figure 4 This is a schematic diagram of the front-end display module management device of the UAV inspection system provided in this application; Figure 5 This is a schematic diagram of the structure of the electronic device provided in this application. Detailed Implementation
[0019] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.
[0020] It should be noted that, in the description of this application, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.
[0021] The terms "first," "second," etc., used in this application are used to distinguish similar objects and not to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that embodiments of this application can be implemented in orders other than those illustrated or described herein, and the objects distinguished by "first," "second," etc., are generally of the same class, without limiting the number of objects; for example, a first object can be one or more. Furthermore, "and / or" indicates at least one of the connected objects, and the character " / " generally indicates that the preceding and following objects have an "or" relationship.
[0022] The following is combined with Figures 1 to 5 This application describes the management method and apparatus for the front-end display module of the drone inspection system.
[0023] like Figure 1 As shown, the communication process between the front-end interface and the back-end server provided in this application includes: S110: The front-end display module loads the front-end interface.
[0024] The front-end display module is used to process alarm information pushed by the back-end server and operation commands entered by operators through the front-end interface, and to manage the front-end interface.
[0025] S120: The front-end display module initiates a real-time communication connection request to the back-end server.
[0026] Real-time communication protocol is a communication protocol that supports full-duplex, persistent connections. Once the connection is established, the backend server and the frontend display module can transmit data bidirectionally with low latency, avoiding the resource consumption and latency caused by the frequent polling of the frontend display module in the traditional HTTP request-response mode.
[0027] In one possible implementation, the front-end display module and the back-end server use the WebSocket real-time communication protocol to establish a real-time communication connection.
[0028] S130: The backend server receives the real-time communication connection request, completes the handshake, returns a connection success message, and establishes a real-time communication connection.
[0029] S140: The front-end display module enters the listening state, waiting for the back-end server to push alarm information.
[0030] After establishing a real-time communication connection, the front-end display module will periodically send heartbeat packets to the back-end server to maintain the connection.
[0031] S150: When a new alarm message is generated, the backend server pushes the new alarm message to the frontend display module in real time.
[0032] In one possible implementation, the pushed alarm information is in JSON format or a binary stream format.
[0033] S160: The front-end display module parses new alarm information and obtains the parsing results.
[0034] The parsing results include the alarm category, alarm level, alarm time, processing status, alarm event, alarm geographical location information, related device identifiers, alarm scene, image or video address, monitoring device, line or area, and identifiers for image or video resources used for subsequent viewing.
[0035] Alarm categories include equipment malfunction, low battery, unauthorized construction, and area intrusion. Alarm levels are categorized as high, medium, and low based on their urgency. The processing status indicates the status of the alarm information, such as unprocessed, processed, being processed, false alarm, invalid, duplicate, or whitelisted.
[0036] S170: The front-end display module updates the front-end interface based on the parsing results.
[0037] Specifically, the front-end interface is updated by refreshing the alarm information view, and the processing status of new alarm information is displayed as unprocessed.
[0038] The front-end interface can display all alarm information using either a card view or a list view.
[0039] In the card view, each alarm message is presented as a separate card. Each card typically contains a summary of the alarm event. The card view is characterized by its rich visual elements and large footprint, allowing for a clear overview and visual information of a small number of alarms, facilitating quick identification and focus on individual events by the operator. For example, when a drone detects an alarm for illegal construction during an inspection, the card view can directly display on-site images and the alarm level, enabling the operator to quickly understand the situation.
[0040] In list view, each alarm message is presented in a table or compact row format. Each row typically contains key text information such as alarm category, alarm level, occurrence time, processing status, and associated line or area, and may omit or reduce the size of the image. List view is characterized by high information density and compact layout, making it suitable for operators to quickly browse large amounts of alarm information, and supports sorting and filtering of different columns. For example, when a large number of alarm messages arrive, operators can switch to list view to quickly scan all unprocessed high-level alarms or sort them by time.
[0041] S180: When the operator inputs various operation commands on the front-end interface, the front-end display module executes the operation commands in real time, updates the front-end interface and alarm information status in real time according to the operation commands, and synchronizes the execution results of the operation commands to the back-end server in real time.
[0042] This application embodiment establishes a real-time communication connection with the backend server through a real-time communication protocol. The backend server synchronously pushes new alarm information to the frontend interface, and the frontend interface synchronously returns the operation instruction processing results of the alarm information to the backend server. This ensures that the alarm information in the frontend interface and the backend server are completely synchronized, thereby guaranteeing the accuracy of the alarm information and meeting the operator's real-time processing needs for alarm information during inspection tasks.
[0043] This application describes the front-end display module management method of a drone inspection system using the front-end display module management device as the execution subject as an example.
[0044] Figure 2This is one of the flowcharts illustrating the management method of the front-end display module of the UAV inspection system provided in this application. For example... Figure 2 As shown, the front-end display module management method of the UAV inspection system provided in this application includes: S210: Establishes a real-time communication connection with the backend server based on the real-time communication protocol.
[0045] Please see the descriptions of steps S120 and S130 above.
[0046] S220: Receive new alarm information pushed by the backend server in real time through the real-time communication connection.
[0047] The new alarm information refers to the data related to alarm events detected and confirmed by the backend system during the inspection process of the drone inspection system.
[0048] For example, during drone inspection missions, when the drone flies over construction zones or key monitoring areas, its onboard visual recognition system and target detection algorithm analyze the video stream in real time. When the system detects that large construction machinery has illegally entered the inspection area, construction activities have not been declared as required, or there are potential safety risks such as illegal excavation or illegal road occupation, the onboard processing unit will immediately generate an alarm event that includes alarm category, alarm level, alarm location, timestamp, and related images.
[0049] The aforementioned alarm events are transmitted back to the backend server in real time via the drone's communication link. Upon receiving the data, the alarm event processing module on the backend server proactively pushes the alarm event to the frontend display module in a structured data format (e.g., JSON) via a WebSocket long-connection mechanism. The frontend display module receives the latest alarm information within milliseconds without needing to refresh or poll. This real-time push mechanism ensures that operators receive the latest alarms as soon as an event occurs, significantly reducing information latency.
[0050] S230: Dynamically update the front-end interface to display a summary of existing alarm information and a summary of the new alarm information, and display the processing status of the new alarm information as unprocessed.
[0051] The front-end interface is a visual interface through which the operator interacts with the drone inspection system. In one possible implementation, the front-end interface uses the Vue.js framework and CSS Flexbox layout to achieve a responsive and modular design. Dynamic updates refer to the ability to add, modify, or delete partial content in real time without refreshing the entire page.
[0052] The updated front-end interface displays summaries of existing alarm information and adds summaries of newly added alarm information. The alarm information summary refers to key, concise information presented for quick identification and preliminary judgment of alarm events, including but not limited to alarm image thumbnails or identifiers, alarm category, alarm level, associated line, monitoring device number, alarm location, alarm event, alarm time, and current processing status. This summary information is presented in a concise and intuitive manner in the main display area of the front-end interface. By showcasing multi-dimensional alarm information in summary form, the efficiency of operators in obtaining alarm events is improved.
[0053] Specifically, when a new alarm message is first displayed, its processing status will be clearly shown as "unprocessed." This status is usually alerted to the operator through prominent visual markers (e.g., specific background colors, bold text, or special icons), enabling them to quickly identify new alarm events that require immediate attention. This dynamic updating and highlighting of new alarms ensures that the operator can grasp the alarm status of the entire inspection area in real time, significantly improving the operator's response efficiency and attention to new events.
[0054] S240: Receive and execute operation instructions for any alarm information in the front-end interface.
[0055] The front-end display module receives and executes operation commands issued by the operator for any alarm information through the front-end interface. The operation commands refer to the operator's interaction with a single alarm information or its associated elements on the front-end interface through mouse clicks, touch, or keyboard input.
[0056] For example, an operator can select an alarm message by clicking on it or by clicking a general interactive button next to it (such as a process button). The front-end display module will capture these operator interaction events and execute corresponding instructions locally according to preset program logic, including changing the display style of the alarm message, popping up a preliminary confirmation dialog box, or preparing to send a notification to the back-end server about the status change of the alarm message, etc.
[0057] S250: Through the real-time communication connection, the processing result of the operation command for any alarm information is synchronized to the backend server.
[0058] The operation instruction processing result refers to any information that the front-end interface needs to know about the alarm information status or management after responding to the operator's operation.
[0059] After receiving and executing the operator's operation command for any alarm information in the front-end interface, the front-end display module will synchronize the operation command processing result to the back-end server in real time through the established real-time communication connection.
[0060] The front-end display module utilizes the advantages of real-time communication protocols to immediately send these processing results to the back-end server, so that the back-end server can update the management status of the alarm information or record the operator's interaction behavior in a timely manner. This real-time two-way synchronization ensures the data consistency of alarm information status between the front-end and back-end servers, laying the foundation for subsequent complex processing procedures and avoiding duplicate processing or management chaos caused by information asynchrony.
[0061] Therefore, the push of alarm data, status updates, details display, and processing records are all synchronized in real time through the real-time communication channel between the front-end display module and the back-end server. This ensures that operators can complete alarm responses with the shortest possible delay in emergency scenarios, thereby improving the response efficiency and management capabilities of the drone inspection system in scenarios involving the inspection of large machinery and the supervision of illegal construction.
[0062] This application embodiment establishes a real-time communication connection with the backend server through a real-time communication protocol, realizing the instant push and dynamic display of alarm information. It can also synchronize the operation results of the front-end operator on the alarm information back to the backend server in real time, which significantly improves the real-time performance, response speed and data consistency of alarm information management in the UAV inspection system. It greatly improves the inefficiency caused by information lag and passive polling, and meets the operator's real-time processing needs for alarm information in inspection tasks.
[0063] The existing front-end display modules lack a unified operation process and a clear processing interface for alarm information.
[0064] Based on these considerations, in one possible implementation, such as Figure 3 As shown, in step S140, receiving and executing operation instructions for any alarm information in the front-end interface specifically includes: S310: Receive the processing start command issued by the operator for any of the alarm messages.
[0065] In the front-end interface, each alarm message has one or more clickable operation buttons, such as a process button.
[0066] The processing start command refers to the operator's intention to actively select and process a specific alarm message. When the operator clicks the processing button for any alarm message, the front-end display module receives the processing start command for that alarm message, thereby triggering the subsequent alarm processing flow.
[0067] S320: Update the front-end interface to display the processing operation interface for any alarm information, and update the processing status of any alarm information to the processing status.
[0068] Upon receiving the processing start command, the front-end display module immediately updates the front-end interface to display the processing operation interface for the alarm information. The processing operation interface is an interactive area specifically designed for handling individual alarm events, typically presented as a pop-up window, sidebar, or new page view, containing all the tools and information input fields required to complete alarm processing.
[0069] At the same time, the front-end display module will update the processing status of the alarm information displayed on the main interface to "processing". For example, it will immediately update from the red "unprocessed" status to the orange "processing" status to intuitively inform the operator that the alarm information is being actively processed.
[0070] In one possible implementation, when an operator clicks the "process" button for any alarm message, a confirmation dialog box pops up on the front-end interface, prompting the operator to confirm whether to begin processing the alarm. If the operator clicks the confirmation button on the front-end interface, the processing status of the alarm message is immediately updated to "processing," and the operator enters the processing operation interface. This secondary confirmation ensures the operator's intent and improves the accuracy of information processing.
[0071] S330: Receive and execute the information processing operation instruction under the processing operation interface, and obtain the execution result of the information processing operation instruction.
[0072] During the display of the processing operation interface, the front-end display module receives and executes a series of information processing operation instructions issued by the operator on the interface, and obtains the execution results of the information processing operation instructions. These information processing operation instructions are various data input, confirmation, or viewing operations performed by the operator to complete alarm processing. The execution results of these instructions are temporarily stored by the front-end display module until processing is complete.
[0073] The information processing operation instructions include at least one of the following: alarm information verification instruction, first details viewing instruction, processing result entry instruction, remarks information entry instruction, and alarm marker entry instruction.
[0074] The alarm information verification command is used to communicate with on-site verification personnel and obtain their verification results for any alarm information, thereby confirming the authenticity, accuracy, or urgency of the alarm information. Specifically, the processing interface may include a drop-down menu for specifying on-site verification personnel; after the operator selects a specific person, the verification command is issued. In response to receiving feedback from the on-site verification personnel (e.g., on-site confirmation of illegal construction by large excavators, with law enforcement intervention notified), the front-end display module displays this feedback information on the front-end interface to assist the operator in verifying the authenticity, accuracy, or urgency of the alarm information.
[0075] During the processing, operators can quickly review or view more detailed information about the alarm event by entering the "First Details View" command. This command triggers a details display within the processing interface, leading to the alarm details box. The left side of the alarm details box displays structured text information such as the alarm source, detection equipment, alarm time, alarm category, alarm level, region, and line. The right side displays multimedia information such as high-definition images and video clips taken by drones. Operators can review the continuous process of illegal construction activities through video playback, such as heavy machinery hoisting, excavation, and earthwork transportation, thereby further confirming the veracity of the alarm and the severity of the event.
[0076] The alarm details box integrates structured alarm information and multimedia information, allowing operators to view all this information on the same page without switching between multiple pages, thus improving the efficiency of the front-end interface and the convenience of operation.
[0077] The execution result of the processing result entry command forms a processing record of the alarm event. The processing operation interface has a text input box for the operator to freely fill in the processing result, which is the operator's verification result of the alarm information, including whether the alarm event has been processed (e.g., maintenance personnel have been notified to go to the site to repair the equipment and the problem has been resolved) or whether the alarm event is being processed (e.g., the construction party has been contacted and asked to stop the illegal construction and rectify it).
[0078] The remarks entry command allows operators to add additional descriptions, contextual information, or internal communication records to alarm events, enriching the information about the alarm event. The processing interface includes a text area that allows operators to enter supplementary information, such as the contact information of the on-site supervisor or the need for continuous follow-up for one week.
[0079] Alarm tagging is an operator's action to classify and label alarm events. Alarm tags are used to distinguish the nature of alarms, assigning clear classification attributes to alarm events for easier subsequent statistical analysis and management. The processing interface provides radio buttons, checkboxes, or buttons for operators to select tags such as false alarms, duplicate alarms, new alarms, and whitelists. False alarms refer to alarms that the system has misjudged. Duplicate alarms refer to alarms that are duplicates of existing alarm events. New alarms refer to alarms that are newly discovered events for the first time, allowing the backend server's statistical system to perform alarm trend analysis.
[0080] S340: Receive the processing completion operation instruction for any of the alarm messages.
[0081] The processing interface includes a "Processing Completed" button. After the operator confirms the alarm's authenticity and validity by comparing on-site information or based on feedback from on-site verification personnel, and fills in the complete processing results and remarks on the processing interface, they can click the "Processing Completed" button to input the processing completion command.
[0082] S350: Based on the processing completion operation instruction, update the processing status of any alarm information to the processed status.
[0083] Based on the processing completion operation command, the front-end display module updates the processing status of any alarm information on the front-end interface to "processed" and synchronously stores the processing record in the back-end database. Simultaneously, the front-end interface displays the processed alarm information in different colors (e.g., processed events are displayed in green) to facilitate the operator's quick differentiation of other unprocessed alarms.
[0084] This final state update is synchronized to the backend server via a real-time communication connection, thereby completing the lifecycle management of the alarm event throughout the system.
[0085] This application provides a structured, interactive processing interface and various information processing operation instructions, enabling operators to efficiently and accurately complete the alarm information processing process. This solves the problems of cumbersome information processing, lack of a unified operation process, and a clear processing interface. It not only improves the operator's handling efficiency and accuracy but also provides a rich and accurate data foundation for subsequent alarm data statistics, trend analysis, and management.
[0086] In existing front-end interfaces, alarm information is usually displayed in a static list format, lacking a flexible view switching mechanism, which requires operators to frequently browse and filter information, resulting in low efficiency.
[0087] Based on this consideration, in one possible implementation, step S140, receiving and executing the operation instruction for any alarm information in the front-end interface, specifically includes: P1: Receives the command to switch view modes.
[0088] Based on the above, the front-end interface displays all alarm information using either a card view or a list view. The top or sidebar of the front-end interface features clear visual controls (such as view mode icons) for the operator to choose between card view or list view for display.
[0089] When the operator clicks the icon representing a different view mode, the front-end display module receives the view mode switching instruction. Changing the view mode can alter the arrangement and presentation style of the current alarm information to suit different viewing needs or information volumes of the operator.
[0090] P2: Switch the view mode of the front-end interface between card view and list view based on the switching command.
[0091] The front-end display module re-renders the layout and style of the alarm information display area according to the switching command, without reloading or refreshing the entire page, thus providing a smooth user experience. The switching is achieved thanks to the front-end module's use of technologies such as Vue.js and CSS Flexbox layout, which can efficiently manage and update user interface components.
[0092] This application provides two flexible view modes, card view and list view, and allows operators to switch between them as needed, which improves the efficiency of information browsing and user experience. This enables operators to obtain and process alarm information in the most efficient and comfortable way when facing different scenarios, thereby improving the response speed and management convenience of inspection tasks.
[0093] The existing front-end interface lacks sufficient interactivity and cannot help operators quickly focus on high-priority alarm events.
[0094] Based on this consideration, in one possible implementation, step S140, receiving and executing the operation instruction for any alarm information in the front-end interface, specifically includes: Q1: Receive filtering operation instructions, which include specific options for multiple alarm attributes.
[0095] The front-end display module is equipped with an interface for filtering alarm information. Specifically, the front-end interface has a filtering control area for operators to input or select specific options for each alarm attribute.
[0096] In one possible implementation, the filtering control area is located at the top left of the front-end interface. Buttons for functions such as search, reset, export, and delete are located at the top right.
[0097] The filtering operation command includes specific options for multiple alarm attributes, such as alarm category, alarm level, alarm line, monitoring device, alarm area, alarm status, alarm event, and scene. Alarm line, monitoring device, and alarm area are used to support filtering information such as the line, device, and area to which the alarm belongs, while alarm event and scene are used to support further refinement of alarm information filtering.
[0098] In one possible embodiment, the filtering control area provides a variety of filtering controls, allowing operators to select and input at least one alarm attribute via drop-down menus, checkboxes, text input boxes, etc.
[0099] Operators can select at least one option from the alarm attributes in the search bar to filter and quickly locate the target alarm event from a large number of alarm messages.
[0100] Q2: According to the filtering operation instruction, the alarm information in the front-end interface is filtered to obtain the filtered alarm information.
[0101] Upon receiving the filtering operation instruction, the front-end display module will filter the existing alarm information in the current front-end interface according to the specific options of multiple alarm attributes contained in the filtering operation instruction.
[0102] Q3: Update the front-end interface to display the filtered alarm information.
[0103] Upon receiving the filtered alarm information, the front-end display module immediately updates the front-end interface. The updated interface displays only the filtered alarm information, while hiding or removing alarm information that does not meet the filtering criteria from the current view. This update is dynamic and does not require refreshing the entire page. The filtering control area also has a reset button, allowing the operator to clear all filtering criteria and restore the display of all alarm information.
[0104] This application provides a multi-dimensional and intelligent alarm filtering function, enabling operators to quickly and accurately locate target alarm information based on multiple attributes such as alarm category, level, and status. This solves the problem that existing systems have difficulty in quickly filtering out alarm information that needs to be prioritized, and improves interactivity.
[0105] Existing front-end interfaces lack necessary auxiliary functions to help operators quickly process alarm information. Based on this consideration, this application provides the following embodiments.
[0106] In one possible implementation, step S140, which involves receiving and executing an operation instruction for any alarm information in the front-end interface, specifically includes: R1: Receive the second details viewing instruction for any of the alarm messages.
[0107] The front-end interface provides a details button for each alarm message. Operators can click the details button for any alarm message to issue a second details viewing command, allowing them to gain a more in-depth understanding of the alarm message.
[0108] R2: According to the second details viewing instruction, update the front-end interface to display the details interface of any alarm information, the details interface including text information and multimedia information related to any alarm information.
[0109] Upon receiving the second details viewing instruction, the front-end display module immediately updates the front-end interface according to the instruction to display the alarm details box (i.e., the details interface) for any alarm information. The details interface is presented as an independent pop-up window or a new page view. It does not replace the main interface but rather overlays it or loads as an independent page, ensuring that users can close the details interface and return to the main interface at any time.
[0110] As described above, the alarm details box includes text and multimedia information related to any of the alarm messages. The left side of the alarm details box displays structured text information, while the right side displays multimedia information, allowing the operator to intuitively understand the situation at the alarm location.
[0111] This application embodiment solves the problems of lack of multi-dimensional display and information asymmetry in existing front-end interfaces by integrating text and multimedia information into a detailed interface. Operators can fully and intuitively understand the on-site situation, background and development process of alarm events without switching pages. Through high-definition image and video playback functions, the operator's on-site understanding ability and decision-making efficiency are significantly improved, thereby accelerating the response speed and processing accuracy of inspection tasks.
[0112] In one possible implementation, step S140, which involves receiving and executing an operation instruction for any alarm information in the front-end interface, specifically includes: S1: Receive an alarm nature marking instruction for any of the alarm messages, the alarm nature marking instruction including a false alarm marking instruction and a duplicate marking instruction.
[0113] The front-end interface not only sets a processing button for each alarm message, but also sets a false alarm button, a repeat button, and a details button. By providing these quick processing functions, it helps operators improve the efficiency and accuracy of alarm message processing.
[0114] Operators can click the false alarm button or repeat button corresponding to a certain alarm information according to actual needs to issue an alarm nature marking instruction to classify the authenticity or uniqueness of the alarm information.
[0115] S2: Mark the nature of any alarm information based on the alarm nature marking instruction.
[0116] Upon receiving the alarm nature marking instruction, the front-end display module marks any alarm information as either a false alarm or a duplicate based on the type of the alarm nature marking instruction (i.e., false alarm or duplicate).
[0117] S3: Update the front-end interface to display the nature marker of any alarm information.
[0118] After the property marking is completed, the front-end display module immediately updates the front-end interface to display the property mark for any alarm information. This update is dynamic and does not require refreshing the entire page. The property mark can be displayed as a text label, icon, etc.
[0119] This application embodiment provides an alarm nature marking function, enabling operators to clearly distinguish between valid alarms, false alarms, and duplicate alarms. This improves the efficiency of alarm data cleaning and management, avoids interference from invalid alarms with subsequent statistical analysis, enhances the accuracy and usability of system alarm data, and provides a more reliable foundation for system optimization and decision support.
[0120] In one possible implementation, step S140, which involves receiving and executing an operation instruction for any alarm information in the front-end interface, specifically includes: U1: Receives the deletion operation command for any of the alarm messages.
[0121] As mentioned above, the top right side of the front-end interface features buttons for functions such as search, reset, export, and delete. Operators can click the delete button to issue a deletion command, removing alarm information that is no longer needed or has become invalid.
[0122] U2: Delete any of the alarm messages based on the deletion operation command.
[0123] Upon receiving the deletion operation instruction, the front-end display module initiates the deletion process of the alarm information based on the deletion operation instruction.
[0124] U3: Update the front-end interface based on the deletion results.
[0125] After the alarm information is deleted from the internal management database, the front-end display module immediately updates the front-end interface based on the deletion result. The updated front-end interface will no longer display the deleted alarm information; this update is dynamic and does not require refreshing the entire page.
[0126] This application provides a convenient alarm information deletion function, enabling operators to promptly clear redundant or invalid alarm information, maintain a clear and efficient front-end interface, optimize the lifecycle management of alarm information, reduce information interference, improve the operator's focus when handling valid alarms, and avoid repeated attention to irrelevant alarms.
[0127] In one possible implementation, the front-end display module management method of the UAV inspection system also includes: V1: Receives a combined operation command for at least one alarm message.
[0128] The combined operation commands include combined export commands and combined delete commands. The combined export command is used to export at least one alarm message to the local computer in batches. The combined delete command is used to delete at least one alarm message in batches.
[0129] The main interface of the front-end features function buttons such as "Combined Export" and "Combined Delete". When an operator clicks the "Combined Export" or "Combined Delete" button, the front-end receives the combined operation instruction.
[0130] V2: Execute the combined operation instruction and update the front-end interface based on the operation result of the combined operation instruction.
[0131] After receiving the combined operation command, the front-end interface performs batch export or deletion of alarm information based on the combined operation command and updates the front-end interface.
[0132] In one possible implementation, after performing a batch export, the updated front-end interface displays the exported files.
[0133] In one possible implementation, after performing batch deletion, the updated front-end interface displays the alarm information after the target alarm information is deleted.
[0134] This application's embodiments introduce combined operation instructions, enabling operators to manage and process large amounts of alarm information with greater efficiency.
[0135] Based on the above, this application also provides a front-end display module management device for a drone inspection system. The front-end display module management device for the drone inspection system and the aforementioned front-end display module management method for the drone inspection system can be referred to and correspond to each other.
[0136] As an example, such as Figure 4 As shown, the front-end display module management device of the drone inspection system includes: Real-time communication establishment module 410 establishes a real-time communication connection with the backend server based on the real-time communication protocol; The new information receiving module 420 is used to receive new alarm information pushed by the backend server in real time through the real-time communication connection. The interface update module 430 is used to dynamically update the front-end interface to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. The instruction processing module 440 is used to receive and execute operation instructions for any alarm information in the front-end interface; The result synchronization module 450 is used to synchronize the operation instruction processing result of any alarm information to the backend server through the real-time communication connection.
[0137] This application embodiment establishes a real-time communication connection with the backend server through a real-time communication protocol, realizing the instant push and dynamic display of alarm information. It can also synchronize the operation results of the front-end operator on the alarm information back to the backend server in real time, which significantly improves the real-time performance, response speed and data consistency of alarm information management in the UAV inspection system. It greatly improves the inefficiency caused by information lag and passive polling, and meets the operator's real-time processing needs for alarm information in inspection tasks.
[0138] Figure 5 This is a schematic diagram of the structure of the electronic device provided in this application, such as... Figure 5 As shown, the electronic device may include: a processor 510, a communications interface 520, a memory 530, and a communication bus 540, wherein the processor 510, the communications interface 520, and the memory 530 communicate with each other via the communication bus 540. The processor 510 can call logical instructions in the memory 530 to execute the front-end display module management method of the UAV inspection system, which includes: Establish a real-time communication connection with the backend server based on a real-time communication protocol; Through the real-time communication connection, new alarm information pushed by the backend server can be received in real time; The front-end interface is dynamically updated to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. Receive and execute operation instructions for any alarm information in the front-end interface; Through the real-time communication connection, the processing result of the operation command for any alarm information is synchronized to the backend server.
[0139] Furthermore, the logical instructions in the aforementioned memory 530 can be implemented as software functional units and, when sold or used as independent products, can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.
[0140] On the other hand, this application also provides a computer program product, which includes a computer program stored on a non-transitory computer-readable storage medium. The computer program includes program instructions, and when the program instructions are executed by a computer, the computer can execute the front-end display module management method of the UAV inspection system provided in the above embodiments. The method includes: Establish a real-time communication connection with the backend server based on a real-time communication protocol; Through the real-time communication connection, new alarm information pushed by the backend server can be received in real time; The front-end interface is dynamically updated to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. Receive and execute operation instructions for any alarm information in the front-end interface; Through the real-time communication connection, the processing result of the operation command for any alarm information is synchronized to the backend server.
[0141] Furthermore, this application also provides a non-transitory computer-readable storage medium storing a computer program thereon. When executed by a processor, the computer program is implemented to perform the front-end display module management method of the UAV inspection system provided in the above embodiments. The method includes: Establish a real-time communication connection with the backend server based on a real-time communication protocol; Through the real-time communication connection, new alarm information pushed by the backend server can be received in real time; The front-end interface is dynamically updated to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. Receive and execute operation instructions for any alarm information in the front-end interface; Through the real-time communication connection, the processing result of the operation command for any alarm information is synchronized to the backend server.
[0142] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Those skilled in the art can understand and implement this without any creative effort.
[0143] Through the above description of the embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus necessary general-purpose hardware platforms, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solutions, in essence or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods described in the various embodiments or some parts of the embodiments.
[0144] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application.
Claims
1. A method for managing the front-end display module of an unmanned aerial vehicle (UAV) inspection system, characterized in that, include: Establish a real-time communication connection with the backend server based on a real-time communication protocol; Through the real-time communication connection, new alarm information pushed by the backend server can be received in real time; The front-end interface is dynamically updated to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. Receive and execute operation instructions for any alarm information in the front-end interface; Through the real-time communication connection, the processing result of the operation command for any alarm information is synchronized to the backend server.
2. The management method for the front-end display module of the UAV inspection system according to claim 1, characterized in that, The specific steps of receiving and executing operation instructions for any alarm information in the front-end interface include: Receive the operator's processing start command for any of the alarm messages; Update the front-end interface to display the processing operation interface for any alarm information, and update the processing status of any alarm information to "processing in progress"; Receive and execute information processing operation instructions under the processing operation interface, and obtain the execution result of the information processing operation instructions; the information processing operation instructions include at least one of the following: alarm information verification instruction, first details viewing instruction, processing result entry instruction, remarks information entry instruction, alarm marker entry instruction; The processing of any of the aforementioned alarm messages is completed; Based on the processing completion operation instruction, the processing status of any alarm information is updated to the processed status.
3. The management method for the front-end display module of the UAV inspection system according to claim 1, characterized in that, The specific steps of receiving and executing operation instructions for any alarm information in the front-end interface include: Receive view mode switching instructions; The view mode of the front-end interface is switched between card view and list view based on the switching command.
4. The management method for the front-end display module of the UAV inspection system according to claim 1, characterized in that, The specific steps of receiving and executing operation instructions for any alarm information in the front-end interface include: Receive a filtering operation instruction, which includes specific options for multiple alarm attributes; According to the filtering operation instruction, the alarm information in the front-end interface is filtered to obtain the filtered alarm information; Update the front-end interface to display the filtered alarm information.
5. The management method for the front-end display module of the UAV inspection system according to claim 1, characterized in that, The specific steps of receiving and executing operation instructions for any alarm information in the front-end interface include: Receive a second details viewing instruction for any of the aforementioned alarm messages; According to the second details viewing instruction, the front-end interface is updated to display the details interface of any alarm information, the details interface including text information and multimedia information related to any alarm information.
6. The management method for the front-end display module of the UAV inspection system according to claim 1, characterized in that, The specific steps of receiving and executing operation instructions for any alarm information in the front-end interface include: The alarm nature marking instruction received from any of the alarm messages includes a false alarm marking instruction and a duplicate marking instruction. Based on the alarm nature marking instruction, mark the nature of any alarm information; Update the front-end interface to display the nature marker of any of the alarm messages.
7. The management method for the front-end display module of the UAV inspection system according to claim 1, characterized in that, The specific steps of receiving and executing operation instructions for any alarm information in the front-end interface include: Receive a deletion command for any of the aforementioned alarm messages; Based on the deletion operation command, delete any of the alarm messages; The front-end interface is updated based on the deletion results.
8. A front-end display module management device for an unmanned aerial vehicle (UAV) inspection system, characterized in that, include: The real-time communication establishment module establishes a real-time communication connection with the backend server based on the real-time communication protocol. The new information receiving module is used to receive new alarm information pushed by the backend server in real time through the real-time communication connection; The interface update module is used to dynamically update the front-end interface to display a summary of existing alarm information and a summary of the new alarm information, and the processing status of the new alarm information is displayed as unprocessed. The instruction processing module is used to receive and execute operation instructions for any alarm information in the front-end interface; The result synchronization module is used to synchronize the processing result of the operation instruction of any alarm information to the backend server through the real-time communication connection.
9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that, When the processor executes the computer program, it implements the front-end display module management method of the UAV inspection system as described in any one of claims 1 to 7.
10. A non-transitory computer-readable storage medium, wherein a computer program is stored on the non-transitory computer-readable storage medium, characterized in that, When the computer program is executed by the processor, it implements the front-end display module management method of the UAV inspection system as described in any one of claims 1 to 7.