A flow chart display method, device, equipment and computer-readable storage medium

Abstract

The present invention discloses a flowchart display method, comprising: displaying a target flowchart in a display interface; the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface displays some nodes in the target flowchart; in response to a move operation on the target flowchart, determining the target process chain in the displayed process chain; when the target node of the first level in the target process chain meets a fixed condition and the target node of the second level does not meet the fixed condition, keeping the display mode of the node of the first level unchanged, and updating the display of the node of the second level according to the moving direction corresponding to the move operation; wherein the target node of the first level represents the last node in the first level along the moving direction. The present invention ensures the integrity of the flowchart information display and improves the readability of the flowchart. The present invention also discloses a device, equipment and storage medium with corresponding technical effects.

Description

Technical Field

[0001] The present invention relates to the field of computer application technology, and in particular to a flowchart display method, device, equipment and computer-readable storage medium. Background Art

[0002] In financial management systems or production line generation systems, flowcharts are often required to display and count documents or products. When a flowchart has many branches and nodes, and a user needs to expand and view a branch, the existing solution is to directly expand the lower level and allow the user to scroll through the expanded nodes. However, this solution makes the flowcharts difficult to read. If the process has too many branches, users may lose information about the nodes before and after the currently displayed node when viewing the branch information, resulting in repeated viewing and a waste of computing resources and labor costs. Summary of the Invention

[0003] The purpose of the present invention is to provide a flowchart display method, which ensures the integrity of the flowchart information display, improves the readability of the flowchart, reduces the waste of computing resources and manpower costs, and enhances the user experience; another purpose of the present invention is to provide a flowchart display device, equipment and computer-readable storage medium.

[0004] In order to solve the above technical problems, the present invention provides the following technical solutions:

[0005] A flow chart display method, comprising:

[0006] Displaying a target flowchart in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is used to display some nodes in the target flowchart;

[0007] In response to a move operation on the target flow chart, determining a target flow chain in the flow chains formed by the displayed portion of nodes;

[0008] When the target nodes of the first level in the target process chain meet the fixed condition and the target nodes of the second level do not meet the fixed condition, the display mode of the nodes of the first level remains unchanged, and the nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation;

[0009] The first level represents any one of the multiple levels included in the target process chain, the second level represents any one level different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

[0010] In a specific embodiment of the present invention, the number of the second level includes a plurality; and updating and displaying the nodes of the second level according to the moving direction corresponding to the moving operation includes:

[0011] Traverse multiple second levels in the target process chain according to the hierarchical order, and perform the following processing on the traversed second levels:

[0012] The traversed nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation until the traversed target node of the second level meets the fixed condition.

[0013] In a specific embodiment of the present invention, determining the target process chain in the process chain formed by the displayed partial nodes includes:

[0014] Perform any of the following:

[0015] All process chains formed by the displayed partial nodes are taken as target process chains;

[0016] The first process chain along the moving direction among all process chains formed by the displayed partial nodes is used as the target process chain.

[0017] In a specific embodiment of the present invention, when the target nodes of the first level in the target process chain meet the fixed condition and the target nodes of the second level do not meet the fixed condition, the method further includes:

[0018] The display mode of the nodes of the process chain different from the target process chain in the display interface is kept unchanged until the target nodes of all levels in the target process chain meet the fixed condition.

[0019] In a specific embodiment of the present invention, the method further comprises:

[0020] When the target nodes of all levels in the target process chain meet the fixed condition, the display mode of the shared nodes in the target process chain remains unchanged, and nodes in the target process chain that are different from the shared nodes are updated and displayed according to the moving direction corresponding to the move operation;

[0021] The multiple process chains formed by the displayed partial nodes share the shared node.

[0022] In a specific embodiment of the present invention, the method further comprises:

[0023] For any target node in the target process chain, perform the following processing:

[0024] Determining the length of any target node along the moving direction;

[0025] Determining a distance required for any target node to move along the moving direction to a boundary of the display interface;

[0026] When the distance is less than or equal to the length, determining that any one of the target nodes satisfies a fixed condition;

[0027] When the distance is greater than the length, it is determined that any target node does not satisfy the fixed condition.

[0028] In a specific embodiment of the present invention, the method further comprises:

[0029] For the target node at any level in the target process chain, perform the following processing:

[0030] Determining a first distance required for the target node at any level to move along the moving direction to the boundary of the display interface;

[0031] Determining a next level of the any level along the hierarchical order, and determining a second distance required for the target node of the next level to move along the moving direction to the boundary of the display interface;

[0032] When the first distance is less than or equal to the second distance, determining that the target node at any level meets a fixed condition;

