A web browser-based organization management method and device
By building and rendering a DOM tree to generate organization pages, and combining this with user permission management, the problem of management complexity and high cost in multi-organization collaboration is solved, achieving efficient organizational collaboration and management.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- ZHEJIANG ZEEKR INTELLIGENT TECH CO LTD
- Filing Date
- 2024-11-28
- Publication Date
- 2026-06-02
AI Technical Summary
Existing organizational management platforms are unable to effectively manage members when multiple organizations collaborate, leading to reliance on manual operation for management functions such as performance evaluation, resource allocation, and schedule planning. This reduces collaboration efficiency and increases management complexity and costs.
By constructing a Document Object Model (DOM) tree corresponding to the virtual organization to which the target user belongs, rendering is performed based on node coordinates to generate the target organization's page, and management operations are performed according to user permissions, supporting functions such as drag and drop and modification, thus realizing collaborative management between multiple organizations.
It improves the efficiency of collaboration among multiple organizations, reduces the complexity and cost of organizational management, and ensures the security and efficiency of management operations.
Smart Images
Figure CN119671034B_ABST
Abstract
Description
Technical Field
[0001] This specification relates to the field of computer technology, and in particular to an organization and management method and apparatus based on a web browser. Background Technology
[0002] Organizational management platforms are being used more and more widely in the internal management of various organizations such as enterprises, educational institutions, and government agencies. They can not only improve communication efficiency and reduce communication costs among users, but also effectively improve event handling efficiency and user office efficiency.
[0003] However, organizational management platforms typically manage a single organization internally, and when a project requires collaboration among multiple organizations, they cannot manage the members of those organizations.
[0004] Currently, to facilitate collaboration among multiple organizations, groups are typically created, adding members from multiple organizations to the group to enable communication and the sharing of basic information.
[0005] However, this approach still has limitations in management functions such as performance evaluation, resource allocation, and scheduling, which still require manual operation. 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] This specification provides a web browser-based organizational management method, apparatus, storage medium, and electronic device to improve collaboration efficiency among multiple organizations and reduce the complexity and cost of organizational management.
[0007] The following technical solution is adopted in this specification:
[0008] This specification provides an organization and management method based on a web browser, the method being applied to a web browser; the method includes:
[0009] Obtain the 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 entity organization that executes 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 level index of the node in the virtual organization, and the y coordinate is the order index of the node in its level.
[0011] Determine whether the target user has administrative permissions for the target organization's page;
[0012] 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 the web browser so that the target user can complete the organization management.
[0013] Optionally, obtain the Document Object Model (DOM) tree corresponding to the organization to which the target user belongs, including:
[0014] Obtain organizational data of the virtual organization to which the target user belongs;
[0015] Based on the organizational 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] Traverse at least one node in the DOM tree and determine the node type of the at least one node based on the node type field of the at least one node; the node type includes: group node and member node;
[0018] If it is determined that the node type of the at least one node is a member node, then the member node is rendered to obtain the page element corresponding to the member node;
[0019] If it is determined that the node type of the at least one node is a group node, then it is further determined whether there are child nodes within the group node; if yes, the group node containing child nodes is rendered to obtain the page element corresponding to the group node containing child nodes; if no, the group node is rendered to obtain the 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 hierarchical level, and the z coordinate may be the sequential index of the child node in its group node.
[0020] Optionally, the management operation includes: drag and drop 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, the managed target organization page is obtained, including:
[0022] In response to the target user's drag 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.
[0023] If so, calculate the overlap area between the page area of the target page element and the page areas of the other page elements, and based on the overlap area, adjust the position of the target page element in the target organization page to obtain the managed target organization page.
[0024] Optionally, based on the overlapping area, the position of the target page element within the target organization page is adjusted to obtain the managed target organization page, including:
[0025] If the node type of the target page element is determined to be 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; if yes, based on the overlapping area, the target page element is added to the 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 the other page elements are located to obtain the managed target organization page.
[0026] If the node type of the target page element is determined to be a group node, the target page element is added to the level of the other page elements based on the overlapping area, resulting in the 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, the managed target organization page is obtained, including:
[0029] 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.
[0030] Optionally, the method further includes:
[0031] In response to the target user's collapse operation on a page element with a node type of group node in the target organization page, the page element with a node type of group node is collapsed to obtain the collapsed target organization page.
[0032] In response to the target user's operation to expand a page element of type group node in the target organization page, the page element of type 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] The acquisition module is used to acquire the 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 entity organization that executes the target project;
[0035] The rendering module 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 level index of the node in the DOM tree, and the y coordinate is the ordinal index of the node in its level.
[0036] The judgment module is used to determine whether the target user has management permissions for the target organization page;
[0037] The management module is configured to, if so, respond to the management operation of the target user 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-described web browser-based organization and management method by invoking the machine-readable instructions.
[0040] This specification provides a machine-readable storage medium storing machine-readable instructions, which, when invoked and executed by a processor, implement the aforementioned web browser-based organization and management method.
[0041] The above-mentioned technical solutions adopted in this specification can achieve the following beneficial effects:
[0042] This specification describes the acquisition of the Document Object Model (DOM) tree corresponding to the virtual organization to which the target user belongs. The members of this virtual organization include members of at least one entity organization that executes the target project. By constructing the 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 organization 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 the target organization page. The node coordinates are (x, y), where the x-coordinate is the node's level index in the DOM tree, and the y-coordinate is the node's ordinal index within its level. Using these node coordinates, technicians can intuitively see the node's level, improving their processing efficiency.
[0044] Next, it is determined whether the target user has administrative privileges on the target organization page. If so, in response to the target user's administrative action on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node on the target organization page. This process ensures that only users with administrative privileges can perform administrative operations, thus guaranteeing the security of the target organization page. Attached Figure Description
[0045] The accompanying drawings, which are included to provide a further understanding of this specification and form part of this specification, illustrate exemplary embodiments and are used to explain this specification, but do not constitute an undue limitation thereof. In the drawings:
[0046] Figure 1 This is a flowchart illustrating an exemplary embodiment of a web browser-based organization and management method;
[0047] Figure 2 This is a schematic diagram of a DOM tree shown in an exemplary embodiment;
[0048] Figure 3 This is a schematic diagram illustrating another DOM tree as an exemplary embodiment;
[0049] Figure 4 This is a schematic diagram illustrating a drag-and-drop operation as an exemplary embodiment;
[0050] Figure 5 This is a schematic diagram illustrating another drag-and-drop operation as an exemplary embodiment;
[0051] Figure 6 This is a flowchart illustrating a drag-and-drop operation as an exemplary embodiment;
[0052] Figure 7This is an exemplary embodiment illustrating the structure of an electronic device containing a web browser-based organization and management device;
[0053] Figure 8 This is a structural diagram of a web browser-based organization management device, as shown in an exemplary embodiment. Detailed Implementation
[0054] 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 with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this specification, and not all embodiments. Based on the embodiments in this specification, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of this specification.
[0055] It should be noted that the steps of the corresponding methods are not necessarily performed in the order shown and described in this specification in other embodiments. In some other embodiments, the methods may include more or fewer steps than described in this specification. Furthermore, a single step described in this specification may be broken down into multiple steps in other embodiments; and multiple steps described in this specification may be combined into a single step in other embodiments.
[0056] Organizational management platforms are typically used for internal management of a single organization. When a project requires collaboration among multiple organizations, it is impossible to manage the members of those organizations.
[0057] Currently, to facilitate collaboration among multiple organizations, groups are typically created, and members from multiple organizations are added to these groups to enable communication and the sharing of basic information among them.
[0058] However, this approach still has limitations in management functions such as performance evaluation, resource allocation, and scheduling, which still require manual operation. 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 that involves constructing a DOM tree corresponding to the virtual organization to which the target user belongs, rendering the DOM tree, generating the target organization page, and performing management operations on the target organization page. This improves the collaboration efficiency between multiple organizations and reduces the complexity and cost of organizational management.
[0060] The technical solutions provided in the various embodiments of this specification are described in detail below with reference to the accompanying drawings.
[0061] Figure 1 This is a flowchart illustrating an exemplary embodiment of a web browser-based organization management method, which specifically includes the following steps:
[0062] S100: Obtain the 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 entity organization that executes the target project.
[0063] In the embodiments described in this specification, the web browser can obtain the Document Object Model (DOM) tree corresponding to the virtual organization to which the target user belongs. The members of the virtual organization include members of at least one entity organization that executes the target project. The virtual organization mentioned here can refer to an organization temporarily formed by different organizations for a common project. The entity organization mentioned here can refer to a real, existing organization, such as a company, government department, or school.
[0064] Specifically, a web browser can obtain organizational data about the virtual organization to which the target user belongs. This organizational data can refer to data describing the organizational structure and member information, such as organizational structure, member information, and department information.
[0065] Then, the web browser can build a Document Object Model (DOM) tree corresponding to the virtual organization to which the target user belongs, based on the organizational data.
[0066] As can be seen from the above embodiments, by constructing a DOM tree corresponding to the virtual organization to which the target user belongs, an effective management framework can be provided for collaboration between multiple organizations, thereby improving the efficiency of collaboration between multiple organizations.
[0067] S102: Based on the node coordinates of at least one node in the DOM tree, render at least one node in the DOM tree to generate a target organization page; wherein, the node coordinates are composed of the node's hierarchical index in the virtual organization as the X coordinate and the node's sequential index in its hierarchical level as the Y coordinate.
[0068] In practical applications, determining the position of a node in the DOM tree typically requires tracing the complete path from the root node to that node, including all nodes along the way and their relationships. However, this method is cumbersome and inefficient. Furthermore, it is difficult for technical personnel to intuitively determine the node's hierarchy within the DOM tree.
[0069] In the embodiments of this specification, the DOM tree maintains and records the node positions using node coordinates. The node coordinates can be (x, y), where the x-coordinate can be the node's level index in the DOM tree, and the y-coordinate can be the node's ordinal index within its level. Specifically... Figure 2 As shown.
[0070] Figure 2 This is a schematic diagram of a DOM tree shown in an exemplary embodiment.
[0071] exist Figure 2 In the diagram, node A has coordinates (0, 0), representing the first node in the first layer of the virtual organization. Node B has coordinates (1, 0), representing the first node in the second layer of the virtual organization. Node C has coordinates (1, 1), representing the second node in the second layer of the virtual organization. Node E has coordinates (2, 0), representing the first node in the third layer of the virtual organization. And so on, the meaning of the coordinates of other nodes can be determined.
[0072] In the embodiments described in this specification, a web browser can 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, a web browser can traverse at least one node in the DOM tree and determine the node type of at least one node based on its node type field. Node types include: group nodes and member nodes.
[0074] If at least one node is determined to be a member node, then the member node is rendered to obtain the page element corresponding to the member node.
[0075] If at least one node is determined to be a group node, then it is further determined whether the group node contains child nodes. If so, the group node containing child nodes is rendered to obtain the page element corresponding to the group node containing child nodes. If not, the group node is rendered to obtain the page element corresponding to the group node.
[0076] The coordinates of a child node can be (x, y, z). The x-coordinate can be the hierarchical index of the group node to which the child node belongs in the DOM tree, the y-coordinate can be the ordinal index of the group node to which the child node belongs within its hierarchical level, and the z-coordinate can be the ordinal index of the child node to which it belongs within its group node. For example... Figure 3 As shown.
[0077] Figure 3 This is a schematic diagram of another DOM tree shown in an exemplary embodiment.
[0078] exist Figure 3 In the diagram, group node A has coordinates (0, 0), representing it as the first node in the first layer of the virtual organization. Group node B has coordinates (1, 0), representing it as the first node in the second layer of the virtual organization. Member node B1 has coordinates (1, 0, 0), representing it as the first member node in group node B. Member node B2 has coordinates (1, 0, 1), representing it as the second member node in group node B. This pattern continues, allowing us to determine the meaning of the coordinates for other group nodes and member nodes.
[0079] As can be seen from the above embodiments, by using node coordinates, technicians can intuitively see the level at which the node is located, thereby improving the processing efficiency of technicians.
[0080] It should be noted that in the embodiments described in this specification, the nodes in the DOM tree are rendered through 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 within each row. That is to say, the Tree component contains a TreeList component, and the TreeList component contains a TreeItem component.
[0081] The TreeList component iterates through and renders the TreeItem components. Then, each TreeItem component checks if it has child nodes; if so, it continues to call the TreeList component. Otherwise, it directly renders the page element corresponding to the member node.
[0082] Furthermore, during the rendering process, if the nodes are determined to be the first and last nodes of each row, the connecting line between the first and last nodes will be rendered as a corner style.
[0083] Furthermore, during the rendering process, unique elements within each node (such as avatars and text) can be rendered individually using a canvas or Scalable Vector Graphics (SVG).
[0084] S104: Determine whether the target user has management permissions for the target organization page.
[0085] S106: If so, 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, the managed target organization page is obtained, 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 embodiments described in this specification, the entire permission system can be divided into four levels: organization creator, organization manager, group manager, and group member. The organization creator, organization manager, and group manager have different management permissions, while group members do not have management permissions.
[0087] The following explains the different management permissions of the organization creator, organization manager, and group manager:
[0088] The administrator privileges of the organization creator include: adding or deleting groups, adding or deleting group members, modifying group information, modifying group member information, setting organization administrators, setting group administrators, dragging and dropping groups, and dragging and dropping group members. For example, the organization creator can drag a group member to exchange positions with other group members, drag a group member to another level, or drag a group member into a group. Similarly, the organization creator can drag a group to exchange positions with other groups or drag a group to another level. It should be noted that the organization creator has full administrator privileges for the virtual organization.
[0089] Organization administrators have the following management permissions: adding or deleting groups, adding or deleting group members, modifying group information, modifying group member information, setting group administrators, dragging and dropping groups, and dragging and dropping group members. For example, an organization administrator can drag a group member to exchange positions with other group members, drag a group member to another level, or drag a group member into a group. Similarly, an organization administrator can also drag a group to exchange positions with other groups or drag a group to another level.
[0090] The management authority of a group administrator includes: 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 appoint multiple organization managers. Each group can only have one group manager.
[0092] In practical applications, canvas or Scalable Vector Graphics (SVG) are typically used to display organizational structures. While these two methods can visually represent the hierarchical structure of an organization, dynamically modifying the organizational structure often requires manual code editing by technical personnel. This is not only inefficient but also prone to errors.
[0093] In the embodiments described in this specification, the web browser can determine whether the target user has administrative permissions for the target organization's page.
[0094] If so, 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, the managed target organization page is obtained, 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 operations can include drag-and-drop operations.
[0096] In response to a user's drag-and-drop operation on a target page element corresponding to a target node within a target organization page, the system determines the page area occupied by the target page element within the target organization page based on the node coordinates of the target node, and detects whether the target page element overlaps with other page elements. The drag-and-drop operation mentioned here can refer to long-pressing and dragging the target page element, or clicking and dragging the target page element. This specification does not limit the specific method of the drag-and-drop operation.
[0097] If so, calculate the overlap area between the page area of the target page element and the page areas of other page elements, and based on the overlap area, adjust the position of the target page element within the target organization page to obtain the managed target organization page. Specifically, as follows... Figure 4 As shown.
[0098] Figure 4 This is a schematic diagram illustrating a drag-and-drop operation as an exemplary embodiment.
[0099] exist Figure 4 In the process of dragging the page element of member node C2 (1,1,1), it was detected that the page element of member node C2 overlapped with the page element of group node C (1,1). The overlap area between the page elements of member node C2 and group node C was calculated. It can be seen that the overlap area between the page elements of member node C2 and group node C is less than a set threshold and is located to the right of the page element of group node C. Therefore, it is determined that the page element of member node C2 is located to the right of the page element of group node C.
[0100] Furthermore, it was detected that the page element of member node C2 overlaps with the page element of member node D (1, 2), and the overlap area between the page elements of member node C2 and member node D was calculated. It can be seen that the overlap area between the page elements of member node C2 and member node D is less than a set threshold, and it is located to the left of the page element of member node D. Therefore, 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 member node C2 can be adjusted to a position between the page element of group node C and the page element of 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. Correspondingly, the node coordinates of other nodes related to the adjustment of the page element of member node C2 will also be adjusted accordingly.
[0103] Furthermore, a target page element with a node type of group node can contain page elements with a node type of member node; however, a target page element with a node type of group node cannot contain other target page elements with a node type of group node. Therefore, when overlap between a target page element and other page elements is detected, it is necessary to determine the node type of the target page element and the node types of the other page elements to subsequently determine the position of the target page element.
[0104] In the embodiments of this 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, add the target page element to other page elements to obtain the managed target organization page. If no, based on the overlapping area, add the target page element to the hierarchy of other page elements to obtain the managed target organization page.
[0106] If the target page element is determined to be a group node, based on the overlap area, the target page element is added to the hierarchy of other page elements to obtain the managed target organization page. Specifically, as follows... Figure 5 As shown.
[0107] Figure 5 This is an exemplary embodiment illustrating another drag-and-drop operation.
[0108] exist Figure 5In the process of dragging the page element of group node C (1,1), an overlap between the page element of group node C and the page element of group node B (1,0) is detected, and the overlap area between the page elements of group node C and group node B is calculated. Furthermore, since the node type of the page element of group node C and the page element of group node B are both group nodes, the page element of group node C is added to the same level as the page element of group node B.
[0109] Therefore, since the overlap area between the page element of group node C and the page element of group node B is less than the set threshold, and the page element of group node C is located to the left of the page element of group node B, it is determined that the page element of group node C is located to the left of the page element of group node B.
[0110] Figure 6 This is a flowchart illustrating a drag-and-drop operation as an exemplary embodiment.
[0111] exist Figure 6 In step S600, the target user drags and drops the target page element, proceeding to step S601.
[0112] Step S601: Obtain mouse coordinates, determine the current position of the target page element, and proceed to step S602.
[0113] Step S602: Detect whether the target page element overlaps with other page elements. If yes, proceed to step S604; otherwise, proceed to step S603.
[0114] Step S603: Determine whether the dragging has ended. If yes, proceed to step S609; otherwise, proceed to step S601.
[0115] Step S604: Determine whether the node type of the target page element is a group node. If yes, proceed to step S606; otherwise, proceed to step S605.
[0116] Step S605: Determine whether the target page element is dragged into another page element whose node type is a group node. If yes, proceed to step S607; otherwise, proceed to step S608.
[0117] In step S606, do not drag the target page element into the group node, proceed to step S608.
[0118] Step S607: Drag the target page element into the group node, then proceed to step S610.
[0119] Step S608: Calculate the overlap area between the page area of the target page element and the page areas of other page elements, then proceed 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 proceed to step S610.
[0121] Step S610: Synchronize with organizational data, then proceed to step S611.
[0122] Step S611: End the drag and drop.
[0123] In the embodiments described in this specification, the management operation also includes: modification operation.
[0124] In response to a 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 on the target organization page. The modification operations mentioned here can include: adding or deleting groups, adding or deleting group members, modifying group information, modifying group member information, setting group administrators, etc.
[0125] Furthermore, in the embodiments of this specification, management operations also include: performance evaluation, resource allocation, and schedule planning. The performance evaluation function allows managers to assess 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, ensuring the rational use and optimal allocation of resources. The schedule planning function helps organizational members plan and coordinate their schedules.
[0126] As demonstrated by 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 delving into the code level, thereby significantly improving the efficiency of organizational management.
[0127] In the embodiments described in this 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 of the target organization page to more clearly display member information within the virtual organization. For example, the target user can zoom in or out of the target organization page using the mouse wheel. Alternatively, the target user can zoom in or out of the target organization page by clicking the zoom-in button or the zoom-out button. This specification does not limit the method of zooming in or out of the target organization page.
[0129] Furthermore, within the organizational structure of a virtual organization, one group may contain other groups, forming a complex hierarchical structure. In other words, a single group may contain other groups within it. Therefore, the target organization page can support collapsing or expanding other groups within a single group.
[0130] Specifically, in response to a user's collapse operation on a page element with a group node type in the target organization page, the page element with a group node type is collapsed to obtain the collapsed target organization page.
[0131] In response to a target user's operation to expand a page element with a node type of group node in the target organization page, the page element with a node type of 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 unfolding operations of groups, target users can view or hide details of certain levels as needed. This helps target users to hierarchically classify and categorize information within the organizational structure, thereby improving the user experience.
[0133] In the embodiments described in this specification, when a target user performs an operation on a page element in the target organization's page, the user's operation needs to be synchronized to the database, and the organizational data of the virtual organization to which the target user belongs needs to be updated accordingly. This achieves real-time synchronization and updating of organizational data.
[0134] As can be seen from the above method, the 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 entity organization that is executing the target project. By constructing virtual organizations, the collaboration efficiency between multiple organizations is improved, and the complexity and cost of organization 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 the target organization page. The node coordinates are (x, y), where the x-coordinate is the node's level index in the DOM tree, and the y-coordinate is the node's ordinal index within its level. Using these node coordinates, technicians can intuitively see the node's level, improving their processing efficiency.
[0136] Next, it is determined whether the target user has administrative privileges on the target organization page. If so, in response to the target user's administrative action on the target organization page, the managed target organization page is obtained based on the node coordinates of at least one node on the target organization page. This process ensures that only users with administrative privileges can perform administrative operations, thus guaranteeing the security of the target organization page.
[0137] Corresponding to the above-described embodiments of the web browser-based organization management method, this specification also provides an embodiment of a web browser-based organization management device.
[0138] Please see Figure 7 , Figure 7 This is an exemplary embodiment illustrating the structure of an electronic device housing a web browser-based organizational management device. At the hardware level, the device includes a processor 702, an internal bus 704, a network interface 706, memory 708, and non-volatile memory 710, and may also include other necessary hardware. One or more embodiments of this specification can be implemented in software, for example, the processor 702 reads the corresponding computer program from the non-volatile memory 710 into memory 708 and then runs it. Of course, besides software implementation, one or more embodiments of this specification do not exclude other implementation methods, such as logic devices or a combination of hardware and software, etc. That is to say, the execution entity of the following processing flow is not limited to individual logic units, but can also be hardware or logic devices.
[0139] Please see Figure 8 , Figure 8 This is a structural diagram illustrating an exemplary embodiment of a web browser-based organization management device. This web browser-based organization management device can be applied to, for example... Figure 7 The electronic device shown implements the technical solution of this specification. The device may include:
[0140] The acquisition module 800 is used to acquire the 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 entity organization that executes the target project;
[0141] The 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 ordinal index of the node in its hierarchical level.
[0142] The determination module 804 is used to determine whether the target user has management permissions for the target organization page;
[0143] The management module 806 is configured to, if so, respond to the management operation of the target user 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 used to acquire the organization data of the virtual organization to which the target user belongs; and based on the organization data, to construct a Document Object Model (DOM) tree corresponding to the virtual organization to which the target user belongs.
[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 type includes: group node and member node; if the node type of the at least one node is determined to be a member node, the member node is rendered to obtain the page element corresponding to the member node; if the node type of the at least one node is determined to be a group node, it is further determined whether there are child nodes in the group node; if yes, the group node containing child nodes is rendered to obtain the page element corresponding to the group node containing child nodes; if no, the group node is rendered to obtain the 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 hierarchical level, and the z coordinate may be the sequential index of the child node in its group node.
[0146] Optionally, the management operation includes a drag-and-drop operation; the management module 806 is specifically configured to respond to a drag-and-drop operation by the target user on a target page element corresponding to a 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 overlap area between the page area of the target page element and the page areas of the other page elements, and adjust the position of the target page element in the target organization page based on the overlap area to obtain the managed target organization page.
[0147] Optionally, the management module 806 is specifically configured 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 yes, add the target page element to the other page elements based on the overlapping area to obtain the managed target organization page; if no, add the target page element to the level where the other page elements are located based on the overlapping area to obtain the managed target organization page; if it is determined that the node type of the target page element is a group node, add the target page element to the level where the other page elements are located based on the overlapping area 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 configured to, in response to a folding operation by the target user on a page element of type group node in the target organization page, fold the page element of type group node to obtain a folded target organization page; and in response to an expanding operation by the target user on a page element of type group node in the target organization page, expand the page element of type group node to obtain an expanded target organization page.
[0150] The specific implementation process of the functions and roles of each unit in the above device can be found in the implementation process of the corresponding steps in the above method, and will not be repeated here.
[0151] Based on the same concept as the methods described above, this specification also provides an electronic device, including: a processor; a memory for storing processor-executable instructions; wherein the processor performs the steps of the method as described in any of the above embodiments by executing the executable instructions.
[0152] Based on the same concept as the methods described above, this specification also provides a computer-readable storage medium having computer instructions stored thereon that, when executed by a processor, implement the steps of the methods as described in any of the above embodiments.
[0153] Based on the same concept as the methods described above, this specification also provides a computer program product, including a computer program / instructions that, when executed by a processor, implement the steps of the methods as described in any of the above embodiments.
[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, such information should not be limited to these terms. These terms are only used to distinguish information of the same type from one another. For example, first information may also be referred to as second information without departing from the scope of one or more embodiments of this specification, and similarly, second information may also be referred to as first information. Depending on the context, the word "if" as used herein may be interpreted as "when," "in response to a determination," or "when," or "in the event of a determination."
[0155] The above description is merely a preferred embodiment of one or more embodiments of this specification and is not intended to limit the scope of one or more embodiments of this specification. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of one or more embodiments of this specification should be included within the protection scope of one or more embodiments of this specification.
Claims
1. A web browser-based organization and management method, characterized in that, The method is applied to a web browser; the method includes: Obtain the 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 entity organization that executes 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 ordinal index of the node in its hierarchical level. Rendering at least one node in the DOM tree includes: Traverse at least one node in the DOM tree and determine the node type of the at least one node based on the node type field of the at least one node; the node type includes: group node and member node; If it is determined that the node type of the at least one node is a member node, then the member node is rendered to obtain the 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, then it is further determined whether there are child nodes within the group node; if yes, the group node containing child nodes is rendered to obtain the page element corresponding to the group node containing child nodes; if no, the group node is rendered to obtain the page element corresponding to the group node. Determine whether the target user has administrative permissions for the target organization's 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, 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 as described in claim 1, characterized in that, Retrieve the Document Object Model (DOM) tree corresponding to the organization to which the target user belongs, including: Obtain organizational data of the virtual organization to which the target user belongs; Based on the organizational data, a Document Object Model (DOM) tree corresponding to the virtual organization to which the target user belongs is constructed.
3. The method as described in claim 1, characterized in that, The node coordinates are (x, y, z), where the x-coordinate is the hierarchical index of the group node to which the child node belongs in the virtual organization, the y-coordinate is the sequential index of the group node to which the child node belongs in its hierarchical level, and the z-coordinate is the sequential index of the child node to which it belongs in its group node.
4. The method as described in claim 3, characterized in that, The management operations include: drag and drop operations; 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, the managed target organization page is obtained, including: In response to the target user's drag 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. If so, calculate the overlap area between the page area of the target page element and the page areas of the other page elements, and based on the overlap area, adjust the position of the target page element in the target organization page to obtain the managed target organization page.
5. The method as described in claim 4, characterized in that, Based on the overlapping area, the position of the target page element within the target organization page is adjusted to obtain the managed target organization page, including: If the node type of the target page element is determined to be 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; if yes, based on the overlapping area, the target page element is added to the 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 the other page elements are located to obtain the managed target organization page. If the node type of the target page element is determined to be a group node, the target page element is added to the level of the other page elements based on the overlapping area, resulting in the managed target organization page.
6. The method as described in claim 1, characterized in that, The management operations include: modification operations; 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, the managed target organization page is obtained, including: 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.
7. The method as described in claim 1, characterized in that, The method further includes: In response to the target user's collapse operation on a page element with a node type of group node in the target organization page, the page element with a node type of group node is collapsed to obtain the collapsed target organization page. In response to the target user's operation to expand a page element of type group node in the target organization page, the page element of type group node is expanded to obtain the expanded target organization page.
8. A web browser-based organization and management device, characterized in that, The device is used in a web browser; the device includes: The acquisition module is used to acquire the 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 entity organization that executes the target project; The rendering module 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 level index of the node in the virtual organization, and the y coordinate is the order index of the node in its level. Rendering at least one node in the DOM tree includes: Traverse at least one node in the DOM tree and determine the node type of the at least one node based on the node type field of the at least one node; the node type includes: group node and member node; If it is determined that the node type of the at least one node is a member node, then the member node is rendered to obtain the 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, then it is further determined whether there are child nodes within the group node; if yes, the group node containing child nodes is rendered to obtain the page element corresponding to the group node containing child nodes; if no, the group node is rendered to obtain the page element corresponding to the group node. The judgment module is used to determine whether the target user has management permissions for the target organization page; The management module is configured to, if so, respond to the management operation of the target user 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 invoking the machine-readable instructions.
10. A machine-readable storage medium, characterized in that, The machine-readable storage medium stores machine-readable instructions, which, when invoked and executed by a processor, implement the method described in any one of claims 1 to 7.