A method and device for supplementing a record based on a reply single template

Abstract

The application discloses a kind of based on the method and device of supplementing record of return single template, applied to mobile interconnection field, this method includes: configuration global return single template, the global return single template includes the attribute unit of all return single service pre-set;Obtain the list needing to carry out return single supplement record;Each return single in list is filtered from global return single template attribute unit of this return single;According to the attribute unit of this return single, dom is loaded, and component object is created;According to the interactive logic of the component object of pre-configured content, obtain the data of component object;According to the dom of loading and the component object of creating and the data of component object, carry out the data of return single page and show, and show the return single page for the return single template of this return single;After the data of return single page is complete, supplement record is submitted.The application is supplemented by dynamically configuring return single template to realize supplement record, and development efficiency is high, easy to maintain, and code is not redundant.

Description

Technical Field

[0001] This invention relates to the field of software design technology, and in particular to a method and apparatus for supplementing data based on a return receipt template. Background Technology

[0002] This section is intended to provide background or context for the embodiments of the invention set forth in the claims. The description herein is not an admission that it is prior art simply because it is included in this section.

[0003] A receipt is a document issued by a bank to a payee, indicating that the payment has been received and deposited into the appropriate account. Receipt supplementation involves adding information to the receipt. Each template in receipt supplementation includes input fields, date fields, number fields, and dropdown menus, and the information varies between templates. As a result, receipt templates are diverse and constantly increasing in variety. Adding new templates one by one using existing technology is labor-intensive, difficult to maintain, and results in redundant code that hinders iteration. Therefore, a solution for dynamically configuring receipt templates for supplementation is currently lacking. Summary of the Invention

[0004] This invention provides a method for supplementary data entry based on a receipt template, which enables supplementary data entry through dynamic configuration of the receipt template. This method offers high development efficiency, ease of maintenance, and no code redundancy. The method includes:

[0005] Configure a global receipt template, which includes attribute units for all pre-set receipt services;

[0006] Obtain the list of receipts that need to be supplemented;

[0007] For each receipt in the list, filter the attribute cells of that receipt from the global receipt template;

[0008] Based on the attribute units of the receipt, load the DOM and create the component object;

[0009] Based on the interaction logic of the pre-configured component objects, obtain the data of the component objects;

[0010] Based on the loaded DOM and the created component objects and their data, the data of the order confirmation page is displayed in reverse order. The displayed order confirmation page is the order confirmation template for that order.

[0011] After the data on the receipt page is complete, submit the supplementary data.

[0012] This invention also provides a data entry device based on a receipt template, which enables data entry through dynamic configuration of the receipt template. This device offers high development efficiency, ease of maintenance, and no code redundancy. The device includes:

[0013] The global receipt template configuration module is used to configure the global receipt template, which includes attribute units for all pre-set receipt services;

[0014] The module for obtaining the supplementary entry list is used to obtain a list of return receipts that need to be supplemented.

[0015] The filtering module is used to filter the attribute units of each order in the list from the global order template.

[0016] The component object creation module is used to load the DOM and create component objects based on the attribute units of the receipt.

[0017] The data acquisition module is used to obtain the data of the component objects based on the interaction logic of the pre-configured content component objects;

[0018] The reverse display module is used to reverse display the data of the order page based on the loaded DOM, the created component object and the data of the component object. The reversed order page is the order template for that order.

[0019] The supplementary data submission module is used to submit supplementary data after the data on the receipt page is complete.

[0020] This invention also provides a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, it implements the above-described method for supplementing data based on a receipt template.

[0021] This invention also provides a computer-readable storage medium storing a computer program that, when executed by a processor, implements the above-described supplementary entry method based on a return receipt template.

[0022] This invention also provides a computer program product, which includes a computer program that, when executed by a processor, implements the above-described supplementary entry method based on a return receipt template.

[0023] In this embodiment of the invention, a global receipt template is configured, which includes pre-set attribute units for all receipt services; a list of receipts requiring supplementary entry is obtained; for each receipt in the list, the attribute units of that receipt are filtered from the global receipt template; based on the attribute units of that receipt, DOM loading is performed, and component objects are created; according to the interaction logic of the component objects of the pre-configured content, the data of the component objects is obtained; based on the loaded DOM, the created component objects, and the data of the component objects, the data of the receipt page is displayed in reverse, wherein the displayed receipt page is the receipt template for that receipt; after the data on the receipt page is complete, supplementary entry is submitted. Compared with the existing technical solution where each receipt template needs to be displayed and read separately, by filtering the attribute units of each receipt in the list from the global receipt template, loading the DOM, creating component objects, and displaying the data of the receipt page, code redundancy is avoided, development efficiency is high, and maintenance is easy. Attached Figure Description