[0033] When the first distance is greater than the second distance, it is determined that the target node at any level does not satisfy the fixed condition.

[0034] A flow chart display device, comprising:

[0035] A flowchart display module, configured to display a target flowchart in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is configured to display some nodes in the target flowchart;

[0036] a target process chain determining module, configured to determine a target process chain in the process chain formed by the displayed portion of nodes in response to a move operation on the target process diagram;

[0037] A node update display module is used to keep the display mode of the nodes of the first level unchanged when the target node of the first level in the target process chain meets a fixed condition and the target node of the second level does not meet the fixed condition, and to update the display of the nodes of the second level according to the moving direction corresponding to the moving operation; wherein, the first level represents any one of the multiple levels included in the target process chain, and the second level represents any one level different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

[0038] A flow chart display device, comprising:

[0039] Memory for storing computer programs;

[0040] A processor is used to implement the steps of the flowchart display method as described above when executing the computer program.

[0041] A computer-readable storage medium stores a computer program, which implements the steps of the flowchart display method described above when executed by a processor.

[0042] A computer program product includes a computer program, wherein the computer program implements the steps of any one of the flowchart display methods described above when executed by a processor.

[0043] The flowchart display method provided by the present invention displays a target flowchart in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is used to display some nodes in the target flowchart; in response to a move operation on the target flowchart, the target process chain is determined in the process chain composed of the displayed partial nodes; when the target node of the first level in the target process chain meets the fixed condition and the target node of the second level does not meet the fixed condition, the display mode of the node of the first level is kept unchanged, and the node of the second level is updated and displayed according to the moving direction corresponding to the move operation; wherein the first level represents any one of the multiple levels included in the target process chain, and the second level represents any one level different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

[0044] It can be seen from the above technical solution that by dividing the nodes in each process chain included in the target flowchart into levels, and according to whether the last node along the moving direction in each level, that is, the target node satisfies the fixed condition, each level is classified into a first level in which the target node satisfies the fixed condition and a second level in which the target node does not satisfy the fixed condition. The display mode of the nodes of the first level is kept unchanged, and the nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation. By setting the fixed conditions of the nodes, the phenomenon of incomplete display information caused by the branch information to be viewed being slid out of the display interface is avoided, thereby ensuring the full display of each node in the target flowchart, ensuring the integrity of the flowchart information display, improving the readability of the flowchart, allowing users to quickly understand the information in the flowchart, reducing the waste of computing resources and manpower costs, and improving the user experience.

[0045] Correspondingly, the present invention also provides a flowchart display device, equipment and computer-readable storage medium corresponding to the above-mentioned flowchart display method, which have the above-mentioned technical effects and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0047] Figure 1 A flowchart of an implementation method of a flowchart display method in an embodiment of the present invention;

[0048] Figure 2 This is a schematic diagram of a flow chart in an embodiment of the present invention;

[0049] Figure 3 This is a schematic diagram of the current display interface when a flowchart according to an embodiment of the present invention is displayed on a display screen;

[0050] Figure 4 This is a schematic diagram of the current display interface when a flowchart according to an embodiment of the present invention is displayed on a display screen;

[0051] Figure 5 This is a schematic diagram of the current display interface when a flowchart according to an embodiment of the present invention is displayed on a display screen;

[0052] Figure 6 This is another schematic diagram of a flow chart in an embodiment of the present invention;

[0053] Figure 7This is a schematic diagram of the current display interface when a flowchart according to an embodiment of the present invention is displayed on a display screen;

[0054] Figure 8 This is a structural block diagram of a flow chart display device according to an embodiment of the present invention;

[0055] Figure 9 This is a structural block diagram of a flow chart display device according to an embodiment of the present invention;

[0056] Figure 10 This is a schematic diagram of the specific structure of a flow chart display device provided in this embodiment. DETAILED DESCRIPTION

[0057] In order to enable those skilled in the art to better understand the present invention, the present invention is further described in detail below with reference to the accompanying drawings and specific embodiments. Obviously, the embodiments described are only some embodiments of the present invention, not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of the present invention.

[0058] See also Figure 1 , Figure 1 This is a flowchart of an implementation method of a flowchart display method in an embodiment of the present invention. The method may include the following steps:

[0059] S101: Displaying a target flowchart in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is used to display some nodes in the target flowchart.

[0060] The target flowchart to be displayed includes at least one process chain, each process chain includes multiple nodes, and the nodes in each process chain are pre-divided into hierarchies, such that each process chain includes multiple levels, and each level includes at least one node. When displaying the target flowchart on a display interface, in some cases, it is not possible to fully display all nodes in the target flowchart at once through the display interface, that is, a portion of the nodes in the target flowchart is displayed through the display interface.

