A list display method and device, a terminal device, and a storage medium

Abstract

The application discloses a list display method and device, a terminal equipment and a storage medium. The method comprises the following steps: extracting information of a table component and information of a panel component in an original list component; creating an agent component, creating a first sub-component and a second sub-component in the agent component, copying the information of the table component to the first sub-component, and copying the information of the panel component to the second sub-component; obtaining a custom function of the table component or the panel component, obtaining a custom attribute and a slot of the custom function, transmitting a value of the custom attribute and custom content of the slot to the agent component through the first sub-component or the second sub-component, and setting the agent component that receives the value of the custom attribute and the custom content of the slot as a target component; processing a list processing request based on the target component, obtaining a list processing result of the list processing request, and displaying the list processing result on a target page of an enterprise resource planning system. The application is beneficial to improving the list display efficiency.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a list display method, apparatus, terminal device and storage medium. Background Technology

[0002] Enterprise Resource Planning (ERP) is an advanced management concept and has become the most widely used information management system internationally. With the continuous improvement of enterprise informatization, ERP systems have become an indispensable part of enterprise operations. Such systems integrate various business processes, including financial management, materials management, production management, and sales management, aiming to improve the efficiency of enterprise resource allocation and management through information technology.

[0003] However, existing terminal devices cannot optimize the list display method of enterprise resource planning (ERP) systems, which hinders the improvement of list display efficiency. This is because existing terminal devices generally use the traditional list display method found in ERP systems. This method cannot meet users' personalized needs, requiring users to manually set the displayed lists. Given the large amount of information in each list, manually setting up each list would be extremely labor-intensive and increase display time. Therefore, existing terminal devices cannot optimize the list display method of ERP systems, thus hindering the improvement of list display efficiency. Summary of the Invention

[0004] This application provides a list display method, apparatus, terminal device, and storage medium to solve the technical problem that existing terminal devices cannot optimize the list display method of enterprise resource planning systems, thus hindering the improvement of list display efficiency.

[0005] In a first aspect, embodiments of this application provide a list display method applied to a terminal device, the list display method comprising:

[0006] Obtain the original list component of the enterprise resource planning system, and extract the information of the table component and the panel component from the original list component;

[0007] Create a proxy component for the original list component, and create a first sub-component and a second sub-component in the proxy component. Copy the information of the table component to the first sub-component and copy the information of the panel component to the second sub-component.

[0008] Create a first constant in the first sub-component and a second constant in the second sub-component. Obtain the value of the first attribute through the first constant and the value of the second attribute through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component.

[0009] Obtain the custom functions of the table component or the panel component, obtain the custom attributes and slots of the custom functions, pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the values ​​of the custom attributes and the custom content of the slots as the target component;

[0010] Based on the target component, the list processing request is processed, and the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system.

[0011] In one possible implementation of the first aspect, obtaining the original list component of the enterprise resource planning system, and extracting information from the table component and panel component in the original list component, includes:

[0012] Obtain the file path and import the original list component of the enterprise resource planning system through the file path;

[0013] Extract information from the table component and the panel component from the original list component.

[0014] In one possible implementation of the first aspect, the step of creating a proxy component, creating a first sub-component and a second sub-component within the proxy component, copying information from the table component to the first sub-component, and copying information from the panel component to the second sub-component includes:

[0015] Create the proxy component, and create the first sub-component and the second sub-component in the proxy component. Copy the data, event handling, lifecycle hooks, and computed properties of the table component to the first sub-component, and copy the data, event handling, lifecycle hooks, and computed properties of the panel component to the second sub-component.

[0016] In one possible implementation of the first aspect, creating a first constant in the first sub-component, creating a second constant in the second sub-component, obtaining the value of the first attribute through the first constant, and obtaining the value of the second attribute through the second constant includes:

[0017] Create a first constant in the first sub-component, create a second constant in the second sub-component, establish a first binding relationship between the first constant and the first property, and establish a second binding relationship between the second constant and the second property;

[0018] The value of the first attribute is obtained through the first binding relationship and the first constant, and the value of the second attribute is obtained through the second binding relationship and the second constant.