[0024] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort. In the drawings:

[0025] Figure 1 This is a flowchart of the data entry supplementation method based on a return receipt template in an embodiment of the present invention;

[0026] Figure 2 This is a schematic diagram illustrating the configuration of attribute units in an embodiment of the present invention;

[0027] Figure 3 This is a schematic diagram of the loaded DOM element in an embodiment of the present invention;

[0028] Figure 4 This refers to the code for the interaction of component objects in this embodiment of the invention;

[0029] Figure 5 This is a flowchart illustrating the authorization process in an embodiment of the present invention;

[0030] Figure 6 This is one of the schematic diagrams of a data entry device based on a return receipt template in an embodiment of the present invention;

[0031] Figure 7 This is a second schematic diagram of the data entry device based on the return receipt template in an embodiment of the present invention;

[0032] Figure 8 This is a schematic diagram of a computer device in an embodiment of the present invention. Detailed Implementation

[0033] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the embodiments of the present invention will be further described in detail below with reference to the accompanying drawings. Here, the illustrative embodiments of the present invention and their descriptions are used to explain the present invention, but are not intended to limit the present invention.

[0034] First, the terminology involved in this invention will be explained.

[0035] PJF: PJF is a unified framework used for application development on the Employee Channel Integration Platform (P2). It is a framework built on traditional HTML.

[0036] In the existing technology, if there are 8 types of return templates, developers may need to develop 8 template pages. When a template content is requested, it is necessary to find out which template it is and then load that page. The operation is redundant. If there is a piece of information with the same name in the template that needs to be changed, it is necessary to change 8 places. If a new template is added, a new page needs to be developed. Over time, the code will become more and more numerous and increasingly difficult to understand.

[0037] Therefore, this invention proposes a supplementary entry scheme based on a receipt template, which simplifies the code, makes it concise, easy to iterate, and easy to maintain. Adding a new configuration to the new template code is sufficient; modifying the existing template content only requires changing the configuration.

[0038] Figure 1 This is a flowchart of the data entry supplementation method based on a return receipt template in an embodiment of the present invention, including:

[0039] Step 101: Configure a global receipt template, which includes attribute units for all pre-set receipt services;

[0040] Step 102: Obtain the list of receipts that need to be supplemented;

[0041] Step 103: For each receipt in the list, filter the attribute cells of that receipt from the global receipt template;

[0042] Step 104: Based on the attribute units of the receipt, load the DOM and create the component object;

[0043] Step 105: Obtain the component object data based on the interaction logic of the pre-configured component object;

[0044] Step 106: Based on the loaded DOM and the created component object and its data, display the data of the order confirmation page. The displayed order confirmation page is the order confirmation template for that order confirmation.

[0045] Step 107: After the data on the receipt page is complete, submit the supplementary data entry.

[0046] In this embodiment of the invention, compared with the existing technology where each order template needs to be displayed and read separately, the present invention selects the attribute units of each order from the global order template for each order in the list, loads the DOM, and creates component objects; and displays the data on the order page, thus avoiding code redundancy, improving development efficiency, and making it easier to maintain.

[0047] This invention employs a combination of HTML, CSS, JavaScript, and PJF technologies. The solution is very similar to work order creation; work order content varies widely, and a work order can be dynamically loaded and entered by configuring its content.

[0048] In this embodiment of the invention, the receipt template needs to be displayed on the page. Each piece of content consists of a tag and content. The content can be of various types, such as an input box, a drop-down box, or a selection box. This invention can parse each piece of content in the template through dynamic configuration.

[0049] In step 101, configure a global receipt template. The global receipt template includes attribute units of all pre-set receipt services. In this embodiment of the invention, the global receipt template includes all the tags and content required for the currently collected receipt template, that is, a collection of tags and content, which can be added as needed.

[0050] Figure 2 This is a schematic diagram illustrating the configuration of an attribute unit in an embodiment of the present invention. The attribute unit includes a label, content, an identifier (id), an interface field (key), and an editability requirement. The content includes a type and data. The label and content are displayed on the page, while the identifier, interface field, and editability requirement are not displayed.