[0061] It is worth noting that the target flow chart can be similar to a tree structure, including three types of nodes, namely a root node, child nodes, and other nodes. A process chain can refer to a chain relationship consisting of a root node, several leaf nodes belonging to the same parent node, and all nodes in the path from the root node to the several leaf nodes. The process chain includes multiple levels, and the level represents the position in the chain relationship. In some embodiments, for multiple adjacent levels, if the number of nodes in each level is the same, the multiple levels can be collectively regarded as one level.

[0062] It is worth noting that the term "multiple" in the embodiments of the present application refers to at least two.

[0063] See also Figure 2 , Figure 2 This is a schematic diagram of a flow chart in an embodiment of the present invention. Figure 2 The target flow chart shown contains three process chains. Node 3, Node 6, Nodes 15 to 22, Node 25, and Node 26 form a process chain, which contains five node levels: Node 3, Node 6, Nodes 15 to 22, Node 25, and Node 26. Node 2, Node 5, Nodes 11 to 14, Node 24, and Node 26 form a process chain, which contains five node levels: Node 2, Node 5, Nodes 11 to 14, Node 24, and Node 26. Node 1, node 4, node 7 to node 10, node 23, and node 26 form a process chain, and the process chain contains five node levels, node 1 is one level, node 4 is one level, nodes 7 to node 10 are one level, node 23 is one level, and node 26 is one level.

[0064] When dividing nodes in a process chain into hierarchies, node identification information that uniquely identifies each node can be pre-set. The node identification information corresponding to each node can be obtained. For example, the node identification information can be combined with the parent-child relationship to divide each node into hierarchies. Based on the node identification information of each node's parent node, nodes with the same parent node are determined, and nodes with the same parent node are divided into the same node level.

[0065] The display interface may be an interface obtained by accessing the network online, such as a browser interface, or an offline interface, such as a display interface of software such as WORD and EXCEL.

[0066] S102: In response to a move operation on a target flow chart, a target flow chain is determined in the flow chains formed by the displayed partial nodes.

[0067] When a node in the target flowchart needs to be moved and displayed, the target process chain is determined in the process chain composed of the displayed nodes in response to the move operation on the target flowchart. When the target flowchart contains multiple process chains, one of the process chains currently displayed on the display interface can be used as the target process chain, all the process chains currently displayed on the display interface can be used as the target process chain, or some of the process chains currently displayed on the display interface can be used as the target process chain.

[0068] In a specific embodiment of the present invention, determining a target process chain in a process chain composed of a portion of displayed nodes may include the following steps:

[0069] Perform any of the following:

[0070] All process chains formed by the displayed partial nodes are taken as target process chains;

[0071] The first process chain along the moving direction among all process chains consisting of the displayed partial nodes is used as the target process chain.

[0072] When determining the target process chain from the process chains currently displayed on the display interface, all process chains consisting of some of the displayed nodes can be used as the target process chain, or the first process chain along the moving direction of all process chains consisting of some of the displayed nodes can be used as the target process chain. By freely selecting a specific process chain from the process chains currently displayed on the display interface as the target process chain or setting all process chains currently displayed on the display interface as the target process chain according to current browsing needs, the optional display method of the nodes in each process chain is greatly improved.

[0073] See also Figure 3 , Figure 3 This is a schematic diagram of the current display interface when a flowchart is displayed on a display screen in an embodiment of the present invention. The display interface currently displays some or all of the nodes in three process chains. The process chain consisting of nodes 3, 6, 15 to 22, 25, and 26 can be used as the target process chain. Alternatively, the process chain consisting of nodes 3, 6, 15 to 22, 25, and 26; the process chain consisting of nodes 2, 5, 11 to 14, 24, and 26; and the process chain consisting of nodes 1, 4, 7 to 10, 23, and 26 can all be used as target process chains.

[0074] S103: When the target node of the first level in the target process chain meets the fixed conditions and the target node of the second level does not meet the fixed conditions, the display mode of the node of the first level is kept unchanged, and the node of the second level is updated and displayed according to the moving direction corresponding to the moving operation; wherein, the first level represents any one of the multiple levels included in the target process chain, and the second level represents any one of the levels different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

[0075] The moving direction of the target flowchart may be preset according to the display requirements of the target flowchart. For example, the moving direction may be set from top to bottom or from left to right according to the user's general file browsing habits.

