Interface display control method and device and medium

Abstract

The invention discloses an interface display control method and device and a medium, and the method comprises the steps that a to-be-adjusted table displayed on an interface is acquired, and the to-be-adjusted table comprises at least one header field; in response to a dragging operation of a manager for a first header field in the to-be-adjusted table, adjusting an arrangement sequence of the first header field to obtain an adjusted header field sequence; data columns formed by all header fields and corresponding field values in the table to be adjusted are rearranged according to the sequence of header field sequences; and / or, in response to a selection operation of a manager for a second header field in the to-be-adjusted table, adjusting a visual state corresponding to a data column where a second specified header field in the to-be-adjusted table is located.

Description

[0001] This application claims priority from the invention patent application filed with the China National Patent Office on December 29, 2023, with the application number 202311872364.4 and the invention title "Method, Device, and Medium for Asset Management of Battery Swap Station Equipment Based on Table Components". Technical Field

[0002] This application relates to the technical field of front-end interface display, and specifically relates to an interface display control method, device, and medium. Background Art

[0003] With the popularization of new energy vehicles, as an important facility for energy replenishment of new energy vehicles, the operation efficiency and user experience of battery swap stations have become the focus of the industry. In the daily operation of battery swap stations, managers usually need to process a large amount of data, which is often displayed in the form of a table on the interface for managers to view and analyze. However, the traditional table display method is often fixed and cannot meet the needs of managers to flexibly adjust the table display according to actual requirements.

[0004] With the popularization of electric vehicles and the construction of battery swap stations, it has become increasingly important to manage the equipment assets of battery swap stations. As equipment asset managers, they need to view equipment asset information preferentially to master the general situation of site equipment assets. However, traditional equipment asset management methods often have problems such as low efficiency, inaccurate data, and cumbersome operations. Therefore, an equipment asset management method that can improve management efficiency and convenience is needed. Summary of the Invention

[0005] To solve the above problems, this application proposes an interface display control method, including:

[0006] Obtain the table to be adjusted displayed on the interface, where the table to be adjusted includes at least one header field;

[0007] In response to the drag operation of the manager on the first header field in the table to be adjusted, adjust the arrangement order of the first header field to obtain an adjusted header field sequence;

[0008] Rearrange the data columns formed by each header field and its corresponding field value in the table to be adjusted in the order of the header field sequence;

[0009] And / or,

[0010] In response to the selection operation of the manager on the second header field in the table to be adjusted, adjust the visible state of the data column corresponding to the second header field in the table to be adjusted.

[0011] Through the above scheme, through the table to be adjusted with adjustable header field order, users can customize the display mode of the table according to their own needs, which greatly improves the user experience. The arrangement order of the header fields can be flexibly adjusted, which can help managers find the required information more quickly, and put the fields that need to be viewed or operated frequently in front for easy and quick access and processing, which can improve the work efficiency of managers and reduce unnecessary operation steps and time waste. The adjusted header field sequence can be automatically applied to the rearrangement of data columns, making data processing more orderly and efficient. Hiding unnecessary data columns can reduce redundant information during data processing, making data analysis more accurate and efficient.

[0012] Determine the header field for describing the equipment assets of the battery swap station according to the predefined column array, and visualize the field value corresponding to the header field based on the table component to generate an equipment asset table corresponding to the battery swap station;

[0013] Determine a plurality of functional areas included in a visualization interface, and display the table header field and the device asset table in the plurality of functional areas respectively;

[0014] In response to a dragging operation of the administrator on a first designated header field in the header fields, adjusting the arrangement order of the first designated header fields to obtain an adjusted header field sequence;

[0015] Arrange the data columns composed of the header fields and their corresponding field values ​​in the equipment asset table in the order of the header field sequence;

[0016] In response to the administrator's selection operation on a second designated header field in the header field, a visual state corresponding to a data column where the second designated header field in the equipment asset table is located is determined; wherein the visual state includes a display state and a hidden state.

[0017] Through the above solution, with the help of table components to display equipment asset information, managers can view the detailed information of all equipment in the battery swap station at a glance without flipping through a large number of files or performing tedious query operations. The table display design supports custom field display. Managers can select the fields that need to be displayed according to actual needs and hide the fields that do not need to be displayed, making the interface more concise and intuitive. Managers can freely adjust the order of header fields according to actual needs, and put the fields that need to be viewed or operated frequently in front for easy and quick access and processing. This can improve the work efficiency of managers and reduce unnecessary operation steps and time waste. Different managers may have different preferences and habits for the order of table fields. By allowing dragging and dropping to adjust the order of header fields, personalized needs can be met and a more flexible and personalized data display method can be provided.

[0018] In one implementation of the present application, before obtaining the table to be adjusted displayed on the interface, the method further includes:

[0019] Determine the set of header fields according to the pre-defined column array;

[0020] Visualize the field values corresponding to each header field in the set of header fields based on a table component to generate a first table corresponding to the battery swapping station;