[0051] Types include textField, dateInput, plain text label, and select.

[0052] The `id` is used to uniquely identify each piece of information. The `key` corresponds one-to-one with the fields in the API documentation, facilitating data retrieval. Figure 2 The "Others" field represents other attributes. If the current message has other unique attributes, you can add them here. For example, if there is a character limit for the remarks, you can add a "maxfont" field to limit it. "Others" can be considered an extension, where you can add additional attributes from various components.

[0053] In step 102, a list of receipts that need to be supplemented is obtained; this list consists of all receipts that need to be supplemented, as determined by the user's requirements.

[0054] In step 103, for each receipt in the list, the attribute units of that receipt are filtered from the global receipt template; that is, the attribute units contained in each receipt are determined separately.

[0055] In step 104, based on the attribute units of the receipt, the DOM is loaded and the component object is created;

[0056] The function `initCurrentDom` is used to load the DOM of the current component.

[0057] The component object can be of class `DomObjClass`, which is the smallest component element. This class contains variables such as `label`, `type`, `required`, `column`, and `others`. `InitPJFObj` is used to create the component object. An `AllcomponentClass` template consists of multiple component objects. `AllcomponentClass` contains the variable `comobjs`, which stores all `DomObjClass` objects in the current template for easy retrieval. It also includes functions `setvalues` to initialize template data, `Getvalues` to retrieve template data, `CreatePage` to load the current template page content, and `Destroy` to destroy the current template page object.

[0058] In one embodiment, after filtering the attribute units of the receipt from the global receipt template, the method further includes:

[0059] Configure the layout of the attribute cells for this receipt;

[0060] Based on the attribute units of the receipt, load the DOM and create component objects, including:

[0061] Based on the layout of the attribute units, DOM elements are dynamically generated, and the DOM elements are used to describe the page layout;

[0062] Creates a component object for the tag;

[0063] Based on the type and editability of the content in the attribute unit, create a component object for the content in the attribute unit.

[0064] Figure 3 This is a schematic diagram of the loaded DOM elements in an embodiment of the present invention. DOM elements are used for the layout of attribute units. During layout, titles are labeled, and content is determined based on the type. <label>、 , <input> still <textarea> The layout can be one row with two columns, one row with three columns, or a custom layout.< / textarea>

[0065] When creating the component object for the content, objects such as textfield, label, dateinput, and select are created based on the type. These objects are all encapsulated in PJF.

[0066] In one embodiment, the attribute unit further includes: whether to customize the page layout;

[0067] The method further includes:

[0068] Configure whether to customize the page layout;

[0069] Based on the layout of the attribute units, dynamically generate DOM elements, including:

[0070] When the setting for custom page layout is set to "yes", the custom layout is written into the preset function;

[0071] The preset function is called to generate DOM elements.

[0072] In a specific implementation, each element in the built-in style includes a tag and content; if this does not meet the requirements, it can be customized. Whether to customize the page layout: `custom` is set to `true`, indicating that customization is required. The preset function `function` is the method to be implemented in the custom page. Internally, when this function is called, the `receOverdueDom` parameter is passed to it, and the custom layout is written into the preset function.

[0073] In step 105, the data of the component object is obtained according to the interaction logic of the component object of the pre-configured content;

[0074] This step is one method for obtaining component object data, where obtaining the component object data is for subsequent echoing; in one embodiment, obtaining the component object data according to the pre-configured interaction logic of the component object includes:

[0075] For each content component object, if its data interacts with other component objects, the data for that component object is generated based on the data of the component objects with interacting logic. This is further divided into two scenarios: built-in scenarios and custom scenarios.

[0076] In one embodiment, generating data for a component object based on data of a component object with interactive logic includes:

[0077] In the built-in scenario, the identifier of the component object with interactive logic is copied through the predefined copy configuration item;

[0078] Listen for data from component objects with interactive logic by predefined value change events;

[0079] If a data change is detected in a component object with interactive logic, the data of the component object corresponding to the copy configuration item is read.

[0080] According to the data processing rules of the component object, process the data of the component object corresponding to the copied configuration item read, and obtain the data of the component object.

[0081] The aforementioned built-in scenarios can be further divided into different cases depending on the data processing rules.

