Organization management method and device based on web browser

Abstract

The invention discloses an organization management method and device based on a web browser. And obtaining a document object model DOM tree corresponding to the virtual organization to which the target user belongs. Wherein the members of the virtual organization comprise members of at least one entity organization executing the target project. And then, based on the node coordinates of the nodes in the DOM tree, rendering the nodes in the DOM tree to generate a target organization page. Wherein the coordinates of the nodes are (x, y), the x coordinates are hierarchical indexes of the nodes in the virtual organization, and the y coordinates are sequential indexes of the nodes in the hierarchy where the nodes are located. And judging whether the target user has the management authority of the target organization page or not. And if yes, in response to a management operation of the target user for the target organization page, obtaining the managed target organization page based on the node coordinates of at least one node in the target organization page, and outputting and displaying the managed target organization page to the target user. Therefore, the cooperation efficiency among a plurality of organizations is improved, and the complexity and cost of organization management are reduced.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and more particularly to a web browser-based organization management method and device. Background Art

[0002] Organization management platforms are increasingly being used in the internal management of various organizations such as enterprises, educational institutions, and government agencies. They can not only improve communication efficiency between users and reduce communication costs, but also effectively improve event handling efficiency and user office efficiency.

[0003] However, the organizational management platform usually manages a single organization internally. When a project requires collaboration among multiple organizations, it is unable to manage members of multiple organizations.

[0004] Currently, in order to achieve collaboration among multiple organizations, a group is usually created and members of multiple organizations are added as group members of the group, so as to facilitate communication among members of multiple organizations and realize sharing of basic information.

[0005] However, this approach still has limitations in management functions such as performance evaluation, resource allocation, and schedule planning, which require manual operations. This not only reduces the efficiency of collaboration between multiple organizations, but also increases the complexity and cost of organizational management. Summary of the invention

[0006] The present specification provides a web browser-based organization management method, device, storage medium, and electronic device to improve the collaboration efficiency between multiple organizations and reduce the complexity and cost of organization management.

[0007] This manual adopts the following technical solutions:

[0008] This specification provides a web browser-based organization management method, which is applied to a web browser; the method includes:

[0009] Acquire a document object model DOM tree corresponding to a virtual organization to which the target user belongs; wherein members of the virtual organization include members of at least one physical organization executing the target project;

[0010] Based on the node coordinates of at least one node in the DOM tree, at least one node in the DOM tree is rendered to generate a target organization page; wherein the node coordinates are (x, y), the x coordinate is the hierarchical index of the node in the virtual organization, and the y coordinate is the sequential index of the node in its hierarchy;

[0011] Determine whether the target user has management authority for the target organization page;

[0012] If yes, in response to the target user's management operation on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node in the target organization page, and the managed target organization page is output and displayed to the target user through the web browser so that the target user can complete the organization management.

[0013] Optionally, a document object model DOM tree corresponding to the organization to which the target user belongs is obtained, including:

[0014] Obtaining the organizational data of the virtual organization to which the target user belongs;

[0015] Based on the organization data, a document object model DOM tree corresponding to the virtual organization to which the target user belongs is constructed.

[0016] Optionally, rendering at least one node in the DOM tree includes:

[0017] Traversing at least one node in the DOM tree, and determining the node type of the at least one node according to the node type field of the at least one node; the node type includes: group node, member node;

[0018] If it is determined that the node type of the at least one node is a member node, the member node is rendered to obtain a page element corresponding to the member node;

[0019] If it is determined that the node type of at least one of the nodes is a group node, further determine whether there are child nodes in the group node; if yes, render the group node containing the child nodes to obtain a page element corresponding to the group node containing the child nodes; if not, render the group node to obtain a page element corresponding to the group node; wherein the node coordinates are (x, y, z), the x coordinate is the hierarchical index of the group node where the child node is located in the virtual organization, the y coordinate is the sequential index of the group node where the child node is located in its hierarchy, and the z coordinate may be the sequential index of the child node in its group node.

[0020] Optionally, the management operation includes: a drag operation;

[0021] In response to the target user's management operation on the target organization page, based on the node coordinates of at least one node in the target organization page, a managed target organization page is obtained, including:

[0022] In response to a drag operation of the target user on a target page element corresponding to a target node in the target organization page, determining a page area occupied by the target page element in the target organization page based on the node coordinates of the target node, and detecting whether the target page element overlaps with other page elements;

[0023] If yes, calculate the overlapping area between the page area of ​​the target page element and the page area of ​​the other page elements, and adjust the position of the target page element in the target organization page based on the overlapping area to obtain the managed target organization page.

[0024] Optionally, based on the overlapping area, adjusting the position of the target page element in the target organization page to obtain a managed target organization page includes:

[0025] If it is determined that the node type of the target page element is a member node, further determine whether to drag the target page element to other page elements whose node type is a group node; if yes, add the target page element to the other page elements based on the overlapping area to obtain a managed target organization page; if not, add the target page element to the level where the other page elements are located based on the overlapping area to obtain a managed target organization page;

[0026] If it is determined that the node type of the target page element is a group node, based on the overlapping area, the target page element is added to the level where the other page elements are located to obtain a managed target organization page.

[0027] Optionally, the management operation includes: a modification operation;

[0028] In response to the target user's management operation on the target organization page, based on the node coordinates of at least one node in the target organization page, a managed target organization page is obtained, including:

[0029] In response to the target user's modification operation on the target organization page, a managed target organization page is obtained based on the acquired node information input by the target user and the node coordinates of at least one node in the target organization page.

[0030] Optionally, the method further comprises:

[0031] In response to a folding operation of the target user on a page element whose node type is a group node in the target organization page, folding the page element whose node type is a group node to obtain a folded target organization page;

[0032] In response to the target user's expansion operation on the page element whose node type is the group node in the target organization page, the page element whose node type is the group node is expanded to obtain the expanded target organization page.

[0033] This specification provides a web browser-based organization management device, which is applied to a web browser; the device includes:

[0034] An acquisition module, used to acquire a document object model DOM tree corresponding to a virtual organization to which the target user belongs; wherein members of the virtual organization include members of at least one physical organization executing the target project;

[0035] A rendering module, configured to render at least one node in the DOM tree based on the node coordinates of at least one node in the DOM tree to generate a target organization page; wherein the node coordinates are (x, y), the x coordinate is the level index of the node in the DOM tree, and the y coordinate is the sequential index of the node in its level;

[0036] A judgment module, used to judge whether the target user has the management authority of the target organization page;

[0037] A management module is used to, if yes, in response to the target user's management operation on the target organization page, obtain the managed target organization page based on the node coordinates of at least one node in the target organization page, and output and display the managed target organization page to the target user through the web browser so that the target user can complete the organization management.

[0038] This specification provides an electronic device, including a communication interface, a processor, a memory and a bus, wherein the communication interface, the processor and the memory are interconnected via the bus;

[0039] The memory stores machine-readable instructions, and the processor executes the above-mentioned web browser-based organization management method by calling the machine-readable instructions.

[0040] This specification provides a machine-readable storage medium, which stores machine-readable instructions. When the machine-readable instructions are called and executed by a processor, the above-mentioned web browser-based organization management method is implemented.

[0041] At least one of the above technical solutions adopted in this specification can achieve the following beneficial effects:

[0042] In this specification, a document object model DOM tree corresponding to a virtual organization to which a target user belongs is obtained. The members of the virtual organization include members of at least one entity organization that executes a target project. By constructing a DOM tree corresponding to the virtual organization to which the target user belongs, the collaboration efficiency between multiple organizations is improved, and the complexity and cost of organizational management are reduced.

[0043] Then, based on the node coordinates of at least one node in the DOM tree, at least one node in the DOM tree is rendered to generate a target organization page. The node coordinates are (x, y), the x coordinate is the level index of the node in the DOM tree, and the y coordinate is the sequential index of the node in its level. Through the node coordinates, the technician can intuitively see the level of the node, which improves the processing efficiency of the technician.

[0044] Next, it is determined whether the target user has management authority for the target organization page. If so, in response to the target user's management operation on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node in the target organization page. This process ensures that only users with management authority can perform management operations, thereby ensuring the security of the target organization page. BRIEF DESCRIPTION OF THE DRAWINGS

[0045] The drawings described herein are used to provide a further understanding of this specification and constitute a part of this specification. The illustrative embodiments and descriptions of this specification are used to explain this specification and do not constitute an improper limitation on this specification. In the drawings:

[0046] Figure 1 is a flowchart of a web browser-based organization management method shown in an exemplary embodiment;

[0047] Figure 2 is a schematic diagram of a DOM tree shown in an exemplary embodiment;

[0048] Figure 3 is a schematic diagram of another DOM tree shown in an exemplary embodiment;

[0049] Figure 4 is a schematic diagram of a drag operation shown in an exemplary embodiment;

[0050] Figure 5 is a schematic diagram of another drag operation shown in an exemplary embodiment;

[0051] Figure 6 is a flowchart of a drag operation shown in an exemplary embodiment;

[0052] Figure 7It is a structural diagram of an electronic device where a web browser-based organization management device is located, shown in an exemplary embodiment;

[0053] Figure 8 The diagram is a structural diagram of an organization management device based on a web browser, showing an exemplary embodiment. DETAILED DESCRIPTION

[0054] In order to enable those skilled in the art to better understand the technical solutions in this specification, the technical solutions in the embodiments of this specification will be clearly and completely described below in conjunction with the drawings in the embodiments of this specification. Obviously, the described embodiments are only part of the embodiments of this specification, not all of the embodiments. Based on the embodiments in this specification, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of this specification.

[0055] It should be noted that: in other embodiments, the steps of the corresponding method are not necessarily performed in the order shown and described in this specification. In some other embodiments, the steps included in the method may be more or less than those described in this specification. In addition, a single step described in this specification may be decomposed into multiple steps for description in other embodiments; and multiple steps described in this specification may be combined into a single step for description in other embodiments.

[0056] An organizational management platform usually manages a single organization internally. When a project requires collaboration among multiple organizations, it is not possible to manage members of multiple organizations.

[0057] Currently, in order to complete the collaboration among multiple organizations, a group is usually created and members of multiple organizations are added as group members of the group, so as to facilitate communication among members of multiple organizations and realize sharing of basic information.

[0058] However, this approach still has limitations in management functions such as performance evaluation, resource allocation, and schedule planning, which require manual operations. This not only reduces the efficiency of collaboration between multiple organizations, but also increases the complexity and cost of organizational management.

[0059] Based on this, this specification proposes a technical solution for constructing a DOM tree corresponding to the virtual organization to which the target user belongs, rendering the DOM tree, generating a target organization page, and performing management operations on the target organization page, thereby improving the efficiency of collaboration between multiple organizations and reducing the complexity and cost of organizational management.

[0060] The technical solutions provided by the embodiments of this specification are described in detail below in conjunction with the accompanying drawings.

[0061] Figure 1 The present invention is a flowchart of a web browser-based organization management method according to an exemplary embodiment, wherein the method specifically comprises the following steps:

[0062] S100: Acquire a document object model DOM tree corresponding to a virtual organization to which a target user belongs, wherein members of the virtual organization include members of at least one physical organization executing a target project.

[0063] In an embodiment of the present specification, a web browser may obtain a document object model DOM tree corresponding to a virtual organization to which a target user belongs. The members of the virtual organization include members of at least one entity organization that executes a target project. The virtual organization mentioned here may refer to an organization temporarily formed by different organizations for a common project. The entity organization mentioned here may refer to an actual organization, such as a company, a government department, a school, etc.

[0064] Specifically, the web browser may obtain the organization data of the virtual organization to which the target user belongs. The organization data mentioned here may refer to data describing the organization structure and member information, such as the organization structure, member information, department information, etc.

[0065] Then, the web browser may construct a document object model DOM tree corresponding to the virtual organization to which the target user belongs based on the organization data.

[0066] It can be seen from the above embodiments that by constructing a DOM tree corresponding to the virtual organization to which the target user belongs, an effective management framework can be provided for the collaboration between multiple organizations, thereby improving the collaboration efficiency between multiple organizations.

[0067] S102: Render at least one node in the DOM tree based on the node coordinates of at least one node in the DOM tree to generate a target organization page; wherein the node coordinates are composed of the hierarchical index of the node in the virtual organization as the X coordinate and the sequential index of the node in its hierarchy as the Y coordinate.

[0068] In practical applications, determining the node position of a node in a DOM tree usually requires tracing back the complete path from the root node to the node, including the various nodes along the way and their relationships. However, this method is cumbersome and inefficient. In addition, it is difficult for technicians to intuitively determine the level of the node in the DOM tree.

[0069] In the embodiments of the present specification, the DOM tree maintains and records the node positions of nodes through node coordinates. The node coordinates may be (x, y), where the x coordinate may be the hierarchical index of the node in the DOM tree, and the y coordinate may be the sequential index of the node in its hierarchy. Figure 2 shown.

[0070] Figure 2 It is a schematic diagram of a DOM tree shown in an exemplary embodiment.

[0071] exist Figure 2 In the example, the node coordinates of node A are (0, 0), which indicates that node A is the first node in the first layer of the virtual organization. The node coordinates of node B are (1, 0), which indicates that node B is the first node in the second layer of the virtual organization. The node coordinates of node C are (1, 1), which indicates that node C is the second node in the second layer of the virtual organization. The node coordinates of node E are (2, 0), which indicates that node E is the first node in the third layer of the virtual organization. By analogy, the meanings of the node coordinates of other nodes can be determined.

[0072] In the embodiment of the present specification, the web browser may render at least one node in the DOM tree based on the node coordinates of at least one node in the DOM tree to generate a target organization page.

[0073] Specifically, the web browser may traverse at least one node in the DOM tree and determine the node type of the at least one node according to the node type field of the at least one node, wherein the node type includes: group node and member node.

[0074] If it is determined that the node type of at least one node is a member node, the member node is rendered to obtain a page element corresponding to the member node.

[0075] If it is determined that the node type of at least one node is a group node, it is further determined whether there is a child node in the group node. If yes, the group node containing the child node is rendered to obtain a page element corresponding to the group node containing the child node. If no, the group node is rendered to obtain a page element corresponding to the group node.

[0076] The node coordinates of the child node can be (x, y, z), the x coordinate can be the hierarchical index of the group node where the child node is located in the DOM tree, the y coordinate can be the sequential index of the group node where the child node is located in its hierarchy, and the z coordinate can be the sequential index of the child node in its group node. Figure 3 shown.

[0077] Figure 3 It is a schematic diagram of another DOM tree shown in an exemplary embodiment.

[0078] exist Figure 3 In the example, the node coordinates of group node A are (0, 0), which indicates that group node A is the first in the first layer of the virtual organization. The node coordinates of group node B are (1, 0), which indicates that node B is the first in the second layer of the virtual organization. The node coordinates of member node B1 are (1, 0, 0), which indicates that member node B1 is the first in group node B. The node coordinates of member node B2 are (1, 0, 1), which indicates that member node B2 is the second in group node B. By analogy, the meanings of the node coordinates of other group nodes and member nodes can be determined.

[0079] It can be seen from the above embodiments that, through the node coordinates, the technician can intuitively see the level at which the node is located, thereby improving the processing efficiency of the technician.

[0080] It should be noted that in the embodiments of this specification, the nodes in the DOM tree are rendered by the front-end components. For example, the Tree component is the component of the entire organizational structure, the TreeList component is each row displayed on the target organization page, and the TreeItem component is the member node or group node in each row. In other words, the TreeList component is inside the Tree component, and the TreeItem component is inside the TreeList component.

[0081] The TreeList component will traverse and render the TreeItem component. Then, the TreeItem component will determine whether it has child nodes. If so, it will continue to call the TreeList component. If not, it will directly render the page element corresponding to the member node.

[0082] Furthermore, during the rendering process, if it is determined that the node is the first and the last node in each row, the connection line between the first node and the last node is rendered as a corner style.

[0083] Furthermore, during the rendering process, the unique elements in each node (eg, avatar, text) can be rendered using a canvas or Scalable Vector Graphics (SVG) separately.

[0084] S104: Determine whether the target user has management authority for the target organization page.

[0085] S106: If yes, in response to the target user's management operation on the target organization page, a managed target organization page is obtained based on the node coordinates of at least one node in the target organization page, and the managed target organization page is output and displayed to the target user through the web browser so that the target user can complete the organization management.

[0086] In the embodiment of this specification, the entire authority system can be divided into four levels, namely organization creator, organization manager, group manager and group member. Organization creator, organization manager and group manager have different management permissions, while group members do not have management permissions.

[0087] The following is an explanation of the different management permissions that organization creators, organization managers, and group managers have:

[0088] The management rights of the organization creator include: adding or deleting groups, adding or deleting group members, modifying group information, modifying group member information, setting organization managers, setting group managers, dragging groups, dragging group members, etc. For example, the organization creator can drag a group member to exchange positions with other group members, or drag group members to other levels, or drag group members into the group. For another example, the organization creator can also drag a group to exchange positions with other groups. Or drag the group to other levels. It should be noted that the organization creator has all the management rights of the virtual organization.

[0089] The management rights of the organization manager include: adding or deleting groups, adding or deleting group members, modifying group information, modifying group member information, setting group managers, dragging groups, dragging group members, etc. For example, the organization manager can drag a group member to exchange positions with other group members, or drag a group member to another level, or drag a group member into a group. For another example, the organization manager can also drag a group to exchange positions with other groups, or drag a group to another level.

[0090] The management rights of the group manager include: adding or deleting group members, modifying group member information, etc.

[0091] It should be noted that each virtual organization has only one organization creator. The organization creator can set up multiple organization managers. Each group can only have one group manager.

[0092] In practical applications, canvas or Scalable Vector Graphics (SVG) are usually used to display the organizational structure. Although these two methods can intuitively display the hierarchical structure of the organization in a graphical way, when dynamically modifying the organizational structure, technicians are often required to manually edit the code level. This is not only inefficient, but also prone to errors.

[0093] In the embodiment of the present specification, the web browser can determine whether the target user has the management authority of the target organization page.

[0094] If so, in response to the target user's management operation on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node in the target organization page, and the managed target organization page is output and displayed to the target user through a web browser so that the target user can complete the organization management.

[0095] The management operation may include: a drag operation.

[0096] In response to the target user's dragging operation on the target page element corresponding to the target node in the target organization page, the page area occupied by the target page element in the target organization page is determined based on the node coordinates of the target node, and it is detected whether the target page element overlaps with other page elements. The dragging operation mentioned here may refer to long pressing the target page element and dragging the target page element, or it may refer to clicking the target page element and dragging the target page element. This specification does not limit the specific method of the dragging operation.

[0097] If yes, calculate the overlapping area between the page area of ​​the target page element and the page area of ​​other page elements, and adjust the position of the target page element in the target organization page based on the overlapping area to obtain the managed target organization page. Figure 4 shown.

[0098] Figure 4 It is a schematic diagram of a drag operation shown in an exemplary embodiment.

[0099] exist Figure 4 In the process of dragging the page element of member node C2 (1, 1, 1), it is detected that the page element of member node C2 overlaps with the page element of group node C (1, 1), and the overlapping area between the page element of member node C2 and the page element of group node C is calculated. It can be obtained that the overlapping area between the page element of member node C2 and the page element of group node C is less than the set threshold and is located on the right side of the page element of group node C, and it is determined that the page element of member node C2 is located on the right side of the page element of group node C.

[0100] Furthermore, it is detected that the page element of member node C2 overlaps with the page element of member node D (1, 2), and the overlapping area between the page element of member node C2 and the page element of member node D is calculated. It can be obtained that the overlapping area between the page element of member node C2 and the page element of member node D is less than the set threshold and is located to the left of the page element of member node D, and it is determined that the page element of member node C2 is located to the left of the page element of member node D.

[0101] Therefore, the page element of the member node C2 may be adjusted to a position between the page element of the group node C and the page element of the member node D.

[0102] It should be noted that after adjusting the position of the page element of member node C2 in the target organization page, the node coordinates of member node C2 will be modified, and accordingly, the node coordinates of other nodes related to the adjustment of the page element of member node C2 will also be adaptively adjusted.

[0103] Furthermore, a target page element whose node type is a group node may contain a page element whose node type is a member node, but a target page element whose node type is a group node may not contain a target page element whose node type is a group node. Therefore, when it is detected that a target page element overlaps with other page elements, it is necessary to determine the node type of the target page element and the node type of the other page elements in order to subsequently determine the position of the target page element.

[0104] In the embodiment of the present specification, if it is determined that the node type of the target page element is a member node, it is further determined whether to drag the target page element into other page elements whose node type is a group node.

[0105] If yes, based on the overlapping area, the target page element is added to other page elements to obtain the managed target organization page. If no, based on the overlapping area, the target page element is added to the level where other page elements are located to obtain the managed target organization page.

[0106] If it is determined that the node type of the target page element is a group node, based on the overlapping area, the target page element is added to the level where other page elements are located to obtain the managed target organization page. Figure 5 shown.

[0107] Figure 5 is a schematic diagram of another drag operation shown in an exemplary embodiment.

[0108] exist Figure 5In the process of dragging the page element of group node C (1, 1), it is detected that the page element of group node C overlaps with the page element of group node B (1, 0), and the overlapping area between the page element of group node C and the page element of group node B is calculated. Furthermore, the node type of the page element of group node C and the node type of the page element of group node B are both group nodes, and the page element of group node C is added to the level where the page element of group node B is located.

[0109] Therefore, since the overlapping area between the page element of group node C and the page element of group node B is less than the set threshold and is located on the left side of the page element of group node B, it is determined that the page element of group node C is located on the left side of the page element of group node B.

[0110] Figure 6 FIG. 4 is a flowchart of a drag operation shown in an exemplary embodiment.

[0111] exist Figure 6 In step S600, the target user drags the target page element, and the process goes to step S601.

[0112] Step S601, obtain the mouse coordinates, determine the current location of the target page element, and go to step S602.

[0113] Step S602, detect whether the target page element overlaps with other page elements, if yes, go to step S604, if no, go to step S603.

[0114] Step S603, determine whether the dragging is ended, if yes, go to step S609, if not, go to step S601.

[0115] Step S604, determine whether the node type of the target page element is a group node, if yes, go to step S606, if not, go to step S605.

[0116] Step S605, determining whether the target page element is dragged into other page elements whose node type is a group node, if yes, proceeding to step S607, if not, proceeding to step S608.

[0117] Step S606: Do not drag the target page element into the group node, and go to step S608.

[0118] Step S607, drag the target page element into the group node, and go to step S610.

[0119] Step S608, calculating the overlapping area between the page area of ​​the target page element and the page areas of other page elements, and then proceeding to step S609.

[0120] Step S609, based on the overlapping area, add the target page element to the corresponding position in the target organization page, and go to step S610.

[0121] Step S610, synchronize to the organization data, and go to step S611.

[0122] Step S611, end dragging.

[0123] In the embodiment of this specification, the management operation also includes: a modification operation.

[0124] In response to the target user's modification operation on the target organization page, the managed target organization page is obtained based on the node information input by the target user and the node coordinates of at least one node in the target organization page. The modification operations mentioned here may include: adding or deleting a group, adding or deleting a group member, modifying group information, modifying group member information, setting a group manager, etc.

[0125] Furthermore, in the embodiments of this specification, management operations also include: performance evaluation, resource allocation, schedule planning and other operations. The performance evaluation function allows managers to evaluate the work performance of organizational members, set performance indicators, track progress, and provide corresponding incentives based on the evaluation results. The resource allocation function can effectively allocate organizational resources, including human, financial and material resources, to ensure the rational use and optimal allocation of resources. The schedule planning function can help organizational members plan and coordinate schedules.

[0126] As can be seen from the above embodiments, by constructing a DOM tree corresponding to the virtual organization to which the target user belongs, the organizational structure of the virtual organization can be managed or modified more flexibly. This method allows non-technical personnel to directly update the organizational structure of the virtual organization through the target organization page without going deep into the code level, thereby significantly improving the efficiency of organizational management.

[0127] In the embodiment of the present specification, the organization creator, organization manager, group manager, and group members can all view the target organization page.

[0128] The target user can zoom in or out on the target organization page to more clearly present the member information in the virtual organization. For example, the target user can zoom in or out on the target organization page by using the mouse wheel. For another example, the target user can zoom in on the target organization page by clicking the zoom in button on the target organization page, or zoom out on the target organization page by clicking the zoom out button on the target organization page. This specification does not limit the method of zooming in or out on the target organization page.

[0129] Furthermore, in the organizational structure of a virtual organization, other groups may be nested under one group, forming a complex hierarchical structure. In other words, there may be other groups within one group. Therefore, the target organization page can support folding other groups under one group, or expanding other groups under one group.

[0130] Specifically, in response to the target user's folding operation on the page element whose node type is the group node in the target organization page, the page element whose node type is the group node is folded to obtain the folded target organization page.

[0131] In response to the target user's expansion operation on the page element whose node type is the group node in the target organization page, the page element whose node type is the group node is expanded to obtain the expanded target organization page.

[0132] As can be seen from the above embodiments, by supporting the folding and expanding operations of the group, the target user can view or hide the details of certain levels as needed, thereby helping the target user to stratify and classify the information in the organizational structure and improving the user experience.

[0133] In the embodiment of this specification, when the target user performs an operation on a page element in the target organization page, the target user's operation needs to be synchronized to the database, and the organization data of the virtual organization to which the target user belongs is updated accordingly, thereby achieving real-time synchronization and update of the organization data.

[0134] It can be seen from the above method that a document object model DOM tree corresponding to the virtual organization to which the target user belongs is obtained. The members of the virtual organization include members of at least one physical organization that executes the target project. By building a virtual organization, the efficiency of collaboration between multiple organizations is improved, and the complexity and cost of organizational management are reduced.

[0135] Then, based on the node coordinates of at least one node in the DOM tree, at least one node in the DOM tree is rendered to generate a target organization page. The node coordinates are (x, y), the x coordinate is the level index of the node in the DOM tree, and the y coordinate is the sequential index of the node in its level. Through the node coordinates, the technician can intuitively see the level of the node, which improves the processing efficiency of the technician.

[0136] Next, it is determined whether the target user has management authority for the target organization page. If so, in response to the target user's management operation on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node in the target organization page. This process ensures that only users with management authority can perform management operations, thereby ensuring the security of the target organization page.

[0137] Corresponding to the above-mentioned embodiment of the organization management method based on a web browser, this specification also provides an embodiment of an organization management device based on a web browser.

[0138] See also Figure 7 , Figure 7 It is a structural diagram of an electronic device in which a web browser-based organization management device is located, which is shown as an exemplary embodiment. At the hardware level, the device includes a processor 702, an internal bus 704, a network interface 706, a memory 708, and a non-volatile memory 710, and of course may also include other required hardware. One or more embodiments of this specification can be implemented based on software, such as the processor 702 reading the corresponding computer program from the non-volatile memory 710 into the memory 708 and then running it. Of course, in addition to the software implementation, one or more embodiments of this specification do not exclude other implementation methods, such as logic devices or a combination of software and hardware, etc., that is to say, the execution subject of the following processing flow is not limited to each logic unit, but can also be hardware or logic devices.

[0139] See also Figure 8 , Figure 8 FIG. 1 is a structural diagram of a web browser-based organization management device according to an exemplary embodiment. The web browser-based organization management device can be applied to Figure 7 In the electronic device shown in the figure, the technical solution of this specification is implemented. The device may include:

[0140] The acquisition module 800 is used to acquire a document object model DOM tree corresponding to the virtual organization to which the target user belongs; wherein the members of the virtual organization include members of at least one physical organization executing the target project;

[0141] A rendering module 802 is used to render at least one node in the DOM tree based on the node coordinates of at least one node in the DOM tree to generate a target organization page; wherein the node coordinates are (x, y), the x coordinate is the hierarchical index of the node in the virtual organization, and the y coordinate is the sequential index of the node in its hierarchy;

[0142] A determination module 804 is used to determine whether the target user has management authority for the target organization page;

[0143] Management module 806 is used to, if yes, in response to the target user's management operation on the target organization page, obtain the managed target organization page based on the node coordinates of at least one node in the target organization page, and output and display the managed target organization page to the target user through the web browser so that the target user can complete the organization management.

[0144] Optionally, the acquisition module 800 is specifically configured to acquire the organization data of the virtual organization to which the target user belongs; and construct a document object model DOM tree corresponding to the virtual organization to which the target user belongs based on the organization data.

[0145] Optionally, the rendering module 802 is specifically used to traverse at least one node in the DOM tree, and determine the node type of the at least one node according to the node type field of the at least one node; the node types include: group node, member node; if it is determined that the node type of the at least one node is a member node, the member node is rendered to obtain a page element corresponding to the member node; if it is determined that the node type of the at least one node is a group node, it is further determined whether there is a child node in the group node; if yes, the group node containing the child nodes is rendered to obtain a page element corresponding to the group node containing the child nodes; if not, the group node is rendered to obtain a page element corresponding to the group node; wherein the node coordinates are (x, y, z), the x coordinate is the hierarchical index of the group node where the child node is located in the virtual organization, the y coordinate is the sequential index of the group node where the child node is located in its hierarchy, and the z coordinate can be the sequential index of the child node in its group node.

[0146] Optionally, the management operation includes: a drag operation; the management module 806 is specifically used to respond to the target user's drag operation on the target page element corresponding to the target node in the target organization page, determine the page area occupied by the target page element in the target organization page based on the node coordinates of the target node, and detect whether the target page element overlaps with other page elements; if so, calculate the overlapping area between the page area of ​​the target page element and the page area of ​​the other page elements, and based on the overlapping area, adjust the position of the target page element in the target organization page to obtain the managed target organization page.

[0147] Optionally, the management module 806 is specifically used to, if it is determined that the node type of the target page element is a member node, further determine whether to drag the target page element into other page elements whose node type is a group node; if so, based on the overlapping area, add the target page element to the other page elements to obtain the managed target organization page; if not, based on the overlapping area, add the target page element to the level where the other page elements are located to obtain the managed target organization page; if it is determined that the node type of the target page element is a group node, based on the overlapping area, add the target page element to the level where the other page elements are located to obtain the managed target organization page.

[0148] Optionally, the management operation includes: a modification operation; the management module 806 is specifically used to respond to the modification operation of the target user on the target organization page, and obtain the managed target organization page based on the node information input by the target user and the node coordinates of at least one node in the target organization page.

[0149] Optionally, the management module 806 is further specifically used to respond to the target user's folding operation on the page element whose node type is a group node in the target organization page, and fold the page element whose node type is a group node to obtain a folded target organization page; respond to the target user's expand operation on the page element whose node type is a group node in the target organization page, and expand the page element whose node type is a group node to obtain an expanded target organization page.

[0150] The implementation process of the functions and effects of each unit in the above-mentioned device is specifically described in the implementation process of the corresponding steps in the above-mentioned method, and will not be repeated here.

[0151] Based on the same concept as the above method, this specification also provides an electronic device, including: a processor; a memory for storing processor executable instructions; wherein the processor implements the steps of the method described in any of the above embodiments by running the executable instructions.

[0152] Based on the same concept as the above method, this specification also provides a computer-readable storage medium on which computer instructions are stored. When the instructions are executed by a processor, the steps of the method described in any of the above embodiments are implemented.

[0153] Based on the same concept as the above method, this specification also provides a computer program product, including a computer program / instruction, which implements the steps of the method described in any of the above embodiments when executed by a processor.

[0154] It should be understood that although the terms first, second, third, etc. may be used to describe various information in one or more embodiments of this specification, these information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of one or more embodiments of this specification, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0155] The above description is merely a preferred embodiment of one or more embodiments of the present specification and is not intended to limit one or more embodiments of the present specification. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of one or more embodiments of the present specification shall be included in the scope of protection of one or more embodiments of the present specification.

Claims

1. A web browser-based organization management method, characterized in that: The method is applied to a web browser; the method comprises: Acquire a document object model DOM tree corresponding to a virtual organization to which the target user belongs; wherein members of the virtual organization include members of at least one physical organization executing the target project; Based on the node coordinates of at least one node in the DOM tree, at least one node in the DOM tree is rendered to generate a target organization page; wherein the node coordinates are (x, y), the x coordinate is the hierarchical index of the node in the virtual organization, and the y coordinate is the sequential index of the node in its hierarchy; Determine whether the target user has management authority for the target organization page; If yes, in response to the target user's management operation on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node in the target organization page, and the managed target organization page is output and displayed to the target user through the web browser so that the target user can complete the organization management.

2. The method according to claim 1, characterized in that Get the document object model DOM tree corresponding to the organization to which the target user belongs, including: Obtaining the organizational data of the virtual organization to which the target user belongs; Based on the organization data, a document object model DOM tree corresponding to the virtual organization to which the target user belongs is constructed.

3. The method according to claim 1, characterized in that Rendering at least one node in the DOM tree includes: Traversing at least one node in the DOM tree, and determining the node type of the at least one node according to the node type field of the at least one node; the node type includes: group node, member node; If it is determined that the node type of the at least one node is a member node, the member node is rendered to obtain a page element corresponding to the member node; If it is determined that the node type of at least one of the nodes is a group node, further determine whether there are child nodes in the group node; if yes, render the group node containing the child nodes to obtain a page element corresponding to the group node containing the child nodes; if not, render the group node to obtain a page element corresponding to the group node; wherein the node coordinates are (x, y, z), the x coordinate is the hierarchical index of the group node where the child node is located in the virtual organization, the y coordinate is the sequential index of the group node where the child node is located in its hierarchy, and the z coordinate may be the sequential index of the child node in its group node.

4. The method according to claim 3, characterized in that The management operation includes: drag operation; In response to the target user's management operation on the target organization page, based on the node coordinates of at least one node in the target organization page, a managed target organization page is obtained, including: In response to a drag operation of the target user on a target page element corresponding to a target node in the target organization page, determining a page area occupied by the target page element in the target organization page based on the node coordinates of the target node, and detecting whether the target page element overlaps with other page elements; If yes, calculate the overlapping area between the page area of ​​the target page element and the page area of ​​the other page elements, and adjust the position of the target page element in the target organization page based on the overlapping area to obtain the managed target organization page.

5. The method according to claim 4, characterized in that Based on the overlapping area, adjusting the position of the target page element in the target organization page to obtain the managed target organization page includes: If it is determined that the node type of the target page element is a member node, further determine whether to drag the target page element to other page elements whose node type is a group node; if yes, add the target page element to the other page elements based on the overlapping area to obtain a managed target organization page; if not, add the target page element to the level where the other page elements are located based on the overlapping area to obtain a managed target organization page; If it is determined that the node type of the target page element is a group node, based on the overlapping area, the target page element is added to the level where the other page elements are located to obtain a managed target organization page.

6. The method according to claim 1, characterized in that The management operation includes: modification operation; In response to the target user's management operation on the target organization page, based on the node coordinates of at least one node in the target organization page, a managed target organization page is obtained, including: In response to the target user's modification operation on the target organization page, a managed target organization page is obtained based on the acquired node information input by the target user and the node coordinates of at least one node in the target organization page.

7. The method according to claim 1, characterized in that The method further comprises: In response to a folding operation of the target user on a page element whose node type is a group node in the target organization page, folding the page element whose node type is a group node to obtain a folded target organization page; In response to the target user's expansion operation on the page element whose node type is the group node in the target organization page, the page element whose node type is the group node is expanded to obtain the expanded target organization page.

8. An organization management device based on a web browser, characterized in that: The device is applied to a web browser; the device comprises: An acquisition module, used to acquire a document object model DOM tree corresponding to a virtual organization to which the target user belongs; wherein members of the virtual organization include members of at least one physical organization executing the target project; A rendering module, configured to render at least one node in the DOM tree based on the node coordinates of at least one node in the DOM tree to generate a target organization page; wherein the node coordinates are (x, y), the x coordinate is the hierarchical index of the node in the virtual organization, and the y coordinate is the sequential index of the node in its hierarchy; A judgment module, used to judge whether the target user has the management authority of the target organization page; A management module is used to, if yes, in response to the target user's management operation on the target organization page, obtain the managed target organization page based on the node coordinates of at least one node in the target organization page, and output and display the managed target organization page to the target user through the web browser so that the target user can complete the organization management.

9. An electronic device, characterized in that: It includes a communication interface, a processor, a memory and a bus, wherein the communication interface, the processor and the memory are interconnected via the bus; The memory stores machine-readable instructions, and the processor executes the method according to any one of claims 1 to 7 by calling the machine-readable instructions.

10. A machine-readable storage medium, characterized in that: The machine-readable storage medium stores machine-readable instructions, and when the machine-readable instructions are called and executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images