Display method and device for editing interface of process node, equipment and medium

Abstract

The invention discloses a display method and device for an editing interface of a process node, equipment and a medium, which are applied to the technical field of computers. The method comprises the steps of displaying a flow editing page comprising a flow chart, obtaining a fixed display editing interface instruction triggered by a user for a first to-be-edited flow node, and displaying a first editing interface of the first to-be-edited flow node in a fixed display area. The content displayed in the fixed display area and the content displayed in the display area of the process editing page are mutually independent, and in response to adjustment of the display area of the process editing page, the position of the fixed display area relative to the display area of the process editing page is kept unchanged. Thus, a user adjusts the flow editing page to check the flow chart, display of the first editing interface in the fixed display area is not affected, and the flow nodes can be continuously edited through the first editing interface. The requirements of the user for checking other parts of the flow chart and editing the flow nodes are met, and the user can edit the flow nodes conveniently.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, equipment and medium for displaying an editing interface of a process node. Background Art

[0002] The flowchart of a business includes process nodes and the execution order between process nodes. Among them, the process nodes can correspond to the processing steps of the business, and the execution order between the process nodes can reflect the processing process between the processing steps of the business. Users can use the flowchart of the business to sort out and manage the processing process of the business. For example, users use the application platform as a service (application Platform as a Service, aPaaS) platform to develop application services. In order to facilitate the determination of the process of creating application services, users usually edit the flowchart used to guide the creation of applications in the process editing page provided by the aPaaS platform. When the user edits the application, the steps that need to be processed currently can be determined based on the created flowchart.

[0003] When editing a flowchart, the user needs to edit the process nodes included in the flowchart or the execution order between the process nodes. The user triggers the editing interface that displays the process node, and uses the editing interface to edit the parameters and node information of the process node. However, the current display method of the editing interface of the process node will cause the user to be unable to view other process nodes or other execution orders of the flowchart. Or when the user views other process nodes or other execution orders of the flowchart, the editing interface cannot be used to edit them. The display method of the editing interface cannot meet the needs of users to view flowcharts and edit process nodes, resulting in a poor experience for users to edit process nodes. Summary of the invention

[0004] In view of this, the present application provides a method, device, equipment and medium for displaying the editing interface of a process node, which displays the editing interface in a fixed display area, can meet the needs of users to view other parts of the flowchart and edit the process nodes, and facilitate users to edit the process nodes.

[0005] Based on this, the technical solutions provided by this application are as follows:

[0006] In a first aspect, the present application provides a method for displaying an editing interface of a process node, the method comprising: displaying a process editing page, the process editing page being used to display a flowchart and edit the flowchart, the flowchart comprising process nodes; obtaining a fixed display editing interface instruction for a first process node to be edited; displaying a first editing interface of the first process node to be edited in a fixed display area in the process editing page; and in response to an adjustment of the flowchart displayed in the display area of ​​the process editing page, maintaining a position of the fixed display area relative to the display area of ​​the process editing page unchanged.

[0007] In a possible implementation, the method further includes: in response to satisfying a display area switching condition, stopping displaying the first editing interface in the fixed display area, and displaying the first editing interface in a node display area of ​​the first process node to be edited.

[0008] In a possible implementation, the display area switching condition is triggering a display area switching control included in the first editing interface; or, the display area switching condition is that the display ratio of the process editing page is greater than a first display ratio threshold.

[0009] In a possible implementation manner, a display ratio of the first editing interface displayed in the fixed display area is greater than a second display ratio threshold, and the second display ratio threshold is greater than or equal to the first display ratio threshold.

[0010] In one possible implementation, before displaying the first editing interface of the first process node to be edited in the fixed display area, the method also includes: determining that the display ratio of the process editing page is less than a third display ratio threshold, or the display state of the first process node to be edited is a reduced display state, and the third display ratio threshold is less than or equal to the first display ratio threshold.

[0011] In one possible implementation, the first editing interface includes a display area moving control, and the method further includes: in response to triggering the display area moving control, based on the position of the operation control in the process editing page, moving the fixed display area until a stop movement instruction is triggered.

[0012] In one possible implementation, after displaying the first editing interface of the first process node to be edited in the fixed display area, the method further includes: obtaining a fixed display editing interface instruction for the second process node to be edited; and displaying the second editing interface of the second process node to be edited in the fixed display area.

[0013] In a possible implementation manner, the method further includes: ending the display of the first editing interface in the fixed display area.

[0014] In a possible implementation manner, when the first editing interface of the first process node to be edited is displayed in the fixed display area, the first process node to be edited is displayed in a display manner corresponding to the editing state.

[0015] In a possible implementation, the obtaining of a fixed display editing interface instruction for the first process node to be edited includes: in response to determining that the position of the operation control is located in the node display area of ​​the first process node to be edited, displaying a first fixed display editing interface control; in response to triggering the first fixed editing interface control, generating a fixed display editing interface instruction