[0021] Determine multiple functional areas included in the visualization interface, and respectively display the header fields in the first table and the column data corresponding to the header fields in the multiple functional areas to generate the table to be adjusted.

[0022] Through the above solution, visualizing the header fields and the column data corresponding to the header fields based on a table component enables the data to be presented to the management personnel in a more intuitive and understandable manner. Moreover, by displaying the header fields and their corresponding column data in the functional areas, it enables the management personnel to more conveniently operate on the data, such as sorting, filtering, dragging and adjusting, etc. This enhanced interactivity makes data management more flexible and efficient.

[0023] In one implementation of the present application, respectively displaying the header fields in the table and the column data corresponding to the header fields in the multiple functional areas specifically includes:

[0024] Filter out the data rows that match the jurisdiction area of the battery swapping station from the column data according to the jurisdiction area of the battery swapping station corresponding to the management personnel;

[0025] Grant the management personnel the operation authority for the battery swapping station for the data rows, and respectively display the header fields and the data rows in the column data in the multiple functional areas according to the operation authority for the battery swapping station.

[0026] In one implementation of the present application, respectively displaying the header fields and the equipment asset table in the multiple functional areas specifically includes:

[0027] Determine the jurisdiction area of the battery swapping station corresponding to the management personnel, and filter out the data rows that match the jurisdiction area of the battery swapping station from the equipment asset table according to the jurisdiction area of the battery swapping station;

[0028] Grant the management personnel the operation authority for the battery swapping station for the data rows, and respectively display the header fields and the data rows in the equipment asset table in the multiple functional areas according to the operation authority for the battery swapping station.

[0029] Through the above solution, by screening out the data rows that match the swapping stations under the management of the management personnel, the management personnel can focus on the areas they are responsible for and reduce unnecessary information interference. By distinguishing the operation authorities of different management personnel, the errors caused by misoperations can be reduced, ensuring the accuracy and consistency of the data. Displaying the table header fields and data rows in different functional areas can simplify the interface complexity, enabling the management personnel to screen out effective information more quickly and reducing the time and effort of operations.

[0030] In an implementation manner of the present application, in response to the dragging operation of the management personnel on the first table header field in the to-be-adjusted table, the arrangement order of the first table header field is adjusted to obtain an adjusted table header field sequence, which specifically includes:

[0031] Determine the initial element index values corresponding to each table header field in the to-be-adjusted table;

[0032] In response to the dragging operation of the management personnel on the first table header field, adjust the arrangement order of the first table header field;

[0033] According to the arrangement order, update the initial element index value corresponding to the first table header field to obtain the first target element index value corresponding to the first table header field after update;

[0034] Based on the first target element index value corresponding to the first table header field and the initial element index values corresponding to other table header fields, determine the adjusted table header field sequence.

[0035] Through the above solution, by dragging to adjust the arrangement order of the table header fields, the management personnel can, according to their own needs and preferences, place the most important or most frequently used fields in the front, making it more convenient to view and analyze data, reducing the operation steps and time for the management personnel to search for and analyze data, and improving work efficiency. During the process of dragging to adjust the table header fields, the element index values of the table header fields are updated in real time, and the table header field sequence is re-determined based on the new first target element index value, ensuring the consistency and accuracy of the data and avoiding data errors caused by manual adjustment.

[0036] In an implementation manner of the present application, in response to the dragging operation of the management personnel on the first specified table header field in the table header fields, the arrangement order of the first specified table header field is adjusted to obtain an adjusted table header field sequence, which specifically includes:

[0037] Determine the initial element index values corresponding to the table header fields;

[0038] In response to the dragging operation of the management personnel on the first specified table header field in the table header fields, adjust the arrangement order of the first specified table header field;

[0039] Update the initial element index value corresponding to the first specified header field according to the said arrangement order to obtain the updated target element index value.

[0040] Through the above solution, by dragging to adjust the arrangement order of the header fields, managers can place the most important or most frequently used fields in the front according to their own needs and preferences, view and analyze data more conveniently, reduce the operation steps and time for managers to search and analyze data, and improve work efficiency. Different managers may have differences in the importance and usage frequency of the header fields. By dragging to adjust the arrangement order of the header fields, the personalized interface customization needs of different managers can be met, and the user experience can be improved. By adjusting the arrangement order of the header fields, the table interface can be made more tidy and beautiful, the interference of redundant fields can be reduced, and the clarity of data display can be improved.

[0041] In an implementation manner of the present application, the visible state includes a display state and a hidden state; the selection operation includes a tick operation and a non-tick operation. In response to the selection operation of the manager for the second header field in the table to be adjusted, adjust the visible state corresponding to the data column where the second specified header field in the table to be adjusted is located, specifically including:

[0042] In response to the tick operation of the manager for the second header field, determine that the visible state corresponding to the data column where the second header field in the table to be adjusted is located is the display state;

[0043] In response to the non-tick operation of the manager for the second header field in the header fields, determine that the visible state corresponding to the data column where the second header field is located is the hidden state.