[0019] In one possible implementation of the first aspect, the step of processing the list processing request based on the target component, obtaining the list processing result of the list processing request, and displaying the list processing result on the target page of the enterprise resource planning system includes:

[0020] Deploy the target component on the target page of the enterprise resource planning system;

[0021] Run the target component on the target page and obtain the list processing request received by the target component;

[0022] The list processing request is processed based on the target component, the list processing result is obtained, and the list processing result is displayed on the target page.

[0023] In one possible implementation of the first aspect, after obtaining the list processing result of the list processing request based on the target component and displaying the list processing result on the target page of the enterprise resource planning system, the list display method includes:

[0024] Connect to a preset server and upload the list processing results to the server.

[0025] In one possible implementation of the first aspect, after obtaining the list processing result of the list processing request based on the target component and displaying the list processing result on the target page of the enterprise resource planning system, the list display method includes:

[0026] Obtain a preset storage area and store the list processing results in the storage area.

[0027] Secondly, embodiments of this application provide a list display device applied to a terminal device, comprising:

[0028] The acquisition module is used to acquire the original list component of the enterprise resource planning system, and extract information of the table component and panel component from the original list component;

[0029] The copy module is used to create a proxy component for the original list component, create a first sub-component and a second sub-component in the proxy component, copy the information of the table component to the first sub-component, and copy the information of the panel component to the second sub-component.

[0030] A creation module is used to create a first constant in the first sub-component and a second constant in the second sub-component. The value of the first attribute is obtained through the first constant, and the value of the second attribute is obtained through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component.

[0031] The delivery module is used to obtain the custom functions of the table component or the panel component, obtain the custom attributes and slots of the custom functions, and pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component. The proxy component that receives the values ​​of the custom attributes and the custom content of the slots is set as the target component.

[0032] The display module is used to process the list processing request based on the target component, obtain the list processing result of the list processing request, and display the list processing result on the target page of the enterprise resource planning system.

[0033] Thirdly, embodiments of this application provide a terminal device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the list display method of any of the first aspects described above.

[0034] Fourthly, embodiments of this application provide a computer-readable storage medium storing a computer program that, when executed by a processor, implements the list display method of any one of the first aspects described above.

[0035] Fifthly, embodiments of this application provide a computer program product that, when run on a terminal device, causes the terminal device to execute the list display method described in any one of the first aspects above.

[0036] The beneficial effects of the embodiments in this application compared with the prior art are:

[0037] The beneficial effects of this application embodiment are twofold. Firstly, based on the target component processing list processing request, the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system. Therefore, the terminal device can optimize the list display method of the enterprise resource planning system and meet the personalized needs of users. This eliminates the need for users to manually set the displayed list, reducing setup time and thus improving list display efficiency. Secondly, by creating a proxy component to replace the original list component, damage to the original list component can be avoided, reducing expansion costs and risks, and shortening expansion time, thereby improving expansion efficiency. Attached Figure Description

[0038] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0039] Figure 1 This application scenario diagram illustrates the list display method provided in the embodiments of this application.

[0040] Figure 2 This is a flowchart illustrating the list display method provided in an embodiment of this application;

[0041] Figure 3 A flowchart showing the results of list processing is provided for embodiments of this application;

[0042] Figure 4 A schematic block diagram of a list display device provided in the embodiments of this application;

[0043] Figure 5 This is a schematic diagram of the structure of a terminal device provided in an embodiment of this application. Detailed Implementation

[0044] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application. All other embodiments obtained by those skilled in the art based on the embodiments in this application without inventive effort are within the scope of protection of this application.

[0045] In the following description, specific details such as particular system architectures and techniques are set forth for illustrative purposes and not for limitation, in order to provide a thorough understanding of the embodiments of this application. However, those skilled in the art will understand that this application may also be implemented in other embodiments without these specific details. In other instances, detailed descriptions of well-known systems, apparatuses, circuits, and methods have been omitted so as not to obscure the description of this application with unnecessary detail.

[0046] It should be understood that, when used in this application specification and the appended claims, the term "comprising" indicates the presence of the described features, integrals, steps, operations, elements and / or components, but does not exclude the presence or addition of one or more other features, integrals, steps, operations, elements, components and / or a collection thereof.