[0016] In a second aspect, the present application provides a display device for an editing interface of a process node, the device comprising: a first display unit, used to display a process editing page, the process editing page being used to display a flowchart and edit the flowchart, the flowchart comprising a process node; a first acquisition unit, used to acquire a fixed display editing interface instruction for a first process node to be edited; a second display unit, used to display a first editing interface of the first process node to be edited in a fixed display area in the process editing page; the second display unit is also used to control the position of the fixed display area relative to the display area of ​​the process editing page to remain unchanged in response to an adjustment of the flowchart displayed in the display area of ​​the process editing page.

[0017] In a possible implementation, the device also includes: a switching unit, which is used to stop displaying the first editing interface in the fixed display area in response to satisfying the display area switching condition, and display the first editing interface in the node display area of ​​the first process node to be edited.

[0018] In a possible implementation, the display area switching condition is triggering a display area switching control included in the first editing interface; or, the display area switching condition is that the display ratio of the process editing page is greater than a first display ratio threshold.

[0019] In a possible implementation manner, a display ratio of the first editing interface displayed in the fixed display area is greater than a second display ratio threshold, and the second display ratio threshold is greater than or equal to the first display ratio threshold.

[0020] In one possible implementation, the device also includes: a determination unit, which is used to determine that the display ratio of the process editing page is less than a third display ratio threshold before displaying the first editing interface of the first process node to be edited in a fixed display area, or that the display state of the first process node to be edited is a reduced display state, and the third display ratio threshold is less than or equal to the first display ratio threshold.

[0021] In one possible implementation, the first editing interface includes a display area moving control, and the device also includes: a moving unit, which is used to move the fixed display area in response to triggering the display area moving control based on the position of the operation control in the process editing page until a stop movement instruction is triggered.

[0022] In a possible implementation, the device also includes: a second acquisition unit, used to acquire a fixed display editing interface instruction for a second process node to be edited; and a third display unit, used to display a second editing interface of the second process node to be edited in the fixed display area.

[0023] In a possible implementation, the second display unit is further configured to end displaying the first editing interface in the fixed display area.

[0024] In a possible implementation manner, when the first editing interface of the first process node to be edited is displayed in the fixed display area, the first process node to be edited is displayed in a display manner corresponding to the editing state.

[0025] In a possible implementation, the first acquisition unit is used to acquire a fixed display editing interface instruction for the first process node to be edited, including:

[0026] The first acquisition unit is specifically used to display a first fixed display editing interface control in response to determining that the position of the operation control is located in the node display area of ​​the first process node to be edited; and generate a fixed display editing interface instruction in response to triggering the first fixed editing interface control.

[0027] In a third aspect, the present application provides an electronic device, including:

[0028] one or more processors;

[0029] a storage device having one or more programs stored thereon,

[0030] When the one or more programs are executed by the one or more processors, the one or more processors implement any method described in the first aspect.

[0031] In a fourth aspect, the present application provides a computer-readable medium having a computer program stored thereon, wherein when the program is executed by a processor, any method described in the first aspect is implemented.

[0032] In a fifth aspect, the present application provides a computer program product, which, when executed on a device, enables the device to execute any of the methods described in the first aspect.

[0033] It can be seen that this application has the following beneficial effects:

[0034] The present application provides a method, device, equipment and medium for displaying an editing interface of a process node. In the method for displaying the editing interface of the process node, a process editing page including a flowchart is first displayed. Based on the process editing page, a user triggers the generation of a fixed display editing interface instruction for a first process node to be edited. The fixed display editing interface instruction for the first process node to be edited triggered by the user is obtained, and the first editing interface of the first process node to be edited is displayed in a fixed display area in the process editing page. In this way, when the user adjusts the process editing page to view the flowchart, the display of the first editing interface in the fixed display area is not affected. In addition, in response to the adjustment of the flowchart displayed in the display area of ​​the process editing page, the position of the fixed display area relative to the display area of ​​the process editing page is kept unchanged. The user can also continue to edit the process node in the first editing interface in the fixed display area based on the adjustment of the process editing page. It meets the needs of the user to view other parts of the flowchart and edit the process node, and facilitates the user to edit the process node. BRIEF DESCRIPTION OF THE DRAWINGS

[0035] Figure 1 A schematic diagram of an exemplary application scenario provided for an embodiment of the present application;

[0036] Figure 2a A schematic diagram of another exemplary application scenario provided for an embodiment of the present application;

[0037] Figure 2b A schematic diagram of another exemplary application scenario provided for an embodiment of the present application;

[0038] Figure 2c A schematic diagram of another exemplary application scenario provided for an embodiment of the present application;

[0039] Figure 3 A flowchart of a method for displaying an editing interface of a process node provided in an embodiment of the present application;

[0040] Figure 4 A schematic diagram of a display of a process editing page provided in an embodiment of the present application;

[0041] Figure 5 A schematic diagram of displaying a first fixed display editing interface control provided in an embodiment of the present application;