[0076] According to whether the last node (i.e., target node) along the moving direction in each level of the target process chain meets the fixed conditions, each level is classified into the first level where the target node meets the fixed conditions and the second level where the target node does not meet the fixed conditions, and as the moving node level is replaced, whether the nodes of each level specifically belong to the first level or the second level may change. When the target node of the first level in the target process chain meets the fixed conditions and the target node of the second level does not meet the fixed conditions, the display mode of the nodes of the first level remains unchanged, and the nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation. When updating the display of the nodes of the second level, the connection relationship (such as connecting lines) between the nodes of other levels and the nodes of the second level is also updated and displayed accordingly.

[0077] It is worth noting that the unchanged display mode involved in the embodiments of the present application may refer to the unchanged display position.

[0078] See also Figure 3 , Figure 3 This is a schematic diagram of the current display interface when a flowchart is displayed on a display screen in an embodiment of the present invention. Figure 3 The process chain composed of node 3, node 6, node 15 to node 22, node 25, and node 26 can be used as a target process chain. It can be seen that the node level currently being moved is composed of node 15 to node 22. Therefore, node 15 to node 22 are the second-level nodes in the target process chain, and node 3, node 6, node 25, and node 26 are the first-level nodes in the target process chain.

[0079] When the process chain composed of node 2, node 5, node 11 to node 14, node 24, and node 26 is also the target process chain, node 2, node 5, node 11 to node 14, and node 24 are second-level nodes in the target process chain, and node 26 is a first-level node in the target process chain.

[0080] When the process chain composed of node 1, node 4, node 7 to node 10, node 23, and node 26 is also the target process chain, node 1, node 4, node 7 to node 10, and node 23 are second-level nodes in the target process chain, and node 26 is a first-level node in the target process chain.

[0081] In the process of moving the nodes of the second level, for any node of the second level, the distance required for the node to move to the edge of the display interface along the vertical direction of the moving direction is kept unchanged, and the distance required for the node to move to the edge of the display interface along the moving direction is reduced. Figure 3As shown, the distances between nodes 15 to 22 and the left and right boundaries of the display interface remain unchanged during the upward movement.

[0082] In a specific embodiment of the present invention, the number of the second level includes multiple levels; updating and displaying the nodes of the second level according to the moving direction corresponding to the moving operation may include the following steps:

[0083] Traverse multiple second levels in the target process chain according to the hierarchical order, and perform the following processing on the traversed second levels:

[0084] The traversed second-level nodes are updated and displayed according to the moving direction corresponding to the moving operation until the traversed second-level target node meets the fixed condition.

[0085] There are multiple second levels in the target process chain. The multiple second levels in the target process chain are traversed in order of the levels. For example, the multiple second levels in the target process chain can be traversed in order from child to parent (that is, from the level where the leaf node is located to the level where the root node is located). For the traversed second level, the nodes of the traversed second level are updated and displayed according to the moving direction corresponding to the moving operation until the target node of the traversed second level meets the fixed conditions.

[0086] like Figure 2 As shown, Figure 2 All nodes except node 26 have parent nodes. The parent of node 3 is node 6, the parent of node 6 is nodes 15 to 22, the parent of nodes 15 to 22 is node 25, the parent of node 2 is node 5, the parent of node 5 is nodes 11 to 14, the parent of nodes 11 to 14 is node 24, the parent of node 1 is node 4, the parent of node 4 is nodes 7 to 10, the parent of nodes 7 to 10 is node 23, and the parent of nodes 23 to 25 is node 26. Figure 3 The multiple second levels in the target process chain are traversed in order from child to parent, that is, the multiple second levels in the target process chain are traversed in order from right to left.

[0087] It can be seen from the above technical solution that by dividing the nodes in each process chain contained in the target flowchart into levels, and according to whether the last node along the moving direction in each level, that is, the target node satisfies the fixed conditions, each level is classified into the first level where the target node satisfies the fixed conditions and the second level where the target node does not satisfy the fixed conditions. The display mode of the nodes of the first level remains unchanged, and the nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation. By setting the fixed conditions of the nodes, the phenomenon of incomplete display information caused by the branch information to be viewed being slid out of the display interface is avoided, thereby ensuring the full display of each node in the target flowchart, ensuring the integrity of the flowchart information display, improving the readability of the flowchart, and enhancing the user experience.

[0088] It should be noted that, based on the above embodiment, the embodiment of the present invention also provides corresponding improved solutions. In subsequent embodiments, the same steps or corresponding steps as those in the above embodiment can be referenced to each other, and the corresponding beneficial effects can also be referenced to each other, and will not be described in detail in the following improved embodiments.

[0089] In a specific embodiment of the present invention, when the target nodes of the first level in the target process chain meet the fixed condition and the target nodes of the second level do not meet the fixed condition, the method may further include the following steps:

[0090] The display mode of the nodes of the process chain different from the target process chain in the display interface remains unchanged until the target nodes of all levels in the target process chain meet the fixed conditions.

[0091] It is possible to pre-set only one of the multiple process chains in the display interface as the target process chain. For example, the first process chain along the movement direction among all process chains composed of the displayed partial nodes can be used as the target process chain. When the target nodes of the first level in the target process chain meet the fixed conditions, and the target nodes of the second level do not meet the fixed conditions, the display mode of the nodes of the first level remains unchanged, and the nodes of the second level are updated according to the movement direction corresponding to the movement operation. The display mode of the nodes of the process chain different from the target process chain in the display interface remains unchanged until the target nodes of all levels in the target process chain meet the fixed conditions.

[0092] In a specific embodiment of the present invention, the method may further comprise the following steps:

[0093] When the target nodes at all levels in the target process chain meet the fixed conditions, the display mode of the shared nodes in the target process chain remains unchanged, and the nodes in the target process chain that are different from the shared nodes are updated and displayed according to the moving direction corresponding to the move operation;

[0094] The multiple process chains formed by the displayed partial nodes share a shared node. For example, the shared node may be a root node.

[0095] When multiple process chains exist in the display interface, each process chain has shared nodes. When the target nodes at all levels in the target process chain meet the fixed conditions, the display of the shared nodes in the target process chain remains unchanged, and the nodes in the target process chain that are different from the shared nodes are updated according to the movement direction corresponding to the move operation.

[0096] See also Figure 4 , Figure 4 This is a schematic diagram of the current display interface when a flow chart is displayed on a display screen in an embodiment of the present invention. Figure 4 As can be seen, when nodes 17 to 22 in the target process chain consisting of nodes 3, 6, 15 to 22, 25, and 26 have been removed from the display interface, all target nodes at all levels in the target process chain (i.e., nodes 3, 6, 15, 16, 25, and 26) meet the fixed condition. Node 26 is a shared node for the three process chains currently displayed.

[0097] See also Figure 5 , Figure 5 This is a schematic diagram of the current display interface when a flow chart is displayed on a display screen in an embodiment of the present invention. Figure 5 It can be seen that when the target nodes of all levels in the target process chain (i.e., node 3, node 6, node 15, node 16, node 25, and node 26) meet the fixed conditions, only nodes 3, node 6, node 15 to node 22 and node 25 except the shared node 26 are updated and displayed along the moving direction, and the display mode of the shared node 26 remains unchanged.

[0098] In a specific embodiment of the present invention, the method may further comprise the following steps:

[0099] For any target node in the target process chain, perform the following processing:

[0100] Determine the length of any target node along the moving direction;

[0101] Determine the distance required for any target node to move to the edge of the display interface along the moving direction;

[0102] When the distance is less than or equal to the length, it is determined that any target node meets the fixed condition;

[0103] When the distance is greater than the length, it is determined that any target node does not satisfy the fixed condition.

[0104] Each node in the target flow chart is generally set to the same shape and size, for example, each node can be set to a rectangular node of the same shape and size. It is preset that when the distance (top value) required for any target node in the target flow chain to move along the moving direction to the edge of the display interface is less than or equal to the length of the target node itself along the moving direction (height value), the target node is determined to meet the fixed condition. When the distance required for any target node to move along the moving direction to the edge of the display interface is greater than the length of the target node along the moving direction, the target node is determined to not meet the fixed condition.

[0105] like Figure 3 and Figure 4 As shown, the three process chains in the current display interface are all used as target process chains. Figure 3 When the target process chain consisting of nodes 3, 6, 15 to 22, 25, and 26 comprises nodes 15 to 22, at the level where the nodes 15 to 22 are located, the distance required for the two target nodes 15 and 16 to move to the boundary of the display interface along the moving direction is greater than the length of the target nodes along the moving direction. Therefore, it is determined that nodes 15 and 16 do not meet the fixed condition and need to continue moving in the moving direction until they move to the boundary of the display interface. Figure 4 In the state shown, the distance required for the two target nodes, node 15 and node 16, to move to the boundary of the display interface along the moving direction is less than or equal to the length of the target nodes along the moving direction, so it is determined that point 15 and node 16 meet the fixed condition.

[0106] In a specific embodiment of the present invention, the method may further comprise the following steps:

[0107] For the target node at any level in the target process chain, the following processing is performed:

[0108] Determine a first distance required for a target node at any level to move to a boundary of the display interface along a moving direction;

[0109] Determine a next level of any level along the hierarchical order, and determine a second distance required for the target node of the next level to move to the boundary of the display interface along the moving direction;