[0047] It should also be understood that the term “and / or” as used in this application specification and the appended claims means any combination of one or more of the associated listed items and all possible combinations, and includes such combinations.

[0048] As used in this application specification and the appended claims, the term "if" may be interpreted, depending on the context, as "when," "once," "in response to determination," or "in response to detection." Similarly, the phrase "if determined" or "if detected [the described condition or event]" may be interpreted, depending on the context, as meaning "once determined," "in response to determination," "once detected [the described condition or event]," or "in response to detection [the described condition or event]."

[0049] Furthermore, in the description of this application and the appended claims, the terms "first," "second," "third," etc., are used only to distinguish descriptions and should not be construed as indicating or implying relative importance.

[0050] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0051] Furthermore, the technical solutions of the various embodiments can be combined with each other, but only if they are based on the ability of those skilled in the art to implement them. When the combination of technical solutions is contradictory or cannot be implemented, it should be considered that such combination of technical solutions does not exist and is not within the scope of protection claimed in this application.

[0052] The flowchart shown in the attached diagram is for illustrative purposes only and does not necessarily include all content and operations / steps, nor does it necessarily have to be performed in the order described. For example, some operations / steps can be broken down, combined, or partially merged, so the actual execution order may change depending on the actual situation.

[0053] The list display method provided in this application embodiment can be applied to terminal devices such as mobile phones, tablets, wearable devices, in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, and personal digital assistants (PDAs). This application embodiment does not impose any restrictions on the specific type of terminal device.

[0054] For example, the terminal device may be a station (STAION, ST) in a WLAN, a cellular phone, a cordless phone, a Session Initiation Protocol (SIP) phone, a Wireless Local Loop (WLL) station, a Personal Digital Assistant (PDA) device, a handheld device with wireless communication capabilities, a computing device or other processing device connected to a wireless modem, an in-vehicle device, a vehicle networking terminal, a computer, a laptop computer, a handheld communication device, a handheld computing device, a satellite wireless device, a wireless modem card, a set-top box (STB), customer premises equipment (CPE), and / or other devices used for communication over a wireless system, as well as next-generation communication systems, such as mobile terminals in 5G networks or mobile terminals in future evolved Public Land Mobile Network (PLMN) networks.

[0055] Please see Figure 1 , Figure 1 The application scenario diagram of the list display method provided in the embodiments of this application is described in detail below:

[0056] The terminal device obtains the original list component from the enterprise resource planning system and creates a proxy component based on the original list component.

[0057] The original list component can come from a single file in the Enterprise Resource Planning (ERP) system, or it can come from multiple files in the ERP system.

[0058] For ease of explanation, let's take the example of a data table coming from two files, and the details are as follows:

[0059] The two files are file A and file B. Terminal devices connect to file A and file B respectively, and retrieve the original list components of the Enterprise Resource Planning (ERP) system from file A and file B.

[0060] The creation of proxy components based on the original list component includes:

[0061] In the proxy component, a first sub-component and a second sub-component are created. The information of the table component is copied to the first sub-component, and the information of the panel component is copied to the second sub-component.

[0062] In this embodiment, the terminal device can connect to different files simultaneously and obtain the original list component of the enterprise resource planning system from the different files.

[0063] Please see Figure 2 , Figure 2 This is a flowchart illustrating the list display method provided in an embodiment of this application, which can be applied to terminal devices.

[0064] like Figure 2 As shown, the list display method provided in this application includes the following steps, which are detailed below:

[0065] S201, Obtain the original list component of the Enterprise Resource Planning system, and extract the information of the table component and the panel component from the original list component;

[0066] The step of obtaining the original list component of the enterprise resource planning system, and extracting information from the table component and panel component from the original list component, includes:

[0067] Obtain the file path and import the original list component of the enterprise resource planning system through the file path;

[0068] Extract information from the table component and the panel component from the original list component.

[0069] The original list component is the same as the original list component.

[0070] The process of obtaining the file path and importing the original list component of the enterprise resource planning system through the file path includes:

[0071] Obtain the file path, obtain the import instruction carrying the file path, and import the original list component of the enterprise resource planning system through the import instruction.