[0042] Figure 6 A schematic diagram of another display of a first fixed display editing interface control provided in an embodiment of the present application;

[0043] Figure 7 A schematic diagram of displaying a first editing interface in a fixed display area provided in an embodiment of the present application;

[0044] Figure 8 A schematic diagram of a process node of "submit to storage" in a zoomed-out display state provided in an embodiment of the present application;

[0045] Fig. 9 A schematic diagram showing a first editing interface provided in an embodiment of the present application;

[0046] Fig.10 A schematic diagram showing a first editing interface and a second editing interface provided in an embodiment of the present application;

[0047] Fig.11 A schematic diagram showing a second editing interface provided in an embodiment of the present application;

[0048] Fig.12 A schematic diagram of the structure of a display device for an editing interface of a process node provided in an embodiment of the present application;

[0049] Fig.13 A schematic diagram of the basic structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0050] In order to facilitate the understanding and explanation of the technical solutions provided by the embodiments of the present application, the background technology of the present application will be described below.

[0051] The aPaaS platform provides users with application development services. The aPaaS platform has low-code or zero-code features and can provide users with elements and modules for creating applications. Users can create applications by simply "dragging, pulling, and dropping" the elements or modules they need to select. The process of creating an application may be more complicated. Users usually edit the flowchart used to guide the creation of the application in the process editing page so that they can refer to the flowchart when creating the application later.

[0052] The user can edit the process node that needs to be edited in the process editing page. The user triggers the editing interface of the process node that needs to be edited. The editing interface includes the editable content of the process node, such as the parameters of the process node. The user edits the process node based on the editing interface. The editing interface is usually located in the node display area of ​​the process node, and the display ratio of the editing interface is relatively large. The user can browse the editable content of the node editing interface more clearly and edit the process node as needed.

[0053] However, when the user needs to view other parts of the flowchart, the editing interface will affect the inconvenience of viewing other parts, or it will be inconvenient to continue editing the process nodes. For example, in a scenario where the user needs to reduce the display ratio of the process editing page to view more process nodes, one situation is that the display ratio of the editing interface will be reduced synchronously with the display ratio of the process editing page. Although the user can view other parts of the flowchart, the display ratio of the editing interface is small, which makes it difficult for the user to view the editing interface and difficult to edit in the editing interface. In another case, due to the display limitations of the editing interface, it is difficult for the user to reduce the display ratio or slide through the process editing page, resulting in the user being unable to view other process nodes or execution order of the flowchart. The display method of this type of editing interface is difficult to meet the needs of users to edit process nodes and view flowcharts, making it inconvenient for users to edit process nodes.

[0054] Based on this, the embodiment of the present application provides a method, device, equipment and medium for displaying the editing interface of a process node. In the method for displaying the editing interface of the process node, a process editing page including a flowchart is first displayed. Based on the process editing page, the user triggers the generation of a fixed display editing interface instruction for the first process node to be edited. The fixed display editing interface instruction for the first process node to be edited triggered by the user is obtained, and the first editing interface of the first process node to be edited is displayed in the fixed display area of ​​the process editing page. In this way, when the user adjusts the process editing page to view the flowchart, the display of the first editing interface in the fixed display area is not affected. In addition, in response to the adjustment of the display area of ​​the process editing page, the position of the fixed display area relative to the display area of ​​the process editing page is kept unchanged. The user can also continue to edit the process node in the first editing interface in the fixed display area based on the adjustment of the process editing page. It meets the needs of the user to view other parts of the flowchart and edit the process node, and facilitates the user to edit the process node.

[0055] In order to facilitate understanding of a display method of an editing interface of a process node provided in an embodiment of the present application, the display method of an editing interface of a process node provided in an embodiment of the present application is described below in conjunction with the accompanying drawings. Figure 1 as well as Figure 2a-2c See the example scenario shown in the figure. Figure 1 as well as Figure 2a-2c As shown, this figure is a framework diagram of an exemplary application scenario provided in an embodiment of the present application.

[0056] The client displays the process editing page for displaying and editing the flowchart to the user. Figure 1 As shown, the flowchart includes process nodes. The user clicks process node 1, which is the fixed display editing interface control of the first process node to be edited, triggering the generation of a fixed display editing interface instruction. The client obtains the fixed display editing interface instruction and displays the first editing interface of process node 1 in the fixed display area of ​​the display area of ​​the process editing page. The first editing interface of process node 1 includes the editable content of process node 1, such as process parameters. See Figure 2a As shown in the figure, the fixed display area is the area enclosed by the dotted box. The fixed display area and the display area of ​​the process editing page display content independently, and when adjusting the flowchart displayed in the display area of ​​the process editing page, the position of the fixed display area relative to the display area of ​​the process editing page remains unchanged. When the user adjusts the display ratio of the process editing page, for example, to reduce the display ratio, see Figure 2b As shown, it will not affect the display of the first editing interface in the fixed display area. Or, when the user adjusts the display area of ​​the process editing page, for example, moves the display area down, see Figure 2c As shown, the display of the first editing interface in the fixed display area will not be affected. In this way, the user can view other parts of the flow chart and edit the process nodes.