[0110] When the first distance is less than or equal to the second distance, determining that the target node at any level satisfies the fixed condition;

[0111] When the first distance is greater than the second distance, it is determined that the target node at any level does not satisfy the fixed condition.

[0112] See also Figure 6 and Figure 7 , Figure 6 This is another flowchart diagram in an embodiment of the present invention. Figure 7This is a schematic diagram of the current display interface when a flowchart in an embodiment of the present invention is displayed on a display screen. The three process chains in the current display interface are all used as target process chains. For the target node of any level in the target process chain, the next level of any level along the hierarchical order (such as the hierarchical order from the child node to the parent node) is determined, and the second distance required for the target node of the next level to move to the boundary of the display interface along the moving direction is determined. When the first distance is less than or equal to the second distance, it is determined that the target node of any level meets the fixed condition. When the first distance is greater than the second distance, it is determined that the target node of any level does not meet the fixed condition.

[0113] Figure 6 Node 3 is a child node of node 6. The distance required for node 3 to move to the boundary of the display interface along the moving direction is less than the distance required for node 6 to move to the boundary of the display interface along the moving direction, so node 3 meets the fixed condition. Node 6 is a child node of nodes 15 to 22. Nodes 15 and 16 are target nodes in the node hierarchy where nodes 15 to 22 are located. The distance required for node 6 to move to the boundary of the display interface along the moving direction is less than the distance required for nodes 15 and 16 to move to the boundary of the display interface along the moving direction, so node 6 meets the fixed condition. Nodes 15 to 22 are child nodes of node 25. The distance required for nodes 15 and 16 to move to the boundary of the display interface along the moving direction is greater than the distance required for node 25 to move to the boundary of the display interface along the moving direction, so nodes 15 and 16 do not meet the fixed condition, and nodes 15 to 22 need to be moved in the moving direction until they move to Figure 7 In the state shown, the distance required for nodes 15 and 16 to move to the border of the display interface along the moving direction is less than or equal to the distance required for node 25 to move to the border of the display interface along the moving direction.

[0114] Corresponding to the above method embodiment, the present invention further provides a flowchart display device. The flowchart display device described below and the flowchart display method described above can be referenced to each other.

[0115] See also Figure 8 , Figure 8 This is a structural block diagram of a flow chart display device according to an embodiment of the present invention. The device may include:

[0116] The flowchart display module 81 is used to display the target flowchart in the display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is used to display some nodes in the target flowchart;

[0117] a target process chain determining module 82 for determining a target process chain in the process chains formed by the displayed partial nodes in response to a move operation on the target process diagram;

[0118] The node update display module 83 is used to keep the display mode of the nodes of the first level unchanged when the target node of the first level in the target process chain meets the fixed conditions and the target node of the second level does not meet the fixed conditions, and update the display of the nodes of the second level according to the moving direction corresponding to the moving operation; wherein, the first level represents any one of the multiple levels included in the target process chain, and the second level represents any one of the levels different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

[0119] It can be seen from the above technical solution that by dividing the nodes in each process chain contained in the target flowchart into levels, and according to whether the last node along the moving direction in each level, that is, the target node satisfies the fixed conditions, each level is classified into the first level where the target node satisfies the fixed conditions and the second level where the target node does not satisfy the fixed conditions. The display mode of the nodes of the first level remains unchanged, and the nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation. By setting the fixed conditions of the nodes, the phenomenon of incomplete display information caused by the branch information to be viewed being slid out of the display interface is avoided, thereby ensuring the full display of each node in the target flowchart, ensuring the integrity of the flowchart information display, improving the readability of the flowchart, and enhancing the user experience.

[0120] In a specific embodiment of the present invention, the number of second levels includes multiple; the node update display module 83 specifically traverses multiple second levels in the target process chain according to the hierarchical order, and performs the following processing on the traversed second level: updates and displays the traversed second level nodes according to the moving direction corresponding to the moving operation until the traversed second level target node meets the fixed condition module.

[0121] In a specific embodiment of the present invention, the target process chain determination module 82 specifically performs any one of the following processing: taking all process chains composed of the displayed partial nodes as target process chains; taking the first process chain along the moving direction among all process chains composed of the displayed partial nodes as the module of the target process chain.

[0122] In a specific embodiment of the present invention, the device may further include:

[0123] The display mode maintenance module is used to keep the display mode of the nodes of the process chain different from the target process chain in the display interface unchanged when the target nodes of the first level in the target process chain meet the fixed conditions and the target nodes of the second level do not meet the fixed conditions, until the target nodes of all levels in the target process chain meet the fixed conditions.