[0072] The import command can be user-defined or system default, and no restrictions are imposed here.

[0073] For example, the import command is:

[0074] import OriginTable from "path / OriginTable.vue";

[0075] Here, path / OriginTable.vue represents the file path of the original list component, OriginTable represents the identifier of the original list component, and import means import.

[0076] S202, create a proxy component for the original list component, create a first sub-component and a second sub-component in the proxy component, copy the information of the table component to the first sub-component, and copy the information of the panel component to the second sub-component;

[0077] The step of creating a proxy component, in which a first sub-component and a second sub-component are created, and information from the table component is copied to the first sub-component and information from the panel component is copied to the second sub-component, includes:

[0078] Create the proxy component, and create the first sub-component and the second sub-component in the proxy component. Copy the data, event handling, lifecycle hooks, and computed properties of the table component to the first sub-component, and copy the data, event handling, lifecycle hooks, and computed properties of the panel component to the second sub-component.

[0079] S203, create a first constant in the first sub-component, create a second constant in the second sub-component, obtain the value of the first attribute through the first constant, obtain the value of the second attribute through the second constant, wherein the first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component;

[0080] The step of creating a first constant in the first sub-component, creating a second constant in the second sub-component, obtaining the value of the first attribute through the first constant, and obtaining the value of the second attribute through the second constant includes:

[0081] Create a first constant in the first sub-component, create a second constant in the second sub-component, establish a first binding relationship between the first constant and the first property, and establish a second binding relationship between the second constant and the second property;

[0082] The value of the first attribute is obtained through the first binding relationship and the first constant, and the value of the second attribute is obtained through the second binding relationship and the second constant.

[0083] S204, obtain the custom function of the table component or the panel component, obtain the custom attribute and slot of the custom function, pass the value of the custom attribute and the custom content of the slot to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the value of the custom attribute and the custom content of the slot as the target component;

[0084] For example, S204 includes:

[0085] Display a list of functions, obtain the selection operation in the list of functions, obtain the function selected by the user in the list of functions based on the selection operation, and use the selected function as the custom function of the table component or the panel component;

[0086] Obtain the custom attributes and slots of the custom function, and pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component. Set the proxy component that receives the values ​​of the custom attributes and the custom content of the slots as the target component.

[0087] For example, obtaining the custom attributes and slots of the custom function includes:

[0088] Get the current function and determine whether the current function is a custom function;

[0089] If the current function is determined to be a custom function, the custom attributes and slots in the custom function are retrieved through a preset function.

[0090] The customization features are detailed below:

[0091] Column sorting function: In the table, users can click on the column headers to change the column sorting method.

[0092] Hide / Show Functionality: In a table, table columns, buttons, and input boxes can be shown or hidden based on user actions or conditions.

[0093] Search form field initial value feature: In the search box, there are some default suggestion values ​​or initial values ​​to help users type or start searching faster.

[0094] Show / hide functionality: Dynamically change the visibility of buttons, text, and images.

[0095] Caching feature: Store table data locally for fast access.

[0096] Data display function: Display the data in the form through tables and charts, and distinguish and label the data through colors, sizes, shapes and other methods to improve the readability of the data.

[0097] Form layout feature: Through the graphical interface, users can customize the size, position, and spacing of forms, which can improve user work efficiency.

[0098] Interactive Functions: Through the graphical interface, users can perform various interactive operations on the form, such as adding, deleting, and modifying data. In addition, dropdown menus, radio buttons, and checkboxes can be used to provide selection and fill-in functions, allowing users to easily input and modify data.

[0099] S205, based on the target component processing list request, obtain the list processing result of the list processing request, and display the list processing result on the target page of the enterprise resource planning system.

[0100] The list display method, after obtaining the list processing result based on the target component's list processing request and displaying the list processing result on the target page of the enterprise resource planning system, includes:

[0101] Step A: Connect to the preset server and upload the list processing results to the server.

[0102] The list display method, after obtaining the list processing result based on the target component's list processing request and displaying the list processing result on the target page of the enterprise resource planning system, includes:

[0103] Step B: Obtain a preset storage area and store the list processing results in the storage area.