[0057] Those skilled in the art will understand that Figure 1 as well as Figure 2a-2c The framework diagram shown is only an example in which the embodiments of the present application can be implemented. The scope of application of the embodiments of the present application is not limited by any aspect of the framework.

[0058] In order to facilitate understanding of the technical solution provided in the embodiment of the present application, the display method of the editing interface of the process node provided in the embodiment of the present application is described below with reference to the accompanying drawings.

[0059] See also Figure 3 As shown in FIG. 1 , this figure is a flow chart of a method for displaying an editing interface of a process node provided in an embodiment of the present application, such as Figure 3 As shown, the method may include S301-S304:

[0060] S301: Display the process editing page.

[0061] The process editing page is used to edit the flowchart. Users can edit the flowchart on the process editing page and can view the flowchart during the editing process. In some possible implementations, the flowchart only includes process nodes. For example, the flowchart that starts editing. In other possible implementations, the flowchart includes multiple process nodes and the execution order between multiple process nodes. The process nodes correspond to the steps that need to be executed for the business represented by the flowchart. The execution order between multiple process nodes corresponds to the execution order between the steps of the business execution represented by the flowchart. Users usually need to edit the process nodes, for example, edit the corresponding business information of the process nodes, edit the trigger conditions of the process nodes, edit the format of the output data of the process nodes, and other editable contents of the process nodes.

[0062] The process editing page can be a page displayed in a browser, or a page displayed in an application. The embodiments of the present application do not limit this. In addition, the embodiments of the present application do not limit the triggering method of displaying the process editing page. As an example, a user can trigger the display of the process editing page by clicking a control that creates a process editing page. As another example, a user can edit the process editing page by clicking an edit control when viewing a flowchart.

[0063] S302: Obtain a fixed display editing interface instruction for the first process node to be edited.

[0064] When viewing the flowchart in the displayed process editing page, the user can edit the process node. The user triggers a fixed display editing interface instruction for the first process node to be edited. The fixed display editing interface instruction is used to instruct to display the editing interface in the fixed display area.

[0065] The embodiment of the present application does not limit the triggering method of the fixed display editing interface instruction.

[0066] In a possible implementation, the user can trigger the process using a preset shortcut key based on selecting the first process node to be edited.

[0067] In another possible implementation, the user can trigger the generation of a fixed display editing interface instruction by clicking on the first fixed editing interface control. As an example, the first fixed editing interface control is displayed in the node display area of ​​the first process node to be edited so that the user can click on the first fixed editing interface control. The node display area is the area where the first process node to be edited is displayed. As another example, if the position of the operation control is in the node display area of ​​the first process node to be edited, the first fixed display editing interface control is displayed. The operation control is, for example, an operation control controlled by a mouse or a touchpad, or, for example, an operation control controlled by a keyboard. For example, when the user hovers the operation control in the node display area of ​​the first process node to be edited, it is determined that the position of the operation control is located in the node display area of ​​the first process node to be edited, and the first fixed display editing interface control is displayed. The user generates a fixed display editing interface instruction for the first process node to be edited by triggering the first fixed editing interface control.

[0068] As two examples, the embodiments of the present application provide two display modes of the first fixed display editing interface control.

[0069] See also Figure 4 As shown, this figure is a display schematic diagram of a process editing page provided by an embodiment of the present application. The user needs to move the operation control controlled by the mouse, that is, the mouse cursor, to the node display area of ​​the process node of "Submit to Warehouse".

[0070] As an example, see Figure 5 As shown in FIG. 1 , the figure is a schematic diagram of a display of a first fixed display editing interface control provided by an embodiment of the present application. When the position of the operation control controlled by the mouse is detected to be in the node display area of ​​the process node of “Submit to Warehouse”, the control panel is displayed. For example, see Figure 5 As shown, the control panel includes a copy control, a cut control, a delete control, and a first fixed display editing interface control. The user can trigger the generation of a fixed display editing interface instruction by clicking the first fixed display editing interface control.

[0071] As another example, see Figure 6 As shown, this figure is a schematic diagram of another display of the first fixed display editing interface control provided by an embodiment of the present application. The position of the mouse cursor is detected in the node display area of ​​the "Submit to Warehouse" process node, and the first fixed display editing interface control is displayed in the node display area of ​​the "Submit to Warehouse" process node. The user can trigger the generation of a fixed display editing interface instruction by clicking the first fixed display editing interface control in the control panel.

[0072] S303: Displaying a first editing interface of a first process node to be edited in a fixed display area of ​​the process editing page.

[0073] The fixed display area is a predetermined area for displaying the editing interface. The editing interface is an interface for displaying editable content. The embodiment of the present application does not limit the display form of the editing interface. The editing interface is, for example, an editing panel. The editing interface is, for example, an editing menu.