[0124] In a specific embodiment of the present invention, the device may further include:

[0125] The shared node display module is used to keep the display mode of the shared nodes in the target process chain unchanged when the target nodes of all levels in the target process chain meet fixed conditions, and update the display of nodes in the target process chain that are different from the shared nodes according to the moving direction corresponding to the move operation; wherein, multiple process chains composed of some of the displayed nodes share the shared nodes.

[0126] In a specific embodiment of the present invention, the device may further include:

[0127] A node length determination module is used to determine the length of any target node along the moving direction for any target node in the target process chain;

[0128] A distance determination module is used to determine the distance required for any target node to move to the boundary of the display interface along the moving direction;

[0129] A fixed condition satisfaction determination module is used to determine that any target node satisfies the fixed condition when the distance is less than or equal to the length;

[0130] The fixed condition not satisfied determining module is used to determine that any target node does not satisfy the fixed condition when the distance is greater than the length.

[0131] In a specific embodiment of the present invention, the device may further include:

[0132] A first distance determination module is configured to determine, for a target node at any level in a target process chain, a first distance required for the target node at any level to move along a moving direction to a boundary of a display interface;

[0133] A second distance determination module is used to determine the next level of any level along the hierarchical order, and determine a second distance required for the target node of the next level to move along the moving direction to the boundary of the display interface;

[0134] The fixed condition satisfaction determination module is further configured to determine that a target node at any level satisfies the fixed condition when the first distance is less than or equal to the second distance;

[0135] The fixed condition not satisfied determining module is further configured to determine that a target node at any level does not satisfy the fixed condition when the first distance is greater than the second distance.

[0136] Corresponding to the above method embodiment, see Figure 9 , Figure 9 This is a schematic diagram of a flow chart display device provided by the present invention, which may include:

[0137] Memory 332, for storing computer programs;

[0138] The processor 322 is configured to implement the steps of the flowchart display method of the above method embodiment when executing a computer program.

[0139] For details, please refer to Figure 10 , Figure 10 This is a schematic diagram of the specific structure of a flowchart display device provided in this embodiment. The flowchart display device may have relatively large differences due to different configurations or performances, and may include a processor (central processing unit, CPU) 322 (for example, one or more processors) and a memory 332, and the memory 332 stores one or more computer applications 342 or data 344. Among them, the memory 332 can be a temporary storage or a permanent storage. The program stored in the memory 332 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations in the data processing device. Furthermore, the processor 322 can be configured to communicate with the memory 332 to execute a series of instruction operations in the memory 332 on the flowchart display device 301.

[0140] The flowchart shows that the device 301 may also include one or more power supplies 326 , one or more wired or wireless network interfaces 350 , one or more input and output interfaces 358 , and / or one or more operating systems 341 .

[0141] The steps in the flowchart display method described above can be implemented by the structure of a flowchart display device.

[0142] Corresponding to the above method embodiment, the present invention further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the following steps can be implemented:

[0143] A target flowchart is displayed in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is used to display some nodes in the target flowchart; in response to a move operation on the target flowchart, the target process chain is determined in the process chain composed of some of the displayed nodes; when the target node of the first level in the target process chain meets a fixed condition and the target node of the second level does not meet the fixed condition, the display mode of the node of the first level is kept unchanged, and the node of the second level is updated and displayed according to the moving direction corresponding to the move operation; wherein the first level represents any one of the multiple levels included in the target process chain, and the second level represents any one level different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

[0144] The computer-readable storage medium may include: a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, etc., which can store program codes.

[0145] For an introduction to the computer-readable storage medium provided by the present invention, please refer to the above method embodiment, and the present invention will not elaborate on it here.

[0146] The present application also provides a computer program product, which includes a computer program. When the computer program is executed by a processor, it can implement the steps of any of the flowchart display methods described above.

[0147] It should be noted that the information (including but not limited to user information, device information, etc.) and data (including but not limited to read data, target data, etc.) involved in the embodiments of this application are all information and data authorized by the user or fully authorized by all parties, and the processing of information and data also complies with the provisions of relevant laws and regulations.

[0148] The various embodiments in this specification are described in a progressive manner, with each embodiment focusing on its differences from the other embodiments. References to the same or similar parts between the various embodiments are sufficient. The devices, apparatuses, and computer-readable storage media disclosed in the embodiments are described briefly because they correspond to the methods disclosed in the embodiments. For relevant details, refer to the description of the methods.

[0149] This document uses specific examples to illustrate the principles and implementation methods of the present invention. The description of the above embodiments is only intended to help understand the technical solutions and core concepts of the present invention. It should be noted that those skilled in the art can make various improvements and modifications to the present invention without departing from the principles of the present invention, and such improvements and modifications also fall within the scope of protection of the claims of the present invention.