[0082] For example, if the current component object is A, and there is a component object B with interactive logic, the value of A changes as the value of B changes. If B = 1, then A = 1, and A is not editable.

[0083] The identifier of component object B with interactive logic is copied using the predefined copy configuration item copyId.

[0084] Listen for data from component object B, which has interactive logic, through a predefined value change event, onchange.

[0085] If a data change is detected in component object B with interactive logic, the data of component object B corresponding to the copy configuration item is read.

[0086] According to the data processing rules of component object A (that is, the value of A equals the value of B), process the data of component object B corresponding to the copied configuration item to obtain the data of component object A.

[0087] For example, if A is a monetary amount, and B is the value of A converted to uppercase, then according to the data processing rules of component object A (here, the value of B is the value of A converted to uppercase), the data of component object B corresponding to the copied configuration item is processed to obtain the data of component object A. In a specific case, the content A in the amount input box is the same as the processing fee B. After the processing fee is entered, it is automatically loaded into the amount input box and cannot be edited. Figure 4 This is the code for the interaction scenario of component objects in this embodiment of the invention.

[0088] In one embodiment, generating data for a component object based on data of a component object with interactive logic includes:

[0089] In custom scenarios, the identifier of a component object with interactive logic is copied using a predefined copy configuration option;

[0090] Listen for data from component objects with interactive logic by predefined value change events;

[0091] If a data change is detected in a component object with interactive logic, the data of the component object corresponding to the copy configuration item is read.

[0092] The pre-configured business logic function in the value change event is invoked to process the data of the component object corresponding to the copied configuration item and obtain the data of the component object.

[0093] In this custom scenario, a configuration option is added to the element whose value change affects the changes of other elements.

[0094] For example, the identifier of component object B with interactive logic can be copied using the predefined copy configuration item customId (this variable can be an array);

[0095] Listen for data from component object B, which has interactive logic, through a predefined value change event, onchange.

[0096] If a data change is detected in component object B with interactive logic, the data of component object B corresponding to the copy configuration item is read.

[0097] The pre-configured business logic function changeFunc in the value change event onchange is called to process the data of component object B corresponding to the copied configuration item and obtain the data of component object A.

[0098] In other words, changeFunc is a function, specifically a custom function that implements business logic. During the iteration and display, it checks if customId has a value. If it does, it adds an onchange event to the element. When the value changes, the onchange function is triggered. The onchange function calls the function in the changeFunc variable and passes customId as a parameter.

[0099] In step 106, based on the loaded DOM and the created component object and its data, the data of the order confirmation page is displayed in reverse, wherein the displayed order confirmation page is the order confirmation template for that order confirmation;

[0100] In one embodiment, the data display of the return page is performed based on the loaded DOM, the created component object, and the data of the component object, including:

[0101] Based on the loaded DOM, display the page layout in reverse;

[0102] Show tags in reverse order based on their component objects;

[0103] Use the component object's data as the content data to display the content in reverse.

[0104] In addition to the methods described above for generating component object data, embodiments of the present invention also provide other methods for obtaining component object data.

[0105] In one embodiment, the method includes:

[0106] If the component object's data is preset configuration data, the preset configuration list can be read through the interface field key to obtain the component object data;

[0107] If the component object requires user input, ensure the content is empty and wait for user input.

[0108] Specifically, the preset configuration list is read through the interface field key to obtain the data of the component object. Then, the page data is initialized by assigning values ​​through the setValue method. When submitting and saving the data, the information is read through the getValue method.

[0109] In step 107, after the data on the receipt page is complete, submit the supplementary data.

[0110] In one embodiment, after the data on the receipt page is complete, supplementary data entry and submission are performed, including:

[0111] After receiving the user's input data on the receipt page, perform a data integrity check on the receipt page;

[0112] After the integrity check is successful, submit the supplementary data.

[0113] In specific implementations, this method also provides a function for quickly viewing each receipt template, which can quickly detect and view the previous and next information content.

[0114] In one embodiment, the method further includes:

[0115] When the message is displayed in reverse, a toggle button is shown in a preset position on the receipt page;

[0116] Upon receiving a user's instruction to click the switch button, the component object of the previous order template is destroyed;

[0117] Displays switchable order templates;

[0118] After the user selects a receipt template from the available templates, the selected receipt template is displayed.