[0074] The embodiment of the present application also does not limit the size of the fixed display area. In one possible implementation, the fixed display area is consistent with the size of the editing interface to be displayed. In another possible implementation, the size of the fixed display area is a preset fixed value.

[0075] As an example, see Figure 7 As shown, this figure is a schematic diagram of displaying a first editing interface in a fixed display area provided by an embodiment of the present application. The fixed display area is located in the area in the upper right corner of the display area of ​​the process editing page. The editing interface of the "Submit to Warehouse" process node is displayed in the fixed display area. The editing interface of the "Submit to Warehouse" process node includes the information of the process node, a control bar, and a parameter editing interface. The information of the process node is the icon of the "Submit to Warehouse" process node and the name of the "Submit to Warehouse" process node.

[0076] It should be noted that the fixed display area overlaps with the display area of ​​the process editing page, and the display layer of the fixed display area is the upper layer of the display layer of the display area of ​​the process editing page. The fixed display area blocks the display area of ​​the process editing page. Moreover, the fixed display area and the display area of ​​the process editing page display content independently. In other words, the content displayed in the fixed display area is independent of the content displayed in the display area of ​​the process editing page.

[0077] The first editing interface of the first process node to be edited includes editable content of the first process node to be edited. The user can edit the first process node to be edited using the first editing interface.

[0078] The present application embodiment does not limit the editable content included in the first editing interface. In a possible implementation, the editable content of the first process node to be edited includes pre-configured general editable content. For example, see Figure 7 As shown, the parameter editing interface in the editing interface of the process node "Submit to Warehouse" includes a configuration control of "Terminate the process if an error occurs". In another possible implementation, the editable content of the first process node to be edited includes editable content related to the function of the first process node to be edited. For example, see Figure 7 The editing interface of the process node "Submit to Warehouse" is shown. The parameter editing interface of the editing interface of the process node "Submit to Warehouse" includes a selection control for "variables to be submitted to warehouse".

[0079] In some possible implementations, when the first editing interface of the first process node to be edited is displayed in the fixed display area, the first process node to be edited is displayed in a display mode corresponding to the editing state. The present application embodiment does not limit the specific display mode corresponding to the editing state. As an example, see Figure 7 As shown, the display mode corresponding to the editing state of the process node "Submit to Warehouse" is a display mode that increases transparency. As another example, the display mode corresponding to the editing state is a display mode that bolds the process node border. By displaying the first process node to be edited in a display mode corresponding to the editing state, the user can more clearly understand the process node currently being edited, which facilitates the user to edit the process node.

[0080] S304: In response to the adjustment of the flowchart displayed in the display area of ​​the process editing page, the position of the fixed display area relative to the display area of ​​the process editing page is kept unchanged.

[0081] The position of the fixed display area relative to the display area of ​​the process editing page is not affected by changes in the content displayed in the display area of ​​the process editing page. During the process of adjusting the flowchart displayed in the display area of ​​the process editing page, the position of the fixed display area relative to the display area of ​​the process editing page remains unchanged.

[0082] Based on the relevant contents of S301-S304, it can be known that the relative position of the fixed display area and the display area of ​​the process editing page is not affected by the user adjusting the flowchart displayed in the display area. The user can adjust the display of the flowchart in the display area and edit the first process node to be edited using the first editing interface in the fixed display area. This meets the needs of the user to view the flowchart and edit the process node, and facilitates the user's operation of editing the process node.

[0083] In addition, the display ratio of the process editing page has a certain impact on the user viewing the flowchart. The display ratio of the process editing page is the zoom ratio of the process editing page. When the display ratio is large, the area of ​​the process editing page displayed in the display area is small. When the display ratio is small, the area of ​​the process editing page displayed in the display area is large. Among them, the display area is determined based on the display screen or the display window of the process editing page.

[0084] In some possible implementations, before displaying the first editing interface of the first process node to be edited in a fixed display area, it is also necessary to determine that the display ratio of the process editing page is less than the third display ratio threshold, or that the display state of the first process node to be edited is a reduced display state. The third display ratio threshold is a pre-set display ratio threshold that is not convenient for users to edit process nodes. The third display ratio threshold can be configured based on needs. As an example, the third display ratio threshold is specifically 70%. The display state of the first process node to be edited corresponds to the display form of the first process node to be edited. The node display area of ​​the first process node to be edited is the area in the process editing page that displays the first process node to be edited. In the reduced display state, the node display area of ​​the first process node to be edited is smaller. In the reduced display state, less content is displayed in the node display area of ​​the first process node to be edited. See. Figure 8 As shown, this figure is a schematic diagram of a "Submit to Warehouse" process node in a zoomed-out display state provided by an embodiment of the present application. In the zoomed-out display state, the name of the process node "Submit to Warehouse" and the icon of the process node are displayed in the node display area of ​​the "Submit to Warehouse" process node.