[0044] Through the above solution, by simply ticking or non-ticking operations according to actual needs to control the display or hidden state of the data column, the interface becomes more concise and clear, improving the user experience. Users can quickly customize the display content of the table according to their work habits or data analysis needs, reduce unnecessary interference information, and improve work efficiency.

[0045] In an implementation manner of the present application, the selection operation includes a tick operation and a non-tick operation. In response to the selection operation of the manager for the second specified header field in the header fields, determine the visible state corresponding to the data column where the second specified header field in the device asset table is located, specifically including:

[0046] In response to the tick operation of the manager for the second specified header field in the header fields, determine that the visible state corresponding to the data column where the second specified header field in the device asset table is located is the display state;

[0047] In response to the uncheck operation of the second specified header field in the header fields by the management personnel, determine that the visual state corresponding to the data column where the second specified header field is located in the device asset table is the hidden state.

[0048] Through the above solution, through the check operation, the management personnel can select to display a specific field to make it visible in the table. This enables the management personnel to customize the table display according to their own needs and work requirements, only display the fields they are concerned about and need, and improve the efficiency of data analysis. Through the uncheck operation, the management personnel can hide a specific field to make it invisible in the table. In this way, the management personnel can reduce unnecessary information interference, focus on the key fields, simplify the data display, and improve the accuracy and reliability of data analysis.

[0049] In an implementation manner of the present application, after determining that the visual state corresponding to the data column where the second header field is located is the hidden state, the method further includes:

[0050] In the case where the data column where the second header field is located is in the hidden state, in response to the check operation of the management personnel for the third header field, determine the third target element index value corresponding to the third header field;

[0051] Traverse the second target element index values of the second header fields corresponding to the data columns in the display state in the to-be-adjusted table, and display the data column where the third header field is located at the corresponding position in the to-be-adjusted table according to the magnitude order of the third target element index value and the second target element index value.

[0052] Through the above solution, when a certain field is hidden, the management personnel can still display other fields through the check operation, and quickly locate the data row position where the hidden field is located through the target element index value, improving the accuracy and efficiency of the operation and ensuring the clarity and readability of the table structure.

[0053] In an implementation manner of the present application, after determining that the visual state corresponding to the data column where the second specified header field is located in the device asset table is the hidden state, the method further includes:

[0054] In the case where the data column where the second specified header field is located is in the hidden state, in response to the check operation of the management personnel for the third specified header field, determine the first target element index value corresponding to the third specified header field;

[0055] Traverse the second target element index values corresponding to the second specified header fields in the data columns in the display state in the device asset table, and display the data column where the third specified header field is located at the corresponding position in the device asset table according to the magnitude order of the first target element index value and the second target element index value.

[0056] Through the above solution, when a certain field is hidden, the management personnel can still display other fields through the tick operation, and quickly locate the data row position where the hidden field is located through the target element index value, improving the accuracy and efficiency of the operation.

[0057] In an implementation manner of the present application, before responding to the drag operation of the management personnel on the first header field in the to-be-adjusted table, the method includes:

[0058] Obtain the column attribute of the data column corresponding to the header field, where the to-be-adjusted table includes each header field and the data column composed of its corresponding field values;

[0059] According to the column attribute, determine whether the data column is a fixed column. If so, set the header field corresponding to the data column as an unadjustable field;

[0060] Preferably, after determining whether the data column is a fixed column, the method further includes:

[0061] Modify the attribute of the header field corresponding to the fixed column to an adjustable attribute, so as to perform corresponding data adjustment operations on the fixed column according to the operations of the management personnel.

[0062] Through the above solution, the header field of the fixed column is set as unadjustable, and the management personnel cannot perform drag or hide operations on the header field and its data column. In this way, users can always conveniently view and analyze key data information, reduce the operations of scrolling and adjusting the table, and improve the efficiency of data analysis. Even if some columns are set as fixed columns, by adjusting the attributes of the header fields, necessary adjustments can still be made to the fixed columns in some cases without completely restricting their flexibility.

[0063] In an implementation manner of the present application, before responding to the drag operation of the management personnel on the first specified header field in the header field, the method includes:

[0064] Obtain the column attribute of the data column corresponding to the header field; where each header field and its corresponding field values in the device asset table form a data column;

[0065] According to the column attribute, determine whether the data column is a fixed column. If so, set the header field corresponding to the data column as an unadjustable field.

[0066] Through the above solution, the header fields of the fixed columns are set to be non-adjustable, and managers cannot drag or hide the header fields and their data columns. This enables users to always conveniently view and analyze key data information, reduces the operations of scrolling and adjusting the table, and improves the efficiency of data analysis.

[0067] In an implementation manner of the present application, after determining whether the data column is a fixed column, the method further includes:

[0068] Adding an operation header field to the header fields to perform corresponding data operations on the fixed column according to the operation header field.

[0069] Through the above solution, adding an operation header field to the header fields can facilitate and quickly perform data operations on the fixed column, improving the convenience, consistency, and customization of the operations.

[0070] In an implementation manner of the present application, the method further includes:

[0071] In response to a drag operation of a manager on the first header field in the table to be adjusted, highlighting the table component where the first header field is located until the drag operation is completed.

[0072] In an implementation manner of the present application, the method further includes:

[0073] In response to a drag operation of a manager on the first specified header field in the header fields, highlighting the table component where the first specified header field is located until the table component is restored to its initial state when the drag operation is completed.

[0074] Through the above solution, by highlighting the table component, it can remind the manager of the current operation object and guide them to perform the correct drag operation. This can avoid incorrect operations caused by unclear operation objects and improve the accuracy and efficiency of the operations.

[0075] The embodiments of the present application provide an interface display control device, and the device includes:

[0076] At least one processor;

[0077] And a memory communicatively connected to the at least one processor;

[0078] Wherein, the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the interface display control method as described in any one of the above.

[0079] An embodiment of the present application provides a non-volatile computer storage medium storing computer-executable instructions, and the computer-executable instructions are configured to:

[0080] The interface display control method described in any one of the above.

[0081] An embodiment of the present application provides an asset management device for battery swapping station equipment based on a table component, and the device includes:

[0082] At least one processor;

[0083] And a memory communicatively connected to the at least one processor;

[0084] Wherein, the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can:

[0085] Determine a header field for describing the asset of the battery swapping station equipment according to a pre-defined column array, and visualize the field values corresponding to the header field based on a table component to generate an equipment asset table corresponding to the battery swapping station;

[0086] Determine a plurality of functional areas included in the visualization interface, and display the header field and the equipment asset table in the plurality of functional areas respectively;

[0087] In response to a drag operation of a manager on a first specified header field in the header field, adjust the arrangement order of the first specified header field to obtain an adjusted header field sequence;

[0088] Arrange the data columns formed by each header field and its corresponding field value in the equipment asset table in the order of the header field sequence;

[0089] In response to a selection operation of the manager on a second specified header field in the header field, determine the visible state of the data column where the second specified header field is located in the equipment asset table; wherein, the visible state includes a display state and a hidden state.

[0090] An embodiment of the present application provides a non-volatile computer storage medium storing computer-executable instructions, and the computer-executable instructions are configured to:

[0091] Determine a header field for describing the asset of the battery swapping station equipment according to a pre-defined column array, and visualize the field values corresponding to the header field based on a table component to generate an equipment asset table corresponding to the battery swapping station;

[0092] Determine multiple functional areas included in the visualization interface, and display the header fields and the device asset table in the multiple functional areas respectively;

[0093] In response to the drag operation of the administrator on the first specified header field in the header fields, adjust the arrangement order of the first specified header field to obtain an adjusted header field sequence;

[0094] Arrange the data columns formed by each header field and its corresponding field value in the device asset table in the order of the header field sequence;

[0095] In response to the selection operation of the administrator on the second specified header field in the header fields, determine the visible state corresponding to the data column where the second specified header field is located in the device asset table; wherein, the visible state includes a display state and a hidden state. Description of the Drawings

[0096] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation to the present application. In the drawings:

[0097] Figure 1 It is a flowchart of the interface display control method provided by the embodiment of the present application;

[0098] Figure 2 It is a specific flowchart of the interface display and control method provided by the embodiment of the present application;

[0099] Figure 3 It is a schematic diagram of a table component provided by the embodiment of the present application;

[0100] Figure 4 It is a schematic diagram of a drag operation of a header field provided by the embodiment of the present application;

[0101] Figure 5 It is a schematic diagram of the completion of the drag operation of a header field provided by the embodiment of the present application;

[0102] Figure 6 It is a schematic diagram of the check state of a header field provided by the embodiment of the present application;

[0103] Figure 7 It is a schematic diagram of the structure of the interface display control device provided by the embodiment of the present application. Detailed Embodiments

[0104] 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 in conjunction with specific embodiments of this application and the corresponding drawings. Obviously, the described embodiments are only a part of the embodiments of this application, rather than all of the embodiments. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in this application without creative efforts shall fall within the scope of protection of this application.

[0105] The following will, with reference to the drawings, elaborate on the technical solutions provided by each embodiment of this application.

[0106] As Figure 1 shown, the interface display control method provided by the embodiment of this application includes:

[0107] S101: Obtain the table to be adjusted displayed on the interface, where the table to be adjusted includes at least one header field.

[0108] The basic information of the battery swapping station (battery swapping equipment assets), such as the name of the battery swapping station, mobile phone number, business hours, business days, address, station terminal status, operation mode, affiliated operator, and business status, etc., can be displayed in the form of a table on the visualization interface. By loading and initializing the interface, the corresponding basic information of the battery swapping station can be presented to the management personnel. To improve the operation flexibility and better meet the user requirements, the table provided by the embodiment of this application for displaying the basic information of the battery swapping station is an adjustable table (equipment asset table). After obtaining the table to be adjusted displayed on the interface, the management personnel can operate on the corresponding basic information of the battery swapping station. Among them, the table to be adjusted includes at least one header field, and each header field corresponds to a type of basic information of the battery swapping station.