[0119] The toggle button provides a quick overview of different templates, allowing users to rapidly check the previous and next information entries. Depending on business needs, a "previous page" or "next page" toggle button can be added at the bottom of the page for quick switching between different entries. The page also displays page numbers, indicating the current entry's position and the total number of entries. The toggle button dynamically retrieves template data by invoking a transaction. Clicking the toggle button always destroys the current page's component objects before loading the next template. This destruction is to prevent memory leaks, system crashes, and other unforeseen circumstances.

[0120] In one embodiment, the method further includes:

[0121] After the data on the receipt page is complete, a review request is sent to the review node;

[0122] After receiving the approval result from the review node, submit the supplementary information.

[0123] The purpose of the audit is to check for errors in the receipts.

[0124] Figure 5 The flowchart authorized in the embodiments of the present invention includes:

[0125] Step 501: Send an audit request to the audit node;

[0126] Step 502: The audit node checks whether the data format in the receipt is correct; if incorrect, proceed to step 503; if correct, proceed to step 504.

[0127] Step 503: Display an error message pop-up.

[0128] Step 504: A pop-up authorization dialog box will appear, receiving the authorization result from the review node; if the authorization result is authorization failure, proceed to step 505; if the authorization result is authorization success, proceed to step 506.

[0129] Step 505: Display a pop-up message indicating authorization failure;

[0130] Step 506: Call the supplementary record to submit the transaction. If the transaction submission fails, proceed to step 507. If the transaction submission is successful, proceed to step 508.

[0131] Step 507: A pop-up message indicating that the supplementary data submission failed is displayed;

[0132] Step 508 displays a pop-up message indicating successful submission of supplementary data, loads the next receipt, and allows users to jump to the next process page, end the current operation, or customize the next step.

[0133] In this process, redirecting to the next page involves reading the URL of the page to which the user is redirected and performing the redirection.

[0134] Once the pop-up message indicates successful submission, the process ends and nothing more is done.

[0135] The next step is to customize the code so that after the transaction returns a successful submission, the custom callback function is read and executed to perform the next operation.

[0136] In summary, the method proposed in this embodiment of the invention involves configuring a global receipt template, which includes pre-set attribute units for all receipt services; obtaining a list of receipts requiring supplementary entry; for each receipt in the list, filtering the attribute units of that receipt from the global receipt template; loading the DOM and creating component objects based on the attribute units of that receipt; obtaining the data of the component objects according to the interaction logic of the pre-configured content component objects; displaying the data on the receipt page based on the loaded DOM, the created component objects, and the data of the component objects, wherein the displayed receipt page is a receipt template specific to that receipt; and submitting the supplementary entry after the data on the receipt page is complete. Compared with the existing technical solutions where each receipt template requires separate display and retrieval, this method, by filtering the attribute units of each receipt in the list from the global receipt template, loading the DOM, creating component objects, and displaying the data on the receipt page, avoids code redundancy, has high development efficiency, and is easy to maintain.

[0137] This invention also proposes a data entry device based on a return receipt template, the principle of which is similar to the data entry method based on a return receipt template, and will not be described in detail here.

[0138] Figure 6 This is one of the schematic diagrams of a data entry device based on a return receipt template in an embodiment of the present invention, including:

[0139] The global receipt template configuration module 601 is used to configure the global receipt template, which includes attribute units for all receipt services that are set in advance.

[0140] The supplementary entry list acquisition module 602 is used to obtain a list of return receipts that need to be supplemented.

[0141] The filtering module 603 is used to filter the attribute units of each receipt in the list from the global receipt template;

[0142] The component object creation module 604 is used to load the DOM and create component objects based on the attribute units of the receipt.

[0143] The data acquisition module 605 is used to obtain the data of the component object according to the interaction logic of the component object of the pre-configured content;

[0144] The reverse display module 606 is used to reverse display the data of the order page based on the loaded DOM and the created component object and the data of the component object. The reversed order page is the order template for that order.

[0145] The supplementary data submission module 607 is used to submit supplementary data after the data on the receipt page is complete.

[0146] In one embodiment, the attribute unit includes a label, content, identifier, interface field, and whether it is editable, wherein the content includes type and data.

[0147] Figure 7 This is a second schematic diagram of a data entry device based on a return receipt template in an embodiment of the present invention. In one embodiment, the device further includes a layout configuration module 701, used for:

[0148] After filtering the attribute cells of the receipt from the global receipt template, configure the layout of the attribute cells of the receipt.

[0149] The component object creation module is specifically used for:

[0150] Based on the layout of the attribute units, DOM elements are dynamically generated, and the DOM elements are used to describe the page layout;

[0151] Creates a component object for the tag;

[0152] Based on the type and editability of the content in the attribute unit, create a component object for the content in the attribute unit.

[0153] In one embodiment, the attribute unit further includes: whether to customize the page layout;

[0154] The layout configuration module is specifically used for:

[0155] Configure whether to customize the page layout;

[0156] The component object creation module is specifically used for:

[0157] When the setting for custom page layout is set to "yes", the custom layout is written into the preset function;

[0158] The preset function is called to generate DOM elements.

[0159] In one embodiment, the data acquisition module is specifically used for:

[0160] For each content component object, if the data of the component object has interaction logic with other component objects, the data of the component object is generated based on the data of the component objects with interaction logic.

[0161] In one embodiment, the data acquisition module is specifically used for:

[0162] In the built-in scenario, the identifier of the component object with interactive logic is copied through the predefined copy configuration item;

[0163] Listen for data from component objects with interactive logic by predefined value change events;

[0164] If a data change is detected in a component object with interactive logic, the data of the component object corresponding to the copy configuration item is read.

[0165] According to the data processing rules of the component object, process the data of the component object corresponding to the copied configuration item read, and obtain the data of the component object.

[0166] In one embodiment, the data acquisition module is specifically used for:

[0167] In custom scenarios, the identifier of a component object with interactive logic is copied using a predefined copy configuration option;

[0168] Listen for data from component objects with interactive logic by predefined value change events;

[0169] If a data change is detected in a component object with interactive logic, the data of the component object corresponding to the copy configuration item is read.

[0170] The pre-configured business logic function in the value change event is invoked to process the data of the component object corresponding to the copied configuration item and obtain the data of the component object.

[0171] In one embodiment, the inverted display module is specifically used for:

[0172] Based on the loaded DOM, display the page layout in reverse;

[0173] Show tags in reverse order based on their component objects;

[0174] Use the data of each component object as the content data to display the content in reverse.

[0175] In one embodiment, the inverted display module is specifically used for:

[0176] If the component object's data is preset configuration data, the preset configuration list can be read through the interface field to obtain the component object data;

[0177] If the component object requires user input, ensure the content is empty and wait for user input.

[0178] In one embodiment, the supplementary submission module is specifically used for:

[0179] After receiving the user's input data on the receipt page, perform a data integrity check on the receipt page;

[0180] After the integrity check is successful, submit the supplementary data.

[0181] In one embodiment, the device further includes a switching module 702, configured to:

[0182] When the message is displayed in reverse, a toggle button is shown in a preset position on the receipt page;

[0183] Upon receiving a user's instruction to click the switch button, the component object of the previous order template is destroyed;

[0184] Displays switchable order templates;

[0185] After the user selects a receipt template from the available templates, the selected receipt template is displayed.

[0186] In one embodiment, the apparatus further includes an auditing module 703, used for:

[0187] After the data on the receipt page is complete, a review request is sent to the review node;

[0188] After receiving the approval result from the review node, submit the supplementary information.

[0189] In summary, the device proposed in this embodiment of the invention configures a global receipt template, which includes pre-set attribute units for all receipt services; obtains a list of receipts requiring supplementary entry; for each receipt in the list, filters the attribute units of that receipt from the global receipt template; loads the DOM and creates component objects based on the attribute units of that receipt; obtains the data of the component objects according to the interaction logic of the pre-configured content component objects; displays the data of the receipt page based on the loaded DOM, the created component objects, and the data of the component objects, wherein the displayed receipt page is the receipt template for that receipt; and submits the supplementary entry after the data on the receipt page is complete. Compared with the existing technology where each receipt template needs to be displayed and read separately, by filtering the attribute units of each receipt in the list from the global receipt template, loading the DOM, creating component objects, and displaying the data of the receipt page for each receipt, code redundancy is avoided, development efficiency is high, and maintenance is easy.

[0190] This invention also provides a computer device. Figure 8 This is a schematic diagram of a computer device in an embodiment of the present invention. The computer device 800 includes a memory 810, a processor 820, and a computer program 830 stored in the memory 810 and executable on the processor 820. When the processor 820 executes the computer program 830, it implements the above-mentioned horizontal supplementary entry method based on return slip template.