[0085] In this way, the editing interface of a process node with a smaller display ratio or in a reduced display state can be displayed in a fixed display area, making it easier for users to edit the process node while keeping the display mode of the original flowchart unchanged.

[0086] In addition, the display ratio of the first editing interface displayed in the fixed display area is greater than the second display ratio threshold. The second display ratio threshold is a preset display ratio threshold that facilitates users to edit process nodes. The second display ratio threshold can be configured based on needs. As an example, the second display ratio threshold is specifically 110%. Using a more appropriate display ratio to display the first editing interface in the fixed display area can enable users to view the first editing interface more clearly, which is convenient for users to edit process nodes.

[0087] In some implementations, the user can adjust the position of the fixed display area. As an example, the first editing interface includes a display area mobile control. The display area mobile control is used to adjust the relative position of the fixed display area in the display area of ​​the process editing page. The user can use the operation control to trigger the display area mobile control. In response to triggering the display area mobile control, based on the position of the operation control in the process editing page, the fixed display area is moved until the stop moving instruction is triggered. In this way, the user can move the position of the fixed display area by triggering the display area mobile control. The embodiment of the present application does not limit the way to trigger the stop moving instruction. In one possible implementation, the user clicks again to trigger the stop moving instruction while using the operation control to move the fixed display area. In another possible implementation, the user uses the keyboard to control the operation control to move the fixed display area. The user triggers the stop moving instruction by triggering a preset keyboard key. In this way, the user can adjust the fixed display area to meet the user's need to view the editing interface.

[0088] In addition to displaying the editing interface in the fixed display area, the editing interface can also be displayed in the node display area of ​​the process node to be edited in the flowchart. The editing interface displayed in the node display area of ​​the process node to be edited will be adjusted accordingly as the user adjusts the flowchart display method.

[0089] In some scenarios, the user needs to switch the first editing interface displayed in the fixed display area to display it in the node display area of ​​the first process node to be edited. The embodiment of the present application provides a method for displaying an editing interface of a process node, which, in addition to the above steps, also includes, in response to satisfying a display area switching condition, stopping displaying the first editing interface in the fixed display area, and displaying the first editing interface in the node display area of ​​the first process node to be edited.

[0090] The display area switching condition is a condition for triggering the switching of the display position of the first editing interface.

[0091] As an example, the first editing interface includes a display area switching control. The display area switching control is used to trigger switching of the display position of the first editing interface. The display area switching condition is to trigger the display area switching control included in the first editing interface. Figure 7 As shown in FIG. 1 , the control bar of the editing interface of the process node "Submit to Warehouse" includes a display area switching control and a delete control. The user triggers the display area switching control to display the first editing interface in the node display area of ​​the first process node to be edited. Fig. 9As shown, this figure is a schematic diagram of a first editing interface provided by an embodiment of the present application. The first editing interface displayed in the node display area of ​​the first process node to be edited has a display ratio consistent with the display ratio of the first process node to be edited, that is, the display ratio of the first editing interface is consistent with the display ratio of the process editing page.

[0092] As another example, the display area switching condition is that the display ratio of the process editing page is greater than the first display ratio threshold. The first display ratio threshold is a preset display ratio threshold that facilitates users to edit process nodes. The first display ratio threshold can be configured based on needs. As an example, the first display ratio threshold is specifically 100%. In some implementations, the second display ratio threshold is greater than or equal to the first display ratio threshold, and the first display ratio threshold is greater than or equal to the third display ratio threshold.

[0093] It should be noted that the content included in the first editing interface displayed in the fixed display area and the content of the first editing interface displayed in the node display area of ​​the first process node to be edited may be different. For example, the first editing interface displayed in the fixed display area includes information about the process node. The user can confirm the first process node to be edited that can be edited by the first editing interface based on the information about the first process node to be edited included in the first editing interface. However, the first editing interface displayed in the node display area of ​​the first process node to be edited may not include information about the first process node to be edited.

[0094] In some editing scenarios, the user needs to edit multiple process nodes. The user triggers a fixed display editing interface instruction for the second process node to be edited. The second process node to be edited is a different process node from the first process node to be edited.

[0095] The embodiment of the present application does not limit the way in which the user triggers the fixed display editing interface instruction for the second process node to be edited. The way to trigger the fixed display editing interface instruction for the second process node to be edited is similar to the way to trigger the fixed display editing interface instruction for the first process node to be edited. Please refer to the above introduction for details, which will not be repeated here.

[0096] After obtaining a fixed display editing interface instruction for the second process node to be edited, a second editing interface of the second process node to be edited is displayed in the fixed display area. The second editing interface includes editable content of the second process node to be edited. The editable content of the second process node to be edited may include general editable content of the process node, or may include specific editable content for the second process node to be edited.

[0097] The embodiment of the present application does not limit the display method of the first editing interface and the second editing interface.