[0104] Step A can be performed before or after step B, or it can be performed simultaneously with step B; there are no restrictions on this.

[0105] The beneficial effects of this application embodiment are twofold. Firstly, based on the target component processing list processing request, the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system. Therefore, the terminal device can optimize the list display method of the enterprise resource planning system and meet the personalized needs of users. This eliminates the need for users to manually set the displayed list, reducing setup time and thus improving list display efficiency. Secondly, by creating a proxy component to replace the original list component, damage to the original list component can be avoided, reducing expansion costs and risks, and shortening expansion time, thereby improving expansion efficiency.

[0106] Please see Figure 3 , Figure 3 The flowchart for displaying the list processing results provided in this application embodiment is described in detail below:

[0107] S301, Deploy the target component on the target page of the enterprise resource planning system;

[0108] The target pages include the following pages, detailed below:

[0109] Home Page: The home page is used to display real-time sales, production, and financial data and information.

[0110] Sales Management Page: The sales management page is used to manage sales operations.

[0111] Production Management Page: The production management page is used to manage the company's production process.

[0112] Procurement Management Page: The procurement management page is used to manage the company's procurement operations.

[0113] Financial Management Page: The financial management page is used to manage the company's financial activities.

[0114] Human Resources Management Page: The Human Resources Management Page is used to manage the company's human resources.

[0115] S302, run the target component on the target page and obtain the list processing request received by the target component;

[0116] S303, Based on the target component, process the list processing request, obtain the list processing result, and display the list processing result on the target page.

[0117] In this embodiment of the application, the list processing request is processed based on the target component to obtain the list processing result, and the list processing result is displayed on the target page. Since the target component is based on a custom function, the list processing result can meet the user's personalized needs. Therefore, displaying the list processing result on the target page can improve the user experience and the efficiency of information acquisition.

[0118] For the list display method described in the above embodiments, please refer to [link / reference]. Figure 4 , Figure 4 This is a schematic block diagram of a list display device provided in an embodiment of this application. Figure 4 The list display device 400 shown can be applied to, for example... Figure 1 The application scenario diagram shows the terminal device. The following section uses the terminal device as an example to illustrate... Figure 4 The list display device 400 shown will be described in detail. The list display device 400 may include an acquisition module 401, a copy module 402, a creation module 403, a transfer module 404, and a display module 405.

[0119] The acquisition module 401 is used to acquire the original list component of the enterprise resource planning system, and extract the information of the table component and the panel component from the original list component;

[0120] The copy module 402 is used to create a proxy component for the original list component, create a first sub-component and a second sub-component in the proxy component, copy the information of the table component to the first sub-component, and copy the information of the panel component to the second sub-component.

[0121] A creation module 403 is used to create a first constant in the first sub-component and a second constant in the second sub-component, obtain the value of the first attribute through the first constant, and obtain the value of the second attribute through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component.

[0122] The transmission module 404 is used to obtain the custom functions of the table component or the panel component, obtain the custom attributes and slots of the custom functions, and pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the values ​​of the custom attributes and the custom content of the slots as the target component;

[0123] The display module 405 is used to process the list processing request based on the target component, obtain the list processing result of the list processing request, and display the list processing result on the target page of the enterprise resource planning system.

[0124] It should be noted that the various embodiments in this specification are described in a progressive manner, with each embodiment focusing on the differences from other embodiments. The same or similar parts between the various embodiments can be referred to each other.

[0125] The beneficial effects of this application embodiment are twofold. Firstly, based on the target component processing list processing request, the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system. Therefore, the terminal device can optimize the list display method of the enterprise resource planning system and meet the personalized needs of users. This eliminates the need for users to manually set the displayed list, reducing setup time and thus improving list display efficiency. Secondly, by creating a proxy component to replace the original list component, damage to the original list component can be avoided, reducing expansion costs and risks, and shortening expansion time, thereby improving expansion efficiency.

[0126] Please see Figure 5 , Figure 5 This is a schematic diagram of the structure of a terminal device provided in an embodiment of this application.

[0127] like Figure 5 As shown, Figure 5 The terminal device 2 includes: at least one processor 20, a memory 21, and a computer program 22 stored in the memory 21 and executable on the at least one processor 20, wherein the processor 20 executes the computer program 22 to implement the steps in any of the above method embodiments.