[0191] This invention also provides a computer-readable storage medium storing a computer program that, when executed by a processor, implements the above-described supplementary entry method based on a return receipt template.

[0192] This invention also provides a computer program product, which includes a computer program that, when executed by a processor, implements the above-described supplementary entry method based on a return receipt template.

[0193] Those skilled in the art will understand that embodiments of the present invention can be provided as methods, systems, or computer program products. Therefore, the present invention can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention can take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0194] This invention is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations and / or block diagrams. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0195] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0196] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0197] The specific embodiments described above further illustrate the purpose, technical solution, and beneficial effects of the present invention. It should be understood that the above descriptions are merely specific embodiments of the present invention and are not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the present invention should be included within the scope of protection of the present invention. < / label>

Claims

1. A method for supplementing data based on a receipt template, characterized in that, include: Configure a global receipt template, which includes attribute units for all pre-set receipt services; Obtain the list of receipts that need to be supplemented; For each receipt in the list, filter the attribute cells of that receipt from the global receipt template; Based on the attribute units of the receipt, load the DOM and create the component object; For each content component object, if the data of the component object has interaction logic with other component objects, generate the data of the component object based on the data of the component object with interaction logic; Based on the loaded DOM and the created component objects and their data, the data of the order confirmation page is displayed in reverse order. The displayed order confirmation page is the order confirmation template for that order. After the data on the receipt page is complete, submit the supplementary data. Based on the data of a component object with interactive logic, the data of that component object is generated, including: in the built-in scenario, copying the identifier of the component object with interactive logic through a predefined copy configuration item; listening for the data of the component object with interactive logic through a predefined value change event; if a data change of the component object with interactive logic is detected, reading the data of the component object corresponding to the copy configuration item; and processing the read data of the component object corresponding to the copy configuration item according to the data processing rules of the component object to obtain the data of the component object.

2. The method as described in claim 1, characterized in that, The attribute unit includes tags, content, identifiers, interface fields, and whether it is editable. The content includes type and data.

3. The method as described in claim 1, characterized in that, After filtering the attribute cells of the receipt from the global receipt template, the following is also included: Configure the layout of the attribute cells for this receipt; Based on the attribute units of the receipt, load the DOM and create component objects, including: Based on the layout of the attribute units, DOM elements are dynamically generated, and the DOM elements are used to describe the page layout; Create the component object for the tag; Based on the type and editability of the content in the attribute unit, create a component object for the content in the attribute unit.

4. The method as described in claim 3, characterized in that, The attribute unit also includes: whether to customize the page layout; The method further includes: Configure whether to customize the page layout; Based on the layout of the attribute units, dynamically generate DOM elements, including: When the setting for custom page layout is set to "yes", the custom layout is written into the preset function; The preset function is called to generate DOM elements.

5. The method as described in claim 1, characterized in that, Based on the data of a component object with interactive logic, generate the data for that component object, including: In custom scenarios, the identifier of a component object with interactive logic is copied using a predefined copy configuration option; Listen for data from component objects with interactive logic by predefined value change events; If a data change is detected in a component object with interactive logic, the data of the component object corresponding to the copy configuration item is read. The pre-configured business logic function in the value change event is invoked to process the data of the component object corresponding to the copied configuration item and obtain the data of the component object.

6. The method as described in claim 1, characterized in that, Based on the loaded DOM and the created component objects and their data, the order page displays the following data: Based on the loaded DOM, display the page layout in reverse; Show tags in reverse order based on their component objects; Use the component object's data as the content data to display the content in reverse.

7. The method as described in claim 1, characterized in that, Also includes: If the component object's data is preset configuration data, the preset configuration list can be read through the interface field to obtain the component object data; If the component object requires user input, ensure the content is empty and wait for user input.

8. The method as described in claim 1, characterized in that, After the data on the receipt page is complete, submit the supplementary data, including: After receiving the user's input data on the receipt page, perform a data integrity check on the receipt page; After the integrity check is successful, submit the supplementary data.

9. The method as described in claim 1, characterized in that, Also includes: When the message is displayed in reverse, a toggle button is shown in a preset position on the receipt page; Upon receiving a user's instruction to click the switch button, the component object of the current order template is destroyed; Displays switchable order templates; After the user selects a receipt template from the available templates, the selected receipt template is displayed.