[0109] The table to be adjusted not only includes the header fields for describing the basic information of the battery swapping station, but also includes the actual data corresponding to each header field. The column array defines the basic information of the battery swapping station that the equipment asset management personnel can manage. The server determines the set of header fields for describing the basic information of the battery swapping station according to the pre-defined column array. Based on the table component, the field values corresponding to each header field in the set of header fields are visualized to generate the first table corresponding to the battery swapping station.

[0110] To improve the simplicity of the interface and make it more convenient for the management personnel to query the basic information of the battery swapping station, the header fields and the actual data corresponding to the header fields need to be displayed in partitions. First, it is necessary to determine the multiple functional areas into which the visualization interface is divided, and then display the header fields and the column data corresponding to the header fields, so that the table to be adjusted composed of different partitions can be obtained. As Figure 3As shown in the schematic diagram of a table component, the visualization interface is divided into two functional areas on the left and right, which are respectively used to display the first table composed of header fields and the column data corresponding to the header fields.

[0111] S101: Determine the header fields used to describe the equipment assets of the swapping station according to a predefined column array, and visualize the field values corresponding to the header fields based on the table component to generate an equipment asset table corresponding to the swapping station.

[0112] The column array defines the asset information that can be managed by equipment asset managers, which can specifically include the name of the swapping station, mobile phone number, business hours, business days, address, station terminal status, operation mode, affiliated operator, business status, etc. The server determines the header fields used to describe the equipment assets of the swapping station according to the predefined column array, and each of the above asset information corresponds to a header field. Based on the table component, the field values corresponding to the header fields are visualized to generate an equipment asset table corresponding to the swapping station.

[0113] S102: Determine the multiple functional areas included in the visualization interface, and display the header fields and the equipment asset table in the multiple functional areas respectively.

[0114] To improve the simplicity of the interface and make it more convenient for managers to query equipment assets, the embodiment of the present application divides the visualization interface into multiple functional areas, where each functional area is respectively used to display the header fields and the equipment asset table. As Figure 3 shown in the schematic diagram of a table component, the visualization interface is divided into two functional areas on the left and right, which are respectively used to display the header fields and the equipment asset table composed of the header fields and their corresponding field values.

[0115] In one embodiment, the asset data that different managers can directly view is different. Since the jurisdiction areas of the swapping stations corresponding to each manager are different, in order to ensure data security, it is necessary to allocate corresponding swapping station operation permissions to managers according to the jurisdiction areas of the swapping stations.

[0116] Specifically, according to the jurisdiction area of the swapping station corresponding to the manager, filter out the data rows that match the jurisdiction area of the swapping station from the column data. The column data is the data set corresponding to all header fields. A manager may only have the management authority for a specific swapping station, so the data row where the name of the swapping station is located can be matched from the column data according to the name of the swapping station. Assign the swapping station operation permissions of the data row to the manager, and display the header fields and the data rows in the column data in the multiple functional areas respectively according to the swapping station operation permissions. In this way, by distinguishing the operation permissions of different managers, errors caused by misoperations can be reduced, and the accuracy and consistency of data can be ensured.

[0117] Specifically, determine the jurisdiction area of the swapping station corresponding to the management personnel, and screen out the data rows that match the jurisdiction area of the swapping station from the equipment asset table according to the jurisdiction area of the swapping station. Among them, the data rows that match the management personnel can be screened out by determining whether the name of the swapping station in the jurisdiction area of the swapping station matches the swapping station name field in the equipment asset table.

[0118] After screening out the data rows corresponding to the jurisdiction area of the swapping station where the management personnel are located, assign the swapping station operation permissions of the above data rows to the management personnel, and display the header fields and the data rows in the equipment asset table in multiple functional areas according to the swapping station operation permissions.

[0119] In this way, by distinguishing the operation permissions of different management personnel, the errors caused by misoperations can be reduced, and the accuracy and consistency of the data can be ensured.

[0120] S102: In response to the drag operation of the management personnel on the first specified header field in the table to be adjusted, adjust the arrangement order of the first specified header field to obtain an adjusted header field sequence.

[0121] The default arrangement order of the header fields is determined according to the sequence of each field in the predefined column array. However, since the query preferences of different management personnel are different, and the fixed field display order is difficult to reflect the importance of the basic information of the swapping station, in order to further improve the management efficiency, with the help of a draggable table component, the management personnel can perform a custom drag operation on the component where the header fields are located on the visual interface, so as to realize the rearrangement of the order of different header fields. The server adjusts the arrangement order of the first specified header field in response to the drag operation of the management personnel on the first specified header field in the header fields to obtain an adjusted header field sequence.

[0122] In one embodiment, each header field corresponds to an element index value, and the element index value is used to identify the arrangement order of the header field. Therefore, when the management personnel perform a drag operation on the header field, the server needs to update the element index value corresponding to the header field at the same time. First, determine the initial element index values corresponding to each header field in the table to be adjusted, and adjust the arrangement order of the first header field (the first specified header field) in response to the drag operation of the management personnel on the first header field; then, update the initial element index value corresponding to the first header field according to the arrangement order to obtain the target element index value corresponding to the updated first header field. According to the target element index value and the initial element index values corresponding to other header fields, the actual arrangement order of each header field can be determined, so as to obtain an adjusted header field sequence.