[0128] The terminal device 2 may include, but is not limited to, a processor 20 and a memory 21. Those skilled in the art will understand that... Figure 5 This is merely an example of terminal device 2 and does not constitute a limitation on terminal device 2. It may include more or fewer components than shown in the figure, or combine certain components, or different components, such as input / output devices, network access devices, etc.

[0129] The processor 20 is used to run a computer program stored in the memory 21, and performs the following steps when executing the computer program:

[0130] Obtain the original list component of the enterprise resource planning system, and extract the information of the table component and the panel component from the original list component;

[0131] Create a proxy component for the original list component, and create a first sub-component and a second sub-component in the proxy component. Copy the information of the table component to the first sub-component and copy the information of the panel component to the second sub-component.

[0132] Create a first constant in the first sub-component and a second constant in the second sub-component. Obtain the value of the first attribute through the first constant and the value of the second attribute through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component.

[0133] Obtain the custom functions of the table component or the panel component, obtain the custom attributes and slots of the custom functions, pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the values ​​of the custom attributes and the custom content of the slots as the target component;

[0134] Based on the target component, the list processing request is processed, and the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system.

[0135] In some embodiments, processor 21 is configured to implement:

[0136] Obtain the file path and import the original list component of the enterprise resource planning system through the file path;

[0137] Extract information from the table component and the panel component from the original list component.

[0138] In some embodiments, processor 21 is configured to implement:

[0139] Create the proxy component, and create the first sub-component and the second sub-component in the proxy component. Copy the data, event handling, lifecycle hooks, and computed properties of the table component to the first sub-component, and copy the data, event handling, lifecycle hooks, and computed properties of the panel component to the second sub-component.

[0140] In some embodiments, processor 21 is configured to implement:

[0141] Create a first constant in the first sub-component, create a second constant in the second sub-component, establish a first binding relationship between the first constant and the first property, and establish a second binding relationship between the second constant and the second property;

[0142] The value of the first attribute is obtained through the first binding relationship and the first constant, and the value of the second attribute is obtained through the second binding relationship and the second constant.

[0143] In some embodiments, processor 21 is configured to implement:

[0144] Deploy the target component on the target page of the enterprise resource planning system;

[0145] Run the target component on the target page and obtain the list processing request received by the target component;

[0146] The list processing request is processed based on the target component, the list processing result is obtained, and the list processing result is displayed on the target page.

[0147] In some embodiments, processor 21 is configured to implement:

[0148] Connect to a preset server and upload the list processing results to the server.

[0149] In some embodiments, processor 21 is configured to implement:

[0150] Obtain a preset storage area and store the list processing results in the storage area.

[0151] The processor 20 may be a Central Processing Unit (CPU), or it may be other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor may be a microprocessor or any conventional processor.

[0152] In some embodiments, the memory 21 may be an internal storage unit of the terminal device 2, such as a hard disk or memory of the terminal device 2. In other embodiments, the memory 21 may be an external storage device of the terminal device 2, such as a plug-in hard disk, smart media card (SMC), secure digital card (SD), flash card, etc., equipped on the terminal device 2. Furthermore, the memory 21 may include both internal and external storage units of the terminal device 2. The memory 21 is used to store the operating system, applications, boot loader, data, and other programs, such as the program code of the computer program. The memory 21 can also be used to temporarily store data that has been output or will be output.

[0153] It should be noted that the information interaction and execution process between the above-mentioned devices / units are based on the same concept as the method embodiments of this application. For details on their specific functions and technical effects, please refer to the method embodiments section, and they will not be repeated here.

[0154] This application provides a computer-readable storage medium storing a computer program that, when executed by a processor, implements the steps described in the various method embodiments above.

[0155] The computer-readable storage medium stores program code that can be called by a processor to execute the list display method described in the above method embodiments.

[0156] Computer-readable storage media have storage space for program code.

[0157] The program code includes the code for any step of the list display method described in the above method embodiments.

[0158] For example, when program code is invoked by the processor, it can perform the following steps:

[0159] Obtain the original list component of the enterprise resource planning system, and extract the information of the table component and the panel component from the original list component;

[0160] Create a proxy component for the original list component, and create a first sub-component and a second sub-component in the proxy component. Copy the information of the table component to the first sub-component and copy the information of the panel component to the second sub-component.

[0161] Create a first constant in the first sub-component and a second constant in the second sub-component. Obtain the value of the first attribute through the first constant and the value of the second attribute through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component.

[0162] Obtain the custom functions of the table component or the panel component, obtain the custom attributes and slots of the custom functions, pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the values ​​of the custom attributes and the custom content of the slots as the target component;

[0163] Based on the target component, the list processing request is processed, and the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system.

[0164] For details on the implementation of each of the above operations, please refer to the previous examples, which will not be repeated here.

[0165] The computer-readable storage medium may also be an external storage device of the list display device or terminal device, such as a plug-in hard drive, smart media card (SMC), secure digital (SD) card, flash card, or non-transitory computer-readable storage medium equipped on the list display device or terminal device.

[0166] Since the computer program stored in the computer-readable storage medium can execute any of the list display methods provided in the embodiments of this application, the computer-readable storage medium can achieve the beneficial effects that any of the list display methods provided in the embodiments of this application can achieve, as detailed in the preceding embodiments, and will not be repeated here.

[0167] This application provides a computer program product that, when run on an electronic device, causes the electronic device to execute the aforementioned list display method.

[0168] Once a computer program product is loaded onto a terminal device, it can perform the following steps:

[0169] Obtain the original list component of the enterprise resource planning system, and extract the information of the table component and the panel component from the original list component;

[0170] Create a proxy component for the original list component, and create a first sub-component and a second sub-component in the proxy component. Copy the information of the table component to the first sub-component and copy the information of the panel component to the second sub-component.

[0171] Create a first constant in the first sub-component and a second constant in the second sub-component. Obtain the value of the first attribute through the first constant and the value of the second attribute through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component.

[0172] Obtain the custom functions of the table component or the panel component, obtain the custom attributes and slots of the custom functions, pass the values ​​of the custom attributes and the custom content of the slots to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the values ​​of the custom attributes and the custom content of the slots as the target component;

[0173] Based on the target component, the list processing request is processed, and the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system.

[0174] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium.

[0175] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the above-described division of functional units and modules is merely an example. In practical applications, the above functions can be assigned to different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above. The functional units and modules in the embodiments can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit. Furthermore, the specific names of the functional units and modules are only for easy differentiation and are not intended to limit the scope of protection of this application. The specific working process of the units and modules in the above system can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0176] Based on this understanding, all or part of the processes in the methods of the above embodiments of this application can be implemented by a computer program instructing related hardware. The computer program can be stored in a computer-readable storage medium, and when executed by a processor, it can implement the steps of the various method embodiments described above. The computer program includes computer program code, which can be in the form of source code, object code, executable files, or certain intermediate forms. The computer-readable medium can include at least: any entity or device capable of carrying the computer program code to a photographing device / terminal device, a recording medium, a computer memory, a read-only memory (ROM), a random access memory (RAM), an electrical carrier signal, a telecommunication signal, and a software distribution medium. Examples include USB flash drives, portable hard drives, magnetic disks, or optical disks. In some jurisdictions, according to legislation and patent practice, computer-readable media cannot be electrical carrier signals or telecommunication signals.

[0177] In the above embodiments, the descriptions of each embodiment have different focuses. For parts that are not described in detail or recorded in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0178] The above are merely preferred embodiments of this application and do not limit the patent scope of this application. Any equivalent structural or procedural transformations made using the content of this application's specification and drawings, or direct or indirect applications in other related technical fields, are similarly included within the patent protection scope of this application.

Claims

