Display state switching method and device of process node, equipment and storage medium

Abstract

The invention discloses a process node display state switching method and device, equipment and a storage medium which are applied to the technical field of computers. The display state switching method of the flow node comprises the following steps: firstly, displaying a flow editing page for displaying and editing a flow chart; a user can trigger a switching instruction of all display states by utilizing the display scale of the control or the flow editing page based on the requirement of checking or editing the flow chart. The all display state switching instruction is used for indicating all the flow nodes included in the flow chart to be displayed in the target display state. And obtaining an all display state switching instruction, and displaying all the flow nodes included in the flow chart by adopting the target display state. Therefore, the display states of all the flow nodes included in the flow chart can be conveniently switched by utilizing the display scale of the control or the flow editing page, the operation flow of a user is simplified, the efficiency of switching the display states of all the flow nodes is improved, and the user experience is improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, equipment and storage medium for switching the display status of a process node. Background Art

[0002] In some scenarios, users create business flowcharts and use flowcharts to manage businesses. Flowcharts include process nodes and the execution order between process nodes. Process nodes can correspond to business processing steps, and the execution order between process nodes can reflect the processing process between business processing steps.

[0003] For example, in an application editing scenario, users can develop application services within an application platform as a service (aPaaS) platform. The aPaaS platform has low-code or zero-code features, and users can create applications on the aPaaS platform by "dragging, pulling, and dragging" elements and modules provided by the platform, thereby achieving low-threshold rapid creation of applications. In the process of using the aPaaS platform to generate applications, users can first build a flowchart related to the produced application so that they can refer to the flowchart for subsequent application production. Users view and edit flowcharts in the process editing page provided by the aPaaS platform, and edit the process nodes included in the flowchart or the execution order between the process nodes. In the process of editing the flowchart, users can adjust the display status of the process nodes based on the needs of editing or viewing. However, the current process for users to adjust the display status of process nodes is relatively cumbersome, and the user experience is poor. Summary of the invention

[0004] In view of this, the present application provides a method, device, equipment and storage medium for switching the display status of a process node, which can simplify the user's operation process for adjusting the display status of all process nodes and improve the user experience.

[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 switching the display status of a process node, the method comprising: displaying a process editing page, the process editing page being used to display and edit a flowchart, the flowchart comprising process nodes and an execution order between the process nodes; obtaining a full display status switching instruction, the full display status switching instruction being used to instruct all the process nodes included in the flowchart to be displayed in a target display status, the full display status switching instruction being generated based on a control or a display ratio trigger of the process editing page; and displaying all the process nodes included in the flowchart in the target display status.

[0007] In a possible implementation, the process editing page includes a display status switching control for all nodes, and obtaining the display status switching instruction for all nodes includes: in response to triggering the display status switching control for all nodes, generating the display status switching instruction for all nodes, and the target display status is the display status corresponding to the current triggering of the display status switching control for all nodes.

[0008] In a possible implementation, obtaining the instruction to switch all display states includes: detecting the display ratio of the process editing page; if the display ratio is adjusted from a first ratio range to a second ratio range, generating the instruction to switch all display states, the first ratio range is adjacent to the second ratio range, the boundary value between the first ratio range and the second ratio range is a target ratio, and the target display state corresponds to the target ratio and the adjustment direction.

[0009] In a possible implementation, the adjustment direction is descending, and the target display state is the first display state; or, the adjustment direction is ascending, and the target display state is the second display state, and the node display area of ​​the process node in the first display state is smaller than the node display area of ​​the process node in the second display state.

[0010] In a possible implementation, the target ratio is a first ratio, the first display state is a collapsed display state, and the second display state is an expanded display state; or, the target ratio is a second ratio, the first display state is a reduced display state, the second display state is a collapsed display state, and the second ratio is smaller than the first ratio.

[0011] In a possible implementation, the target display state is an expanded display state, a collapsed display state or a reduced display state; the node display area of ​​the process node in the expanded display state is larger than the node display area of ​​the process node in the collapsed display state; the node display area of ​​the process node in the collapsed display state is larger than the node display area of ​​the process node in the reduced display state.

[0012] In a possible implementation, the node display area of ​​the process node in the expanded display state includes an editing panel of the process node, and the editing panel includes editable content of the process node.

[0013] In a possible implementation, a first introduction text of the process node is displayed in the node display area of ​​the process node in the collapsed display state, and a second introduction text of the process node is displayed in the node display area of ​​the process node in the reduced display state, and the content of the second introduction text is less than the content of the first introduction text.

[0014] In a possible implementation, displaying all the process nodes included in the flowchart using the target display state includes: acquiring the current display state of all the process nodes included in the flowchart; and adjusting the process nodes whose current display state is different from the target display state to be displayed using the target display state.

[0015] In the second aspect, the present application provides a display status switching device for a process node, the device comprising: a first display unit, used to display a process editing page, the process editing page is used to display a flowchart and edit the flowchart, the flowchart includes process nodes and the execution order between the process nodes; an acquisition unit, used to acquire all display status switching instructions, the all display status switching instructions are used to instruct all the process nodes included in the flowchart to adopt a target display status display, the all display status switching instructions are generated based on the display ratio of the control or the process editing page; a second display unit, used to display all the process nodes included in the flowchart using the target display state.

[0016] In a possible implementation, the process editing page includes a display status switching control for all nodes, and the acquisition unit is used to acquire the display status switching instruction for all nodes, including: the acquisition unit is used to generate the display status switching instruction for all nodes in response to triggering the display status switching control for all nodes, and the target display status is the display status corresponding to the current triggering of the display status switching control for all nodes.

[0017] In a possible implementation, the acquisition unit is used to acquire all display state switching instructions, including: the acquisition unit is used to detect the display ratio of the process editing page; if the display ratio is adjusted from a first ratio range to a second ratio range, the all display state switching instructions are generated, the first ratio range is adjacent to the second ratio range, the boundary value between the first ratio range and the second ratio range is a target ratio, and the target display state corresponds to the target ratio and the adjustment direction.

[0018] In a possible implementation, the adjustment direction is descending, and the target display state is the first display state; or, the adjustment direction is ascending, and the target display state is the second display state, and the node display area of ​​the process node in the first display state is smaller than the node display area of ​​the process node in the second display state.

[0019] In a possible implementation, the target ratio is a first ratio, the first display state is a collapsed display state, and the second display state is an expanded display state; or, the target ratio is a second ratio, the first display state is a reduced display state, the second display state is a collapsed display state, and the second ratio is smaller than the first ratio.

[0020] In a possible implementation, the target display state is an expanded display state, a collapsed display state or a reduced display state; the node display area of ​​the process node in the expanded display state is larger than the node display area of ​​the process node in the collapsed display state; the node display area of ​​the process node in the collapsed display state is larger than the node display area of ​​the process node in the reduced display state.

[0021] In a possible implementation, the node display area of ​​the process node in the expanded display state includes an editing panel of the process node, and the editing panel includes editable content of the process node.

[0022] In a possible implementation, a first introduction text of the process node is displayed in the node display area of ​​the process node in the collapsed display state, and a second introduction text of the process node is displayed in the node display area of ​​the process node in the reduced display state, and the content of the second introduction text is less than the content of the first introduction text.

[0023] In a possible implementation, the second display unit is used to display all the process nodes included in the flowchart using the target display state, including: the second display unit is used to obtain the current display state of all the process nodes included in the flowchart; and adjust the process nodes whose current display state is different from the target display state to be displayed using the target display state.

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

[0025] one or more processors;

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

[0027] 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.

[0028] 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.

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

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

[0031] The present application provides a method, device, equipment and storage medium for switching the display state of a process node. The display state switching method of the process node first displays a process editing page for displaying and editing a flowchart, and the user can view and edit the flowchart based on the process editing page. The user can trigger a full display state switching instruction based on the need to view or edit the flowchart by using a control or the display ratio of the process editing page. The full display state switching instruction is used to indicate that all process nodes included in the flowchart are displayed in a target display state. In response to obtaining the full display state switching instruction, all process nodes included in the flowchart are displayed in the target display state. In this way, the display state of all process nodes included in the flowchart can be switched more conveniently by using the display ratio of the control or the process editing page, without the user having to switch the display state of the process nodes one by one, simplifying the user's operation process, improving the efficiency of switching the display state of all process nodes, and improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

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

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

[0034] Figure 3 A flowchart of a method for switching the display state of a process node provided in an embodiment of the present application;

[0035] Figure 4 A schematic diagram of a node display area of ​​a process node in an expanded display state provided in an embodiment of the present application;

[0036] Figure 5 A schematic diagram of a node display area of ​​a process node in a collapsed display state provided in an embodiment of the present application;

[0037] Figure 6 A schematic diagram of another node display area of ​​a process node in a collapsed display state provided in an embodiment of the present application;

[0038] Figure 7 A schematic diagram of a node display area of ​​a process node in a zoomed-out display state provided in an embodiment of the present application;

[0039] Figure 8 A schematic diagram of a display area of ​​a process editing page provided in an embodiment of the present application;

[0040] Fig. 9 A schematic diagram of a display area of ​​another process editing page provided in an embodiment of the present application;

[0041] Fig.10 A schematic diagram showing a process node provided in an embodiment of the present application;

[0042] Fig.11 A schematic diagram of a display area of ​​another process editing page provided in an embodiment of the present application;

[0043] Fig.12 Another schematic diagram showing process nodes provided in an embodiment of the present application;

[0044] Fig.13 A schematic diagram of a display ratio adjustment control provided in an embodiment of the present application;

[0045] Fig.14 A schematic diagram of a display area for adjusting the display status of a process node based on a display ratio provided in an embodiment of the present application;

[0046] Fig.15 A schematic diagram of another display area for adjusting the display status of a process node based on a display ratio provided in an embodiment of the present application;

[0047] Fig.16 A schematic diagram of a display area for adjusting the display status of a process node based on a display ratio provided in another embodiment of the present application;

[0048] Fig.17 A schematic diagram of a display area for adjusting the display status of a process node based on a display ratio provided in another embodiment of the present application;

[0049] Fig.18 A schematic diagram of the structure of a display state switching device for a process node provided in an embodiment of the present application;

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

[0051] 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.

[0052] In the aPaaS platform, users can edit and produce processes related to applications. For example, users can edit the process of application processing data so that applications produced based on the aPaaS platform run according to the set process. The process can be displayed in the form of a flowchart. Users can edit the required flowchart in the process editing page provided by the aPaaS platform. The process nodes included in the flowchart displayed in the process editing page have different display states. Different display states can meet the needs of users to edit or view. For example, when a user needs to edit a process node, the expanded display state of the process node is triggered. The process node displays an editing panel for editing the process node in the expanded display state. The user can edit the process node using the editing panel. For another example, when the user views the entire flowchart, the collapsed display state of the process node is triggered. The process node does not display the editing panel in the collapsed display state, and the node display area required to display the process node is small, so that more process nodes can be displayed in the display area of ​​the process editing page, so that users can view more process nodes. However, currently, users are required to switch the display state for each process node separately. For example, users can switch the display state of the process node by clicking the icon of the process node. When the user has a need to switch the display status of a large number of process nodes, the user needs to click on the process nodes one by one, which makes the operation process cumbersome and the user experience poor.

[0053] Based on this, the embodiment of the present application provides a method, device, equipment and storage medium for switching the display state of a process node. The display state switching method of the process node first displays a process editing page for displaying and editing a flowchart, and the user can view and edit the flowchart based on the process editing page. The user can trigger the full display state switching instruction based on the need to view the flowchart by using the display ratio of the control or the process editing page. The full display state switching instruction is used to indicate that all process nodes included in the flowchart are displayed in the target display state. In response to obtaining the full display state switching instruction, all process nodes included in the flowchart are displayed in the target display state. In this way, the display state of all process nodes included in the flowchart can be switched more conveniently by using the display ratio of the control or the process editing page, without the user having to switch the display state of the process nodes one by one, simplifying the user's operation process, improving the efficiency of switching the display state of all process nodes, and improving the user experience.

[0054] In order to facilitate understanding of a display state switching method of a process node provided in an embodiment of the present application, a display state switching method of a process node provided in an embodiment of the present application is described below in conjunction with the accompanying drawings. Figure 1 and Figure 2 See the example scenario shown in the figure. Figure 1 and Figure 2 As shown, this figure is a framework diagram of an exemplary application scenario provided in an embodiment of the present application.

[0055] The client of the aPaaS platform displays a process editing page for displaying and editing a flowchart to the user. The flowchart includes process nodes and the execution order between the process nodes.

[0056] As an example, see Figure 1 As shown, all the process nodes (process node 1, process node 2 and process node 3) included in the flowchart are displayed in the expanded display state. In the expanded display state, the editing panel of the process node is displayed. The editing panel includes the editable content of the process node. The user can edit the parameters of the process node using the editing panel. The user triggers the generation of the all display state switching instruction. The target display state indicated by the all display state switching instruction is the collapsed display state. See Figure 2 As shown, the client switches the display state of all process nodes included in the flowchart to a collapsed display state. In the collapsed display state, the node display area of ​​the process node, that is, the display box of the process node, displays the name, icon and introduction text of the process node.

[0057] Those skilled in the art will understand that Figure 1 and Figure 2 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 state switching method 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 display state switching method of a process node provided in an embodiment of the present application, such as Figure 3 As shown, the method may include S301-S303:

[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. The flowchart includes process nodes and the execution order between process nodes. Among them, the process nodes correspond to the steps that need to be executed for the business represented by the flowchart. Users usually need to edit the process nodes, for example, edit the information of the business corresponding to 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 all display status switching instructions.

[0064] When a user is editing or viewing a flowchart in a displayed process editing page, a full display state switching instruction can be triggered. The full display state switching instruction is for all process nodes included in the flowchart. The full display state switching instruction indicates that all process nodes are displayed in the target display state.

[0065] The full display state switching instruction can be generated by a user triggering control, or can be generated based on the display ratio trigger of the process editing page. Correspondingly, the embodiment of the present application provides two specific implementation methods for obtaining the full display state switching instruction, please refer to the following.

[0066] The embodiment of the present application does not limit the type of the specific display state of the target display state. The target display state is one of the display states that the process node can present.

[0067] As an example, a process node has three display states. The three display states are an expanded display state, a collapsed display state, and a reduced display state. Among them, the node display area of ​​a process node in an expanded display state is larger than the node display area of ​​a process node in a collapsed display state. The node display area of ​​a process node in a collapsed display state is larger than the node display area of ​​a process node in a reduced display state. The node display area is the area of ​​the process editing page that needs to be occupied to display the process node. The size of the node display area can be measured by the ratio of the area of ​​the node display area to the area of ​​the process editing page. It should be noted that the size of the node display area is not affected by the display ratio of the process editing page. The ratio of the area of ​​the node display area to the area of ​​the process editing page remains unchanged.

[0068] In different display states, the content displayed in the node display area of ​​the process node is also different.

[0069] In some possible implementations, the user can edit the process node in the expanded display state. The node display area of ​​the process node in the expanded display state includes an editing panel of the process node. The editing panel includes editable content of the process node. Figure 4 As shown, this figure is a schematic diagram of a node display area of ​​a process node in an expanded display state provided by an embodiment of the present application. The process node corresponds to the step of filling out a form in the business process. The node display area of ​​the process node includes the name of the process node and an editing panel. The editing panel also includes a control panel and an input panel. The control panel includes controls for users to trigger editing of the process node. For example Figure 4 As shown, the upper right corner of the node display area of ​​the process node is a control panel, including a display status switch control, an operation query control, and a delete control. Triggering the display status switch control can realize the switching of the display status of the process node. For example, the display status switch control is used to realize the switching of the expanded display state and the collapsed display state of the process node. Triggering the operation query control can query the method of editing the process node. Triggering the delete control can delete the process node. The user can configure the parameters of the process node in the input panel. The input panel includes a trigger sub-panel, a configuration sub-panel, and an output sub-panel. The user can click the trigger control included in the input panel to display the trigger sub-panel, click the configuration control included in the input panel to display the configuration sub-panel, and click the configuration control included in the output panel to display the output sub-panel. The trigger sub-panel is used to configure the parameters for triggering the execution of the process node. The configuration sub-panel is used to configure the parameters of the process node itself. The output sub-panel is used to configure the parameters of the process node output data. In some implementations, the parameters that need to be configured included in the input panel are related to the type of process node. See Figure 4As shown, the process node is the process node for filling in the form. The configuration sub-panel, that is, the area included in the dotted box, includes an input box for configuring the parameters of the form's function, an input box for configuring the parameters of the form's content, an input box for configuring the process input parameters, and an input box for configuring the process output parameters.

[0070] In the collapsed display state, the first introductory text for introducing the process node is displayed in the node display area of ​​the process node. The editing panel is not displayed in the display area of ​​the process node. The embodiments of the present application do not limit the content of the first introductory text. As an example, the first introductory text includes the name of the process node. The first introductory text also includes one or more of an introductory text on the function of the process node, an introductory text on the input parameters of the process node, a priority label, and other texts that introduce the process node. Based on the first introductory text, the user can understand the function of the process node and distinguish different process nodes. In some implementations, in the collapsed display state, the node display area of ​​the process node also includes an icon of the process node. The icon of the process node can be selected by the user, or a default icon corresponding to the type of process node. Figure 4 Take the form filling process node shown as an example, see Figure 5 As shown, this figure is a schematic diagram of a node display area of ​​a process node in a collapsed display state provided by an embodiment of the present application. The node display area of ​​the process node includes an icon of the process node of the form filling, the name of the process node, and a first introduction text. The first introduction text is: 11 process input parameter data.

[0071] It should be noted that, in order to facilitate users to edit a single process node, when it is detected that the cursor is located in the node display area of ​​a process node in the collapsed display state, a control that triggers switching to the expanded display state is displayed in the node display area of ​​the process node. Figure 6 As shown in FIG. 1 , this figure is a schematic diagram of another node display area of ​​a process node in a collapsed display state provided by an embodiment of the present application. When the cursor is located in the node display area of ​​a process node in a collapsed display state, the node display area of ​​the process node in a collapsed display state also includes two controls, "Trigger" and "Edit Process Node". The user can click on either of the two controls to switch the display state of the process node to the following: Figure 4 Shown in the expanded display state.

[0072] The first introduction text content that needs to be displayed for the process node in the collapsed display state may be relatively large, and displaying the first introduction text still requires a relatively large node display area. To this end, the display state of the process node can be switched to a reduced display state. The second introduction text of the process node is displayed in the node display area of ​​the process node in the reduced display state. The content of the second introduction text is less than that of the first introduction text. Figure 5Take the form filling process node shown as an example, see Figure 7 As shown in FIG. 1 , the figure is a schematic diagram of a node display area of ​​a process node in a zoomed-out display state provided by an embodiment of the present application. The second introduction text only includes the name of the process node, that is, a fill-in form. Alternatively, the second introduction text includes the name of the process node and a priority label. Users can quickly distinguish different process nodes based on the second introduction text. In some implementations, Figure 7 For example, in the zoomed-out display state, the node display area of ​​the process node also includes the icon of the process node. Compared with the collapsed display state, the node display area is smaller in the zoomed-out display state. Adjusting the process node to the zoomed-out display state facilitates users to browse more process nodes.

[0073] S303: Displaying all process nodes included in the flowchart in a target display state.

[0074] After all display state switching instructions are obtained, the display states of all process nodes included in the flowchart are adjusted, and all process nodes are displayed using the target display state.

[0075] In one possible implementation, the display status of all process nodes is adjusted to the target display status. In another possible implementation, all process nodes included in the flowchart may include process nodes that are already in the target display status. After obtaining all display status switching instructions, the current display status of all process nodes included in the flowchart is first obtained. Then, the process nodes whose current display status is different from the target display status are adjusted to be displayed in the target display status. In this way, it is possible to avoid adjusting the display status of the process nodes that are already in the target display status, thereby reducing the adjustment operation of the display status of the process nodes.

[0076] Based on the above S301-S303 related content, it can be known that the display status of the process node can be switched by using the display ratio of the control or process editing page. The operation process of users switching the display status of all process nodes is simplified, and the efficiency of switching the display status of all process nodes is improved. In this way, users can efficiently implement process editing or process viewing in the aPaaS platform, which makes it easier for users to implement the execution logic of the application based on the flowchart, improve the efficiency of users editing applications using the aPaaS platform, and achieve a better user experience.

[0077] The following introduces two specific implementation methods of obtaining all display status switching instructions provided in the embodiments of the present application.

[0078] The first type: All display state switching instructions are generated by user-triggered controls.

[0079] The process editing page includes a control for switching the display status of all nodes. The embodiment of the present application does not limit the position of the control for switching the display status of all nodes in the process editing page. For example, the control for switching the display status of all nodes is located in the control bar of the process editing page. The control bar can be located at the edge of the process editing page. For example, see Figure 8 The schematic diagram of the display area of ​​the process editing page shown, the control bar, that is, the area included by the dotted line, is located above the process editing page.

[0080] In some implementations, the all-node display state switching control includes two controls, namely, an all-expand control and an all-collapse control. Figure 8 As shown, the control bar includes an expand all control and a collapse all control. The expand all control is used to control all process nodes to be in an expanded display state. The collapse all control is used to control all process nodes to be in a collapsed display state.

[0081] When the operation cursor is detected to move to the display area of ​​all expanded controls or the display area of ​​all collapsed controls, the corresponding control function prompt is displayed. Fig. 9 As shown, this figure is a schematic diagram of the display area of ​​another process editing page provided by an embodiment of the present application. When the user moves the operating cursor into the display area of ​​the all-expand control, the display area of ​​the all-expand control is deepened and a prompt box is displayed. The prompt box displays "Expand all nodes". The user triggers the all-expand control and generates a full display state switching instruction with the target display state being the expanded display state. For adjusting the display state of the process node based on the full display state switching instruction generated by triggering the all-expand control, see Fig.10 As shown. Adjust the display status of all process nodes to the expanded display status.

[0082] See also Fig.11 As shown in the figure, when the user moves the operation cursor to the display area of ​​the all-folded control, the display area of ​​the all-folded control is deepened and a prompt box is displayed. The prompt box displays "Collapse all nodes". The user triggers the all-folded control to generate an all-display state switching instruction with the target display state being the collapsed display state. For adjusting the display state of the process node based on the all-display state switching instruction generated by triggering the all-folded control, see Fig.12 As shown. Adjust the display status of all process nodes to the collapsed display status.

[0083] In some other implementations, all node display state switching controls are one control. The number of times the control is triggered corresponds to the specific target display state. For example, when the number of triggers is an odd number, the target display state is the collapsed display state; when the number of triggers is an even number, the target display state is the expanded display state. When the user moves the operation cursor into the display area of ​​the control, the display area of ​​the control is deepened and a prompt box is displayed. The prompt box displays the target display state of this trigger.

[0084] The second type: All display status switching instructions are triggered and generated based on the display ratio of the process editing page.

[0085] The display ratio of the process editing page is the ratio of the process editing page to the display area, wherein the display area is determined based on the display screen and the display window of the process editing page.

[0086] The embodiment of the present application does not limit the way in which the user adjusts the display ratio of the process editing page. For example, the process editing page includes a display ratio adjustment control. Fig.13 As shown, this figure is a schematic diagram of a display ratio adjustment control provided in an embodiment of the present application. The display ratio adjustment control can be located in the control bar of the process editing page. The control bar is located above the process editing page. The user can understand the display ratio of the current process editing page through the display ratio display area included in the ratio adjustment control, and increase the display ratio by enlarging the control, or reduce the display ratio by reducing the control, or adjust the display ratio by selecting the control. For another example, the user can adjust the display ratio of the process editing page through a touchpad, a mouse, or shortcut keys.

[0087] In the process of adjusting the display ratio of the process editing page by the user, when the display ratio is adjusted to the preset threshold value for triggering the generation of all display state switching instructions, the generation of all display state switching instructions is triggered. For different adjustment methods, the target display state for triggering all display state switching instructions is different. In the process of adjusting the display ratio from small to large, the target display state indicated by the triggered all display state switching instructions has a larger node display area for the process node. In this way, in the scenario where the user increases the display ratio, the process node is displayed using the target display state with a larger node display area, which is convenient for the user to view and edit the process node. In the process of adjusting the display ratio from large to small, the target display state indicated by the triggered all display state switching instructions has a smaller node display area for the process node. In this way, in the scenario where the user reduces the display ratio, the process node is displayed using the target display state with a smaller node display area, and the number of process nodes displayed in the display area is increased, which is convenient for the user to view more process nodes.

[0088] Specifically, the display ratio of the process editing page is detected. If it is detected that the display ratio is adjusted from the first ratio range to the second ratio range, a full display state switching instruction is generated. The first ratio range and the second ratio range are adjacent, and the boundary value between the first ratio range and the second ratio range is the target ratio. The target display state indicated by the full display state switching instruction corresponds to the target ratio and the adjustment direction of the display ratio.

[0089] If it is detected that the display ratio drops from the first ratio range to the second ratio range, the target display state indicated by the generated all display state switching instructions is the first display state. If it is detected that the display ratio rises from the first ratio range to the second ratio range, the target display state indicated by the generated all display state switching instructions is the second display state.

[0090] The node display area of ​​the process node in the first display state is smaller than the node display area of ​​the process node in the second display state.

[0091] It should be noted that the embodiment of the present application does not limit the specific ranges of the first ratio range and the second ratio range and the specific value of the target ratio. The first ratio range, the target ratio and the second ratio range can be set based on needs.

[0092] As an example, only the expanded display state and the collapsed display state can be adjusted based on the display ratio. The target ratio is preset to 100%. The ratio range A is 200% to 100%. The ratio range B is 100% to 70%.

[0093] For example, see the schematic diagram of the display area before the user adjusts the display ratio. Fig.14 As shown. During the process of the user adjusting the display ratio, if it is detected that the user has adjusted the display ratio from 150% in the ratio range A to 90% in the ratio range B, when the user adjusts to 100%, a full display state switching instruction is triggered. The target display state indicated by the full display state switching instruction is the collapsed display state. For a schematic diagram of the display area before the user adjusts the display ratio, see Fig.15 shown.

[0094] For another example, a schematic diagram of the display area before the user adjusts the display ratio is shown in Fig.15 As shown. During the process of the user adjusting the display ratio, if it is detected that the user has adjusted the display ratio from 90% of the original ratio range B to 150% of the ratio range A, when the user adjusts to 100%, a full display state switching instruction is triggered. The target display state indicated by the full display state switching instruction is the expanded display state. For a schematic diagram of the display area before the user adjusts the display ratio, see Fig.14shown.

[0095] As another example, based on the display ratio, only the collapsed display state and the reduced display state can be adjusted. The target ratio is preset to 70%. The ratio range C is 100% to 70%. The ratio range D is 70% to 0%.

[0096] For example, see the schematic diagram of the display area before the user adjusts the display ratio. Fig.16 As shown. During the process of the user adjusting the display ratio, if it is detected that the user adjusts the display ratio from 85% in the ratio range C to 50% in the ratio range D, when the user adjusts to 70%, a full display state switching instruction is triggered. The target display state indicated by the full display state switching instruction is the reduced display state. For a schematic diagram of the display area before the user adjusts the display ratio, see Fig.17 shown.

[0097] For another example, a schematic diagram of the display area before the user adjusts the display ratio is shown in Fig.17 As shown. During the process of the user adjusting the display ratio, if it is detected that the user has increased the display ratio from 50% in the ratio range D to 85% in the ratio range C, when the user adjusts to 70%, a full display state switching instruction is triggered. The target display state indicated by the full display state switching instruction is the collapsed display state. For a schematic diagram of the display area before the user adjusts the display ratio, see Fig.16 shown.

[0098] As another example, the display state can be expanded, collapsed, and reduced based on the display ratio. The first ratio is preset to be 100%. The ratio range A is 200% to 100%. The ratio range B is 100% to 70%. The second ratio is 70%. The ratio range C is 100% to 70%. The ratio range D is 70% to 0%.

[0099] During the process of the user adjusting the display ratio, if it is detected that the user adjusts the display ratio from 150% of the ratio range A to 90% of the ratio range B, when the user adjusts to 100%, the generation of all display state switching instructions is triggered. The target display state indicated by the all display state switching instructions is the collapsed display state. If it is detected that the user adjusts the display ratio from the original 90% of the ratio range B to 150% of the ratio range A, when the user adjusts to 100%, the generation of all display state switching instructions is triggered. The target display state indicated by the all display state switching instructions is the expanded display state. If it is detected that the user adjusts the display ratio from 85% of the ratio range C to 50% of the ratio range D, when the user adjusts to 70%, the generation of all display state switching instructions is triggered. The target display state indicated by the all display state switching instructions is the reduced display state. If it is detected that the user adjusts the display ratio from 50% of the ratio range D to 85% of the ratio range C, when the user adjusts to 70%, the generation of all display state switching instructions is triggered. The target display state indicated by the all display state switching instruction is the collapsed display state.

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

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

[0102] A first display unit 1801 is used to display a process editing page, wherein the process editing page is used to display and edit a flowchart, wherein the flowchart includes process nodes and an execution order between the process nodes;

[0103] An acquisition unit 1802 is used to acquire a full display state switching instruction, where the full display state switching instruction is used to instruct all the process nodes included in the flowchart to be displayed in a target display state, and the full display state switching instruction is generated based on a display ratio trigger of a control or the process editing page;

[0104] The second display unit 1803 is used to display all the process nodes included in the flowchart using the target display state.

[0105] In a possible implementation, the process editing page includes all node display state switching controls, and the acquisition unit 1802 is used to acquire all display state switching instructions, including:

[0106] The acquisition unit 1802 is used to generate the all-display state switching instruction in response to triggering the all-node display state switching control, and the target display state is the display state corresponding to the current triggering of the all-node display state switching control.

[0107] In a possible implementation, the acquiring unit 1802 is used to acquire all display state switching instructions, including:

[0108] The acquisition unit 1802 is used to detect the display ratio of the process editing page; if the display ratio is adjusted from the first ratio range to the second ratio range, the entire display state switching instruction is generated, the first ratio range is adjacent to the second ratio range, the boundary value between the first ratio range and the second ratio range is the target ratio, and the target display state corresponds to the target ratio and the adjustment direction.

[0109] In a possible implementation, the adjustment direction is downward, and the target display state is the first display state;

[0110] or,

[0111] The adjustment direction is rising, the target display state is the second display state, and the node display area of ​​the process node in the first display state is smaller than the node display area of ​​the process node in the second display state.

[0112] In a possible implementation, the target ratio is a first ratio, the first display state is a collapsed display state, and the second display state is an expanded display state;

[0113] or,

[0114] The target ratio is a second ratio, the first display state is a reduced display state, the second display state is a collapsed display state, and the second ratio is smaller than the first ratio.

[0115] In a possible implementation, the target display state is an expanded display state, a collapsed display state or a reduced display state; the node display area of ​​the process node in the expanded display state is larger than the node display area of ​​the process node in the collapsed display state; the node display area of ​​the process node in the collapsed display state is larger than the node display area of ​​the process node in the reduced display state.

[0116] In a possible implementation, the node display area of ​​the process node in the expanded display state includes an editing panel of the process node, and the editing panel includes editable content of the process node.

[0117] In a possible implementation, a first introduction text of the process node is displayed in the node display area of ​​the process node in the collapsed display state, and a second introduction text of the process node is displayed in the node display area of ​​the process node in the reduced display state, and the content of the second introduction text is less than the content of the first introduction text.

[0118] In a possible implementation, the second display unit 1803 is configured to display all the process nodes included in the flowchart in the target display state, including:

[0119] The second display unit 1803 is used to obtain the current display status of all process nodes included in the flowchart; and adjust the process nodes whose current display status is different from the target display status to be displayed in the target display status.

[0120] Based on the method for switching the display status 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 switching the display status of a process node as described in any of the above embodiments.

[0121] Reference below Fig.19 , which shows a schematic diagram of the structure of an electronic device 1900 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.19 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.

[0122] like Fig.19As shown, the electronic device 1900 may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 1901, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1902 or a program loaded from a storage device 1908 to a random access memory (RAM) 1903. In the RAM 1903, various programs and data required for the operation of the electronic device 1900 are also stored. The processing device 1901, the ROM 1902, and the RAM 1903 are connected to each other via a bus 1904. An input / output (I / O) interface 1905 is also connected to the bus 1904.

[0123] Typically, the following devices may be connected to the I / O interface 1905: an input device 1908 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 1907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1909. The communication device 1909 may allow the electronic device 1900 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.19 The electronic device 1900 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.

[0124] 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 1909, or installed from the storage device 1908, or installed from the ROM 1902. When the computer program is executed by the processing device 1901, the above-mentioned functions defined in the method of the embodiment of the present application are executed.

[0125] The electronic device provided in the embodiment of the present application and the display state switching method 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.

[0126] Based on the method for switching the display status 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 switching the display status of a process node as described in any of the above embodiments is implemented.

[0127] 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.

[0128] 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.

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

[0130] 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 display state switching method of the process node.

[0131] 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).

[0132] 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.

[0133] 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".

[0134] 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.

[0135] 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.

[0136] 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.

[0137] 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.

[0138] 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.

[0139] 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 switching the display state 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 and an execution order between the flow nodes; Obtaining a full display state switching instruction, wherein the full display state switching instruction is used to instruct all the process nodes included in the flowchart to be displayed in a target display state, and the full display state switching instruction is triggered and generated based on a display ratio of a control or the process editing page; All the process nodes included in the flowchart are displayed using the target display state.

2. The method according to claim 1, characterized in that The process editing page includes all node display status switching controls, and the acquisition of all display status switching instructions includes: In response to triggering the all-node display state switching control, the all-node display state switching instruction is generated, and the target display state is the display state corresponding to the current triggering of the all-node display state switching control.

3. The method according to claim 1, characterized in that The obtaining of all display status switching instructions includes: Detecting the display ratio of the process editing page; If the display ratio is adjusted from the first ratio range to the second ratio range, the entire display state switching instruction is generated, the first ratio range is adjacent to the second ratio range, the boundary value between the first ratio range and the second ratio range is the target ratio, and the target display state corresponds to the target ratio and the adjustment direction.

4. The method according to claim 3, characterized in that The adjustment direction is downward, and the target display state is the first display state; or, The adjustment direction is rising, the target display state is the second display state, and the node display area of ​​the process node in the first display state is smaller than the node display area of ​​the process node in the second display state.

5. The method according to claim 4, characterized in that The target ratio is a first ratio, the first display state is a collapsed display state, and the second display state is an expanded display state; or, The target ratio is a second ratio, the first display state is a reduced display state, the second display state is a collapsed display state, and the second ratio is smaller than the first ratio.

6. The method according to claim 1, characterized in that The target display state is an expanded display state, a collapsed display state or a reduced display state; the node display area of ​​the process node in the expanded display state is larger than the node display area of ​​the process node in the collapsed display state; The node display area of ​​the process node in the collapsed display state is larger than the node display area of ​​the process node in the reduced display state.

7. The method according to claim 5 or 6, characterized in that: The node display area of ​​the process node in the expanded display state includes an editing panel of the process node, and the editing panel includes editable content of the process node.

8. The method according to claim 5 or 6, characterized in that: The node display area of ​​the process node in the collapsed display state displays the first introduction text of the process node, and the node display area of ​​the process node in the reduced display state displays the second introduction text of the process node, and the content of the second introduction text is less than the content of the first introduction text.

9. The method according to claim 1, characterized in that: The step of displaying all the process nodes included in the flowchart using the target display state includes: Obtaining the current display status of all process nodes included in the flowchart; The process nodes whose current display state is different from the target display state are adjusted to be displayed in the target display state.

10. A display state switching device for 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 and an execution order between the flow nodes; an acquisition unit, configured to acquire a full display state switching instruction, wherein the full display state switching instruction is used to instruct all the process nodes included in the flowchart to be displayed in a target display state, and the full display state switching instruction is generated based on a display ratio trigger of a control or the process editing page; The second display unit is used to display all the process nodes included in the flowchart using the target display state.

11. 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 according to any one of claims 1 to 9.

12. A computer readable medium, characterized in that A computer program is stored thereon, wherein when the program is executed by a processor, the method according to any one of claims 1 to 9 is implemented.

Images