[0123] In one embodiment, each header field corresponds to an element index value, which is used to identify the arrangement order of the header fields. Therefore, when the administrator drags a header field, the server needs to update the element index value corresponding to the header field at the same time. First, it is necessary to determine the initial element index value corresponding to the header field. In response to the administrator's drag operation on the first header field in the header fields, the arrangement order of the first header field is adjusted; then, according to the arrangement order, the initial element index value corresponding to the first header field is updated to obtain the updated target element index value.

[0124] It should be noted that when dragging a header field, the administrator may make a misoperation. In order to reduce the operation error and improve the operation accuracy, corresponding prompts can be given to the table component during the dragging operation. The server can respond to the administrator's drag operation on the first header field in the table to be adjusted, and highlight the table component where the first header field is located until the dragging operation is completed. As Figure 4 shown in a schematic diagram of the drag operation of the header field, the header component of the left station end status is in the process of drag sorting. The server responds to the drag operation and highlights the color of the component where the field is located (highlighted in gray in the figure). After the sorting is completed, the schematic diagram of the header field on the right side of the table to be adjusted is obtained. As Figure 5 shown, the color of the table component has returned to the initial state.

[0125] S103: Rearrange the data columns composed of each header field and its corresponding field value in the table to be adjusted in the order of the header field sequence.

[0126] The data in the table to be adjusted includes the header fields and the field values corresponding to the header fields. Therefore, after the order of the header fields is adjusted, the display order of the data in the table to be adjusted also needs to be adjusted. The column data composed of each header field and its corresponding field value in the table to be adjusted is arranged in the order of the header field sequence.

[0127] Although the data columns in the table to be adjusted can be rearranged following the movement of the header fields, for some data, its position in the table to be adjusted is fixed. For the primary key or fields with higher importance in the table to be adjusted, such as the name of the swapping station, which is used to indicate the specific identity information of the swapping station, it needs to be fixed at a certain position. Therefore, before the server responds to the administrator's drag operation on the first header field, it needs to obtain the column attribute of the data column corresponding to the header field, and then determine whether the data column is a fixed column according to the column attribute. If so, the header field corresponding to the data column is set as an unadjustable field.

[0128] In one embodiment, the fixed columns can also be restored to an adjustable state under certain specific circumstances, specifically by modifying the attributes of the header fields corresponding to the fixed columns. After modifying the attributes of the header fields corresponding to the fixed columns to adjustable attributes, the fixed columns are in an adjustable state where they can be moved and selected, and the server can perform corresponding data adjustment operations on the fixed columns based on the operations of the management personnel.

[0129] In one embodiment, for the fixed columns, an operation header field needs to be added to the corresponding header fields. In this way, corresponding data operations can be performed on the fixed columns according to the operation header field. The configuration of the operation header field is only valid for the fixed columns.

[0130] S104: In response to the selection operation of the management personnel for the second header field in the table to be adjusted, adjust the visible state of the data column corresponding to the second header field in the table to be adjusted.

[0131] The table component where the header field is located provides a function of clicking to select. The user can click on the table component where a certain header field is located. When a check mark is displayed in the header component, the check operation for the header field is completed. After continuing to click the next time, the check operation for the header field can be cancelled. Figure 6 It is a schematic diagram of the check state of the header field provided by the embodiment of the present application, as Figure 3 and Figure 6 shown, Figure 3 All the header fields in Figure 6 are in the checked state, and only three header components, namely the name of the swapping station, the operation mode, and the station terminal state, in

[0132] The selection operation is used to indicate the visible state of the data column corresponding to the header field in the equipment asset table. The server can, in response to the selection operation of the management personnel for the second header field (the second specified header field) in the header field, determine the visible state of the data column corresponding to the second header field in the equipment asset table. Among them, the visible state includes the display state and the hidden state.

[0133] In one embodiment, in response to the check operation of the management personnel for the second header field, determine that the visible state of the data column corresponding to the second header field in the table to be adjusted is the display state. In response to the uncheck operation of the management personnel for the second header field, determine that the visible state of the data column corresponding to the second header field is the hidden state. That is to say, when a certain second header field is checked, the data column corresponding to the field will be displayed in the equipment asset table, and when the second header field is unchecked, the corresponding data column will be hidden in the original table to be adjusted.

[0134] It should be noted that when the manager unchecks a header field but then rechecks the header field later, at this time, the data column corresponding to the header field needs to be restored to the display state again. When displaying this data column, it is necessary to restore the data column to its original position in the equipment asset table. Then, in response to the manager's check operation on the third header field (the third specified header field), determine the third target element index value (the first target element index value) corresponding to the third header field. Then, traverse the second target element index values of the second specified header fields corresponding to the data columns in the display state in the equipment asset table. In this way, according to the size order of the first target element index value and the third target element index value, it is possible to clarify the specific position of the third header field that needs to be restored to the display state currently, so as to display the data column where the third header field is located at the corresponding position in the table to be adjusted.

[0135] The above is the method embodiment proposed in this application. Based on the same idea, some embodiments of this application also provide the device and non-volatile computer storage medium corresponding to the above method.

[0136] Figure 7 The structural schematic diagram of a power exchange station equipment asset management device based on a table component provided by an embodiment of this application. As Figure 7 shown, it includes:

[0137] At least one processor; and,

[0138] A memory communicatively connected to at least one processor; wherein,

[0139] The memory stores instructions executable by at least one processor. The instructions are executed by at least one processor so that at least one processor can execute the interface display control method described in any one of the above.

[0140] An embodiment of this application provides a non-volatile computer storage medium, storing computer-executable instructions, and the computer-executable instructions are set as:

[0141] The interface display control method described in any one of the above.

[0142] Figure 6 The structural schematic diagram of a power exchange station equipment asset management device based on a table component provided by an embodiment of this application. As Figure 6 shown, it includes:

[0143] At least one processor; and,

[0144] A memory communicatively connected to at least one processor; wherein,

[0145] The memory stores instructions executable by at least one processor, and the instructions are executed by at least one processor to enable the at least one processor to:

[0146] Determine the header fields for describing the equipment assets of the battery swapping station according to a predefined column array, and visualize the field values corresponding to the header fields based on a table component to generate an equipment asset table corresponding to the battery swapping station;

[0147] Determine multiple functional areas included in the visualization interface, and display the header fields and the equipment asset table respectively in the multiple functional areas;

[0148] In response to a drag operation by a management personnel on a first specified header field in the header fields, adjust the arrangement order of the first specified header field to obtain an adjusted header field sequence;

[0149] Arrange the data columns formed by each header field and its corresponding field value in the equipment asset table in the order of the header field sequence;

[0150] In response to a selection operation by a management personnel on a second specified header field in the header fields, determine the visible state of the data column where the second specified header field is located in the equipment asset table; wherein, the visible state includes a display state and a hidden state.

[0151] An embodiment of the present application provides a non-volatile computer storage medium storing computer-executable instructions, and the computer-executable instructions are set to:

[0152] Determine the header fields for describing the equipment assets of the battery swapping station according to a predefined column array, and visualize the field values corresponding to the header fields based on a table component to generate an equipment asset table corresponding to the battery swapping station;

[0153] Determine multiple functional areas included in the visualization interface, and display the header fields and the equipment asset table respectively in the multiple functional areas;

[0154] In response to a drag operation by a management personnel on a first specified header field in the header fields, adjust the arrangement order of the first specified header field to obtain an adjusted header field sequence;

[0155] Arrange the data columns formed by each header field and its corresponding field value in the equipment asset table in the order of the header field sequence;

[0156] In response to a selection operation by a management personnel on a second specified header field in the header fields, determine the visible state of the data column where the second specified header field is located in the equipment asset table; wherein, the visible state includes a display state and a hidden state.

[0157] Each embodiment in this application is described in a progressive manner. For the same or similar parts among the embodiments, reference can be made to each other, and the key point of each embodiment is to illustrate the differences from other embodiments. In particular, for the device and medium embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and reference can be made to the relevant parts of the method embodiments for the relevant content.

[0158] The devices and media provided in the embodiments of this application correspond one-to-one with the methods. Therefore, the devices and media also have beneficial technical effects similar to those of their corresponding methods. Since the beneficial technical effects of the methods have been described in detail above, the beneficial technical effects of the devices and media will not be elaborated here.

[0159] Those skilled in the art should understand that the embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware aspects. Moreover, this application can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk memories, CD-ROMs, optical memories, etc.) that contain computer-usable program code.

[0160] This application is described with reference to the flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to the embodiments of this application. It should be understood that each flow and / or block in the flowchart and / or block diagram, as well as the combination of flows and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing devices to generate a machine, such that the instructions executed by the processor of the computer or other programmable data processing devices generate a device for implementing the functions specified in Figure 1 one flow or multiple flows and / or blocks Figure 1 one block or multiple blocks.

[0161] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing device to work in a specific manner, such that the instructions stored in the computer-readable memory generate a manufactured article including an instruction device that implements the functions specified in Figure 1 one flow or multiple flows and / or blocks Figure 1 one block or multiple blocks.

[0162] These computer program instructions can also be loaded onto a computer or other programmable data processing device, so that a series of operation steps are executed on the computer or other programmable device to generate a computer-implemented process, and thus the instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one process Figure 1 one process or multiple processes and / or blocks Figure 1 steps of the functions specified in one block or multiple blocks.

[0163] In a typical configuration, a computing device includes one or more processors (CPUs), an input / output interface, a network interface, and a memory.

[0164] The memory may include non-permanent memory in the computer-readable medium, in the form of random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash memory (flash RAM). The memory is an example of a computer-readable medium.

[0165] Computer-readable media includes permanent and non-permanent, removable and non-removable media and can be implemented by any method or technology for information storage. The information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media does not include transitory media such as modulated data signals and carrier waves.

[0166] It should also be noted that the term "comprising", "including" or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, commodity or device including a series of elements not only includes those elements, but also includes other elements not expressly listed, or also includes elements inherent to such process, method, commodity or device. Without further limitation, an element defined by the statement "including one..." does not exclude the presence of additional identical elements in the process, method, commodity or device including the element.

[0167] The above are only embodiments of the present application and are not intended to limit the present application. For those skilled in the art, various changes and modifications can be made to the present application. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application shall be included within the scope of the claims of the present application.

Claims

1. Interface display control method, characterized in that, The method includes: Obtain the table to be adjusted displayed on the interface, where the table to be adjusted includes at least one header field; In response to the drag operation of the administrator on the first header field in the table to be adjusted, adjust the arrangement order of the first header field to obtain an adjusted header field sequence; Rearrange the data columns composed of each header field and its corresponding field value in the table to be adjusted in the order of the header field sequence; And / or In response to the selection operation of the administrator on the second header field in the table to be adjusted, adjust the visible state corresponding to the data column where the second header field is located in the table to be adjusted.

2. The interface display control method according to claim 1, wherein Before obtaining the table to be adjusted displayed on the interface, the method further includes: Determine a set of header fields according to a predefined column array; Based on a table component, visualize the field values corresponding to each header field in the set of header fields to generate a first table corresponding to the swapping station; Determine multiple function areas included in the visualization interface, and display the header fields in the first table and the column data corresponding to the header fields in the multiple function areas respectively to generate the table to be adjusted.

3. The interface display control method according to claim 2, wherein, Displaying the header fields in the table and the column data corresponding to the header fields in the multiple function areas respectively specifically includes: Filter out the data rows that match the jurisdiction area of the swapping station from the column data according to the jurisdiction area of the swapping station under the management of the administrator; Grant the administrator the swapping station operation authority for the data rows, and display the header fields and the data rows in the column data in the multiple function areas respectively according to the swapping station operation authority.

4. The interface display control method according to claim 1, wherein In response to the drag operation of the administrator on the first header field in the table to be adjusted, adjust the arrangement order of the first header field to obtain an adjusted header field sequence, specifically including: Determine the initial element index value corresponding to each header field in the table to be adjusted; In response to the drag operation of the administrator on the first header field, adjust the arrangement order of the first header field; Update the initial element index value corresponding to the first header field according to the arrangement order to obtain a first target element index value corresponding to the first header field after update; Based on the first target element index value corresponding to the first header field and the initial element index values corresponding to other header fields, determine an adjusted header field sequence.

5. The interface display control method according to claim 1, wherein The visible state includes a display state and a hidden state; the selection operation includes a tick operation and a non-tick operation. In response to the selection operation of the administrator on the second header field in the table to be adjusted, adjusting the visible state corresponding to the data column where the second specified header field is located in the table to be adjusted specifically includes: In response to the tick operation of the administrator on the second header field, determine that the visible state corresponding to the data column where the second header field is located in the table to be adjusted is the display state; In response to the uncheck operation of the second header field in the header fields by the management personnel, determine that the visual state corresponding to the data column where the second header field is located is the hidden state.

6. The interface display control method according to claim 5, characterized in that After determining that the visual state corresponding to the data column where the second header field is located is the hidden state, the method further includes: When the data column where the second header field is located is in the hidden state, in response to the check operation of the management personnel for the third header field, determine the third element index value corresponding to the third header field; Traverse the second target element index values of the second header fields corresponding to the data columns in the display state in the table to be adjusted, and display the data column where the third header field is located at the corresponding position in the table to be adjusted according to the size order of the third element index value and the second target element index value.

7. The interface display control method according to claim 1, wherein Before responding to the drag operation of the management personnel for the first header field in the table to be adjusted, the method includes: Obtain the column attributes of the data column corresponding to the header field. The table to be adjusted includes data columns composed of each header field and its corresponding field value; According to the column attributes, determine whether the data column is a fixed column. If so, set the header field corresponding to the data column as an unadjustable field; Preferably, after determining whether the data column is a fixed column, the method further includes: Modify the attribute of the header field corresponding to the fixed column to an adjustable attribute, so as to perform corresponding data adjustment operations on the fixed column according to the operations of the management personnel.

8. The interface display control method according to claim 1, wherein The method further includes: In response to the drag operation of the management personnel for the first header field in the table to be adjusted, highlight the table component where the first header field is located until the drag operation is completed.

9. An interface display control device, characterized in that, The device includes: At least one processor; And a memory communicatively connected to the at least one processor; Wherein, the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor, so that the at least one processor can execute the interface display control method according to any one of claims 1-8.

10. A non-volatile computer storage medium storing computer-executable instructions, characterized in that, The computer-executable instructions can implement the interface display control method according to any one of claims 1-8.

Images