[0098] In a possible implementation, the first editing interface and the second editing interface are displayed simultaneously in a fixed display area. This enables the user to edit multiple process nodes simultaneously without affecting the viewing of the flowchart. As an example, the first editing interface can have no overlapping area with the second editing interface. Fig.10 As shown, this figure is a schematic diagram of a first editing interface and a second editing interface provided by an embodiment of the present application. As another example, the first editing interface partially overlaps with the second editing interface. The user can select the editing interface to be edited by clicking on the editing interface. It should be noted that the fixed display area can automatically adjust the area size based on the editing interface to be displayed.

[0099] In another possible implementation, when the second editing interface starts to be displayed in the fixed display area, the first editing interface ends to be displayed. Fig.11 As shown, this figure is a schematic diagram of displaying a second editing interface provided by an embodiment of the present application. For example, only the second editing interface is displayed in the fixed display area, and the editing of the first process node to be edited is stopped.

[0100] Based on the method for displaying a process node editing interface provided by the above method embodiment, the embodiment of the present application also provides a device for displaying a process node editing interface. The device for displaying a process node editing interface will be described below in conjunction with the accompanying drawings.

[0101] See also Fig.12 As shown in FIG. 1 , this figure is a schematic diagram of the structure of a display device for an editing interface of a process node provided in an embodiment of the present application. Fig.12 As shown, the display device of the editing interface of the process node includes:

[0102] A first display unit 1201 is used to display a process editing page, where the process editing page is used to display a flow chart and edit the flow chart, where the flow chart includes flow nodes;

[0103] A first acquisition unit 1202 is used to acquire a fixed display editing interface instruction for a first process node to be edited;

[0104] A second display unit 1203, configured to display a first editing interface of the first process node to be edited in a fixed display area in the process editing page;

[0105] The second display unit 1203 is further configured to control the position of the fixed display area relative to the display area of ​​the process editing page to remain unchanged in response to the adjustment of the flow chart displayed in the display area of ​​the process editing page.

[0106] In a possible implementation manner, the device further includes:

[0107] A switching unit is used to stop displaying the first editing interface in the fixed display area in response to satisfying a display area switching condition, and to display the first editing interface in the node display area of ​​the first process node to be edited.

[0108] In a possible implementation, the display area switching condition is triggering a display area switching control included in the first editing interface;

[0109] or,

[0110] The display area switching condition is that the display ratio of the process editing page is greater than a first display ratio threshold.

[0111] In a possible implementation manner, a display ratio of the first editing interface displayed in the fixed display area is greater than a second display ratio threshold, and the second display ratio threshold is greater than or equal to the first display ratio threshold.

[0112] In a possible implementation manner, the device further includes:

[0113] A determination unit is used to determine that the display ratio of the process editing page is less than a third display ratio threshold before displaying the first editing interface of the first process node to be edited in a fixed display area, or that the display state of the first process node to be edited is a reduced display state, and the third display ratio threshold is less than or equal to the first display ratio threshold.

[0114] In a possible implementation, the first editing interface includes a display area movement control, and the device further includes:

[0115] A moving unit is used to move the fixed display area in response to triggering the display area movement control and based on the position of the operation control in the process editing page, until a stop movement instruction is triggered.

[0116] In a possible implementation manner, the device further includes:

[0117] A second acquisition unit, used to acquire a fixed display editing interface instruction for a second process node to be edited;

[0118] The third display unit is used to display a second editing interface of the second process node to be edited in the fixed display area.

[0119] In a possible implementation, the second display unit 1203 is further configured to end displaying the first editing interface in the fixed display area.

[0120] In a possible implementation manner, when the first editing interface of the first process node to be edited is displayed in the fixed display area, the first process node to be edited is displayed in a display manner corresponding to the editing state.

[0121] In a possible implementation, the first acquisition unit 1202 is used to acquire a fixed display editing interface instruction for the first process node to be edited, including:

[0122] The first acquisition unit 1202 is specifically used to display a first fixed display editing interface control in response to determining that the position of the operation control is located in the node display area of ​​the first process node to be edited; and generate a fixed display editing interface instruction in response to triggering the first fixed editing interface control.

[0123] Based on the method for displaying the editing interface of a process node provided in the above method embodiment, the present application also provides an electronic device, including: one or more processors; a storage device, on which one or more programs are stored, when the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying the editing interface of the process node as described in any of the above embodiments.

[0124] Reference below Fig.13 , which shows a schematic diagram of the structure of an electronic device 1300 suitable for implementing the embodiment of the present application. The terminal device in the embodiment of the present application may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (portable android devices), PMPs (Portable Media Players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs (televisions), desktop computers, etc. Fig.13 The electronic device shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.

[0125] like Fig.13As shown, the electronic device 1300 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1301, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1302 or a program loaded from a storage device 1308 to a random access memory (RAM) 1303. In the RAM 1303, various programs and data required for the operation of the electronic device 1300 are also stored. The processing device 1301, the ROM 1302, and the RAM 1303 are connected to each other via a bus 1304. An input / output (I / O) interface 1305 is also connected to the bus 1304.

[0126] Typically, the following devices may be connected to the I / O interface 1305: an input device 1308 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1308 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1309. The communication device 1309 may allow the electronic device 1300 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.13 The electronic device 1300 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0127] In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 1309, or installed from the storage device 1308, or installed from the ROM 1302. When the computer program is executed by the processing device 1301, the above-mentioned functions defined in the method of the embodiment of the present application are executed.

[0128] The electronic device provided in the embodiment of the present application and the method for displaying the editing interface of the process node provided in the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0129] Based on the method for displaying the editing interface of a process node provided in the above method embodiment, an embodiment of the present application provides a computer storage medium on which a computer program is stored, wherein when the program is executed by a processor, the method for displaying the editing interface of a process node as described in any of the above embodiments is implemented.

[0130] It should be noted that the computer-readable medium mentioned above in the present application may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present application, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device. In the present application, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0131] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0132] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0133] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device executes the method for displaying the editing interface of the process node.

[0134] Computer program code for performing the operations of the present application may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0135] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present application. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0136] The units involved in the embodiments described in this application may be implemented by software or hardware. The name of a unit / module does not limit the unit itself in some cases. For example, a voice data acquisition module may also be described as a "data acquisition module".

[0137] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0138] In the context of the present application, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0139] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.

[0140] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0141] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0142] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for displaying an editing interface of a process node, characterized in that: The method comprises: Display a process editing page, wherein the process editing page is used to display and edit a flow chart, wherein the flow chart includes flow nodes; Obtaining a fixed display editing interface instruction for the first process node to be edited; Displaying a first editing interface of the first process node to be edited in a fixed display area in the process editing page; In response to the adjustment of the flowchart displayed in the display area of ​​the process editing page, the position of the fixed display area relative to the display area of ​​the process editing page is kept unchanged.

2. The method according to claim 1, characterized in that The method further comprises: In response to satisfying a display area switching condition, the first editing interface is stopped from being displayed in the fixed display area, and the first editing interface is displayed in the node display area of ​​the first process node to be edited.

3. The method according to claim 2, characterized in that The display area switching condition is to trigger the display area switching control included in the first editing interface; or, The display area switching condition is that the display ratio of the process editing page is greater than a first display ratio threshold.

4. The method according to claim 1, characterized in that: The display ratio of the first editing interface displayed in the fixed display area is greater than a second display ratio threshold, and the second display ratio threshold is greater than or equal to the first display ratio threshold.

5. The method according to claim 1, characterized in that Before displaying the first editing interface of the first process node to be edited in the fixed display area, the method further includes: It is determined that the display ratio of the process editing page is less than a third display ratio threshold, or the display state of the first process node to be edited is a reduced display state, and the third display ratio threshold is less than or equal to the first display ratio threshold.

6. The method according to claim 1, characterized in that The first editing interface includes a display area movement control, and the method further includes: In response to triggering the display area movement control, the fixed display area is moved based on the position of the operation control in the process editing page until a stop movement instruction is triggered.

7. The method according to claim 1, characterized in that After displaying the first editing interface of the first process node to be edited in the fixed display area, the method further includes: Obtaining a fixed display editing interface instruction for the second process node to be edited; A second editing interface of the second process node to be edited is displayed in the fixed display area.

8. The method according to claim 7, characterized in that The method further comprises: The display of the first editing interface ends in the fixed display area.

9. The method according to any one of claims 1 to 8, characterized in that: When the first editing interface of the first process node to be edited is displayed in the fixed display area, the first process node to be edited is displayed in a display mode corresponding to the editing state.

10. The method according to claim 1, characterized in that The step of obtaining a fixed display editing interface instruction for the first process node to be edited includes: In response to determining that the position of the operation control is located in the node display area of ​​the first process node to be edited, displaying a first fixed display editing interface control; In response to triggering the first fixed editing interface control, a fixed display editing interface instruction is generated.

11. A display device for an editing interface of a process node, characterized in that: The device comprises: A first display unit, used to display a process editing page, wherein the process editing page is used to display a flow chart and edit the flow chart, wherein the flow chart includes flow nodes; A first acquisition unit, used to acquire a fixed display editing interface instruction for a first process node to be edited; A second display unit, configured to display a first editing interface of the first process node to be edited in a fixed display area of ​​the process editing page; The second display unit is further configured to keep the position of the fixed display area relative to the display area of ​​the process editing page unchanged in response to the adjustment of the flow chart displayed in the display area of ​​the process editing page.

12. An electronic device, characterized in that: include: one or more processors; a storage device having one or more programs stored thereon, When the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying the editing interface of the process node as described in any one of claims 1-10.

13. A computer readable medium, characterized in that A computer program is stored thereon, wherein when the program is executed by a processor, the method for displaying the editing interface of the process node as described in any one of claims 1 to 10 is implemented.

Images