Claims

1. A flowchart display method, characterized in that: include: Displaying a target flowchart in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is used to display some nodes in the target flowchart; In response to a move operation on the target flow chart, determining a target flow chain in the flow chains formed by the displayed portion of nodes; When the target nodes of the first level in the target process chain meet the fixed condition and the target nodes of the second level do not meet the fixed condition, the display mode of the nodes of the first level remains unchanged, and the nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation; The method further comprises: For the target node at any level in the target process chain, perform the following processing: Determining a first distance required for the target node at any level to move along the moving direction to the boundary of the display interface; Determining a next level of the any level along the hierarchical order, and determining a second distance required for the target node of the next level to move along the moving direction to the boundary of the display interface; When the first distance is less than or equal to the second distance, determining that the target node at any level meets a fixed condition; When the first distance is greater than the second distance, determining that the target node at any level does not satisfy the fixed condition; The first level represents any one of the multiple levels included in the target process chain, the second level represents any one level different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

2. The flowchart display method according to claim 1, characterized in that: The number of the second level includes a plurality; and updating and displaying the nodes of the second level according to the moving direction corresponding to the moving operation includes: Traverse multiple second levels in the target process chain according to the hierarchical order, and perform the following processing on the traversed second levels: The traversed nodes of the second level are updated and displayed according to the moving direction corresponding to the moving operation until the traversed target node of the second level meets the fixed condition.

3. The flowchart display method according to claim 1, characterized in that: Determining a target process chain in the process chain formed by the displayed portion of nodes includes: Perform any of the following: All process chains formed by the displayed partial nodes are taken as target process chains; The first process chain along the moving direction among all process chains formed by the displayed partial nodes is used as the target process chain.

4. The flowchart display method according to claim 1, characterized in that: When the target nodes of the first level in the target process chain meet the fixed condition, and the target nodes of the second level do not meet the fixed condition, the method further includes: The display mode of the nodes of the process chain different from the target process chain in the display interface is kept unchanged until the target nodes of all levels in the target process chain meet the fixed condition.

5. The flowchart display method according to claim 1, characterized in that: The method further comprises: When the target nodes of all levels in the target process chain meet the fixed condition, the display mode of the shared nodes in the target process chain remains unchanged, and nodes in the target process chain that are different from the shared nodes are updated and displayed according to the moving direction corresponding to the move operation; The multiple process chains formed by the displayed partial nodes share the shared node.

6. The flowchart display method according to any one of claims 1 to 5, characterized in that: The method further comprises: For any target node in the target process chain, perform the following processing: Determining the length of any target node along the moving direction; Determining a distance required for any target node to move along the moving direction to a boundary of the display interface; When the distance is less than or equal to the length, determining that any one of the target nodes satisfies a fixed condition; When the distance is greater than the length, it is determined that any target node does not satisfy the fixed condition.

7. A flow chart display device, characterized in that: include: A flowchart display module, configured to display a target flowchart in a display interface; wherein the target flowchart includes at least one process chain, the process chain includes multiple levels, and each level includes at least one node; the display interface is configured to display some nodes in the target flowchart; a target process chain determining module, configured to determine a target process chain in the process chain formed by the displayed portion of nodes in response to a move operation on the target process diagram; a node update display module, configured to, when the target nodes of the first level in the target process chain meet a fixed condition and the target nodes of the second level do not meet the fixed condition, keep the display mode of the nodes of the first level unchanged, and update the display of the nodes of the second level according to the moving direction corresponding to the moving operation; A first distance determination module is configured to determine, for a target node at any level in a target process chain, a first distance required for the target node at any level to move along a moving direction to a boundary of a display interface; A second distance determination module is used to determine the next level of any level along the hierarchical order, and determine a second distance required for the target node of the next level to move along the moving direction to the boundary of the display interface; The fixed condition satisfaction determination module is further configured to determine that a target node at any level satisfies the fixed condition when the first distance is less than or equal to the second distance; The fixed condition not satisfied determining module is further configured to determine that a target node at any level does not satisfy the fixed condition when the first distance is greater than the second distance; The first level represents any one of the multiple levels included in the target process chain, the second level represents any one level different from the first level; the target node of the first level represents the last node in the first level along the moving direction.

8. A flow chart display device, characterized in that: include: Memory for storing computer programs; A processor, configured to implement the steps of the flowchart display method according to any one of claims 1 to 6 when executing the computer program.

9. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the flowchart display method according to any one of claims 1 to 6 are implemented.

Images