10. The method as described in claim 1, characterized in that, Also includes: After the data on the receipt page is complete, a review request is sent to the review node; After receiving the approval result from the review node, submit the supplementary information.

11. A data entry device based on a receipt template, characterized in that, include: The global receipt template configuration module is used to configure the global receipt template, which includes attribute units for all pre-set receipt services; The module for obtaining the supplementary entry list is used to obtain a list of return receipts that need to be supplemented. The filtering module is used to filter the attribute units of each order in the list from the global order template; The component object creation module is used to load the DOM and create component objects based on the attribute units of the receipt. The data acquisition module is used to generate the data of each component object based on the data of the component objects with interaction logic, if the data of the component object has interaction logic with other component objects. The reverse display module is used to reverse display the data of the order page based on the loaded DOM, the created component object and the data of the component object. The reversed order page is the order template for that order. The supplementary data submission module is used to submit supplementary data after the data on the receipt page is complete. The data acquisition module is specifically used for: copying the identifier of a component object with interactive logic in a built-in scenario through a predefined copy configuration item; listening for data of a component object with interactive logic through a predefined value change event; reading the data of the component object corresponding to the copy configuration item when a data change of a component object with interactive logic is detected; and processing the data of the component object corresponding to the copy configuration item according to the data processing rules of the component object to obtain the data of the component object.

12. The apparatus as claimed in claim 11, characterized in that, The attribute unit includes tags, content, identifiers, interface fields, and whether it is editable. The content includes type and data.

13. The apparatus as claimed in claim 11, characterized in that, It also includes a layout configuration module, used for: After filtering the attribute cells of the receipt from the global receipt template, configure the layout of the attribute cells of the receipt. The component object creation module is specifically used for: Based on the layout of the attribute units, DOM elements are dynamically generated, and the DOM elements are used to describe the page layout; Creates a component object for the tag; Based on the type and editability of the content in the attribute unit, create a component object for the content in the attribute unit.

14. The apparatus as claimed in claim 13, characterized in that, The attribute unit also includes: whether to customize the page layout; The layout configuration module is specifically used for: Configure whether to customize the page layout; The component object creation module is specifically used for: When the setting for custom page layout is set to "yes", the custom layout is written into the preset function; The preset function is called to generate DOM elements.

15. The apparatus as claimed in claim 11, characterized in that, The data acquisition module is specifically used for: In custom scenarios, the identifier of a component object with interactive logic is copied using a predefined copy configuration option; Listen for data from component objects with interactive logic by predefined value change events; If a data change is detected in a component object with interactive logic, the data of the component object corresponding to the copy configuration item is read. The pre-configured business logic function in the value change event is invoked to process the data of the component object corresponding to the copied configuration item and obtain the data of the component object.

16. The apparatus as claimed in claim 11, characterized in that, The inverted display module is specifically used for: Based on the loaded DOM, display the page layout in reverse; Show tags in reverse order based on their component objects; Use the data of each component object as the content data to display the content in reverse.

17. The apparatus as claimed in claim 11, characterized in that, The inverted display module is also used for: If the component object's data is preset configuration data, the preset configuration list can be read through the interface field to obtain the component object data; If the component object requires user input, ensure the content is empty and wait for user input.

18. The apparatus as claimed in claim 11, characterized in that, The supplementary submission module is specifically used for: After receiving the user's input data on the receipt page, perform a data integrity check on the receipt page; After the integrity check is successful, submit the supplementary data.

19. The apparatus as claimed in claim 11, characterized in that, It also includes a switching module for: When the message is displayed in reverse, a toggle button is shown in a preset position on the receipt page; Upon receiving a user's instruction to click the switch button, the component object of the current order template is destroyed; Displays switchable order templates; After the user selects a receipt template from the available templates, the selected receipt template is displayed.

20. The apparatus as claimed in claim 11, characterized in that, It also includes an approval module, used for: After the data on the receipt page is complete, a review request is sent to the review node; After receiving the approval result from the review node, submit the supplementary information.

21. A computer 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 method according to any one of claims 1 to 10.

22. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, implements the method according to any one of claims 1 to 10.

23. A computer program product, characterized in that, The computer program product includes a computer program that, when executed by a processor, implements the method according to any one of claims 1 to 10.

Images