1. A list display method, characterized in that, Applied to terminal devices, the list display method includes: Obtain the original list component of the enterprise resource planning system, and extract the information of the table component and the panel component from the original list component; Create a proxy component for the original list component, and create a first sub-component and a second sub-component in the proxy component. Copy the information of the table component to the first sub-component and copy the information of the panel component to the second sub-component. Create a first constant in the first sub-component and a second constant in the second sub-component. Obtain the value of the first attribute through the first constant and the value of the second attribute through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component. Display a function list, obtain the selection operation in the function list, obtain the function selected by the user in the function list according to the selection operation, set the selected function as the custom function of the table component or the panel component, obtain the custom attributes and slots of the custom function, pass the value of the custom attribute and the custom content of the slot to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the value of the custom attribute and the custom content of the slot as the target component; Based on the target component, the list processing request is processed, and the list processing result of the list processing request is obtained and displayed on the target page of the enterprise resource planning system.

2. The list display method according to claim 1, characterized in that, The process of obtaining the original list component of the Enterprise Resource Planning (ERP) system, and extracting information from the table component and panel component within the original list component, includes: Obtain the file path and import the original list component of the enterprise resource planning system through the file path; Extract information from the table component and the panel component from the original list component.

3. The list display method according to claim 1, characterized in that, Create a proxy component, within which create a first sub-component and a second sub-component. Copy the information from the table component to the first sub-component and the information from the panel component to the second sub-component, including: Create the proxy component, and create the first sub-component and the second sub-component in the proxy component. Copy the data, event handling, lifecycle hooks, and computed properties of the table component to the first sub-component, and copy the data, event handling, lifecycle hooks, and computed properties of the panel component to the second sub-component.

4. The list display method according to claim 1, characterized in that, The step of creating a first constant in the first sub-component, creating a second constant in the second sub-component, obtaining the value of the first attribute through the first constant, and obtaining the value of the second attribute through the second constant includes: Create a first constant in the first sub-component, create a second constant in the second sub-component, establish a first binding relationship between the first constant and the first property, and establish a second binding relationship between the second constant and the second property; The value of the first attribute is obtained through the first binding relationship and the first constant, and the value of the second attribute is obtained through the second binding relationship and the second constant.

5. The list display method according to claim 1, characterized in that, The process of processing a list based on the target component, obtaining the list processing result of the list processing request, and displaying the list processing result on the target page of the enterprise resource planning system includes: Deploy the target component on the target page of the enterprise resource planning system; Run the target component on the target page and obtain the list processing request received by the target component; The list processing request is processed based on the target component, the list processing result is obtained, and the list processing result is displayed on the target page.

6. The list display method according to any one of claims 1 to 5, characterized in that, After processing the list processing request based on the target component, obtaining the list processing result of the list processing request, and displaying the list processing result on the target page of the enterprise resource planning system, the list display method includes: Connect to a preset server and upload the list processing results to the server.

7. The list display method according to any one of claims 1 to 5, characterized in that, After processing the list processing request based on the target component, obtaining the list processing result of the list processing request, and displaying the list processing result on the target page of the enterprise resource planning system, the list display method includes: Obtain a preset storage area and store the list processing results in the storage area.

8. A list display device, characterized in that, Applied to terminal devices, including: The acquisition module is used to acquire the original list component of the enterprise resource planning system, and extract information of the table component and panel component from the original list component; The copy module is used to create a proxy component for the original list component, create a first sub-component and a second sub-component in the proxy component, copy the information of the table component to the first sub-component, and copy the information of the panel component to the second sub-component. A creation module is used to create a first constant in the first sub-component and a second constant in the second sub-component. The value of a first attribute is obtained through the first constant, and the value of a second attribute is obtained through the second constant. The first attribute is the attribute passed from the original list component to the table component, and the second attribute is the attribute passed from the original list component to the panel component. The delivery module is used to display a function list, obtain a selection operation in the function list, obtain the function selected by the user in the function list according to the selection operation, set the selected function as a custom function of the table component or the panel component, obtain the custom attributes and slots of the custom function, pass the value of the custom attribute and the custom content of the slot to the proxy component through the first sub-component or the second sub-component, and set the proxy component that receives the value of the custom attribute and the custom content of the slot as the target component; The display module is used to process the list processing request based on the target component, obtain the list processing result of the list processing request, and display the list processing result on the target page of the enterprise resource planning system.

9. A terminal 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 list display method as described in any one of claims 1 to 7.

10. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by a processor, it implements the list display method as described in any one of claims 1 to 7.

Images