CN113885766B - Method and device for displaying organization structure diagram, storage medium and terminal equipment - Google Patents
Method and device for displaying organization structure diagram, storage medium and terminal equipment Download PDFInfo
- Publication number
- CN113885766B CN113885766B CN202111122143.6A CN202111122143A CN113885766B CN 113885766 B CN113885766 B CN 113885766B CN 202111122143 A CN202111122143 A CN 202111122143A CN 113885766 B CN113885766 B CN 113885766B
- Authority
- CN
- China
- Prior art keywords
- node
- structure diagram
- user interface
- primary
- organization structure
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000010586 diagram Methods 0.000 title claims abstract description 92
- 230000008520 organization Effects 0.000 title claims abstract description 89
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000004590 computer program Methods 0.000 claims description 6
- 238000001514 detection method Methods 0.000 claims description 4
- 230000002452 interceptive effect Effects 0.000 abstract 1
- 230000008569 process Effects 0.000 description 10
- 230000006870 function Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000006399 behavior Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000005096 rolling process Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000004397 blinking Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000010248 power generation Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Abstract
The application discloses a display method, a device, a storage medium and terminal equipment of an organization structure diagram, and relates to the field of office automation. The utility model provides an interactive function of organizational structure diagram, when demonstrate organizational structure diagram with traditional mode, through the sliding operation on the horizontal scrollbar prejudges user's the action of looking over, show the mode and switch the control in user interface's assigned position, hide each second grade node in the organizational structure diagram and demonstrate all primary nodes with the mode of striding on the trigger operation on the mode switching control, this application switches the view of organizational structure diagram through the control, with the primary node all demonstrate at user interface with the mode of striding, the user of being convenient for master the overall view of organizational structure diagram fast, improve user's efficiency of looking over organizational structure diagram.
Description
Technical Field
The present application relates to the field of office automation, and in particular, to a method and apparatus for displaying an organization structure, a storage medium, and a terminal device.
Background
With the increase of enterprise scale, the number of departments arranged in the enterprise is increased, and the organization structure of the enterprise is more and more complex. In order to facilitate the user to understand the organization structure of the enterprise, the organization structure diagram of the enterprise is generally drawn by using drawing software, and then the organization structure diagram is drawn, however, when the scale of the organization structure diagram is very large, how to quickly browse the organization structure diagram is a problem to be solved at present.
Disclosure of Invention
The embodiment of the application provides a display method, a device, a storage medium and terminal equipment for organization structure diagrams, which solve the problem that users in the related art are inconvenient to browse organization structure diagrams with huge scale. The technical scheme is as follows:
in a first aspect, an embodiment of the present application provides a method for displaying an organization structure, where the method includes:
displaying a first organizational structure diagram in a user interface; the first organization structure diagram is displayed in a tree structure, the first organization structure diagram comprises a main node, a primary node and a secondary node, each node is provided with a name indicator, and the user interface is provided with a transverse scroll bar;
if the duration of the sliding operation on the transverse scroll bar exceeds a duration threshold and at least one node exists in the first organization structure diagram and is located outside a display area of the user interface, a mode switching control is displayed at a designated position of the user interface;
when a first preset triggering operation on the mode switching control is detected, arranging all primary nodes in the first organization structure diagram in a display area of the user interface in a cross-row mode, and generating a second organization structure diagram after hiding all secondary nodes; wherein, when a level one node is associated with a child node, the level one child node is provided with a number indicator representing the number of associated child nodes.
In a second aspect, embodiments of the present application provide a display device of a tissue architecture diagram, the display device comprising:
a display unit for displaying the first organization structure graph in the user interface; the first organization structure diagram is displayed in a tree structure, the first organization structure diagram comprises a main node, a primary node and a secondary node, each node is provided with a name indicator, and the user interface is provided with a transverse scroll bar;
the detection unit is used for displaying a mode switching control at a designated position of the user interface if the duration of the sliding operation on the transverse scroll bar exceeds a duration threshold and at least one node exists in the first organization structure diagram and is located outside a display area of the user interface;
the switching unit is used for arranging all primary nodes in the first organization structure graph in a display area of the user interface in a cross-row mode when a first preset trigger operation on the mode switching control is detected, and generating a second organization structure graph after hiding all secondary nodes; wherein, when a level one node is associated with a child node, the level one child node is provided with a number indicator representing the number of associated child nodes.
In a third aspect, embodiments of the present application provide a computer storage medium storing a plurality of instructions adapted to be loaded by a processor and to perform the above-described method steps.
In a fourth aspect, an embodiment of the present application provides a terminal device, which may include: a processor and a memory; wherein the memory stores a computer program adapted to be loaded by the processor and to perform the above-mentioned method steps.
The technical scheme provided by some embodiments of the present application has the beneficial effects that at least includes:
when the organization structure diagram is displayed in a traditional mode, the checking behavior of a user is prejudged through sliding operation on a transverse scroll bar, a mode switching control is displayed at a designated position of a user interface, all secondary nodes in the organization structure diagram are hidden based on triggering operation on the mode switching control, and all primary nodes are displayed in a cross-row mode.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a flow chart of a method for displaying an organization structure diagram according to an embodiment of the present application;
FIGS. 2-5 are schematic diagrams of user interfaces provided by embodiments of the present application;
fig. 6 is a schematic structural diagram of a display device of a tissue architecture diagram according to an embodiment of the present application;
fig. 7 is a schematic structural diagram of a terminal device according to an embodiment of the present application.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the present application more apparent, the following detailed description of the embodiments of the present application will be given with reference to the accompanying drawings.
When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as detailed in the accompanying claims.
In the description of the present application, it should be understood that the terms "first," "second," and the like are used for descriptive purposes only and are not to be construed as indicating or implying relative importance. The specific meaning of the terms in this application will be understood by those of ordinary skill in the art in a specific context. Furthermore, in the description of the present application, unless otherwise indicated, "a plurality" means two or more. "and/or", describes an association relationship of an association object, and indicates that there may be three relationships, for example, a and/or B, and may indicate: a exists alone, A and B exist together, and B exists alone. The character "/" generally indicates that the context-dependent object is an "or" relationship.
The following describes in detail the method for displaying the tissue architecture diagram according to the embodiment of the present application with reference to fig. 1 to fig. 2. The method may be implemented in dependence on a computer program, and may be run on a display device based on a tissue architecture diagram of the von neumann system. The computer program may be integrated in the application or may run as a stand-alone tool class application. The display device of the organization structure diagram in the embodiment of the application may be a terminal device, including but not limited to a smart phone, a personal computer, a tablet computer, a handheld device, a vehicle-mounted device, a wearable device, a computing device, or other processing devices connected to a wireless modem, etc.
Fig. 1 is a schematic flow chart of a method for displaying an organization structure diagram according to an embodiment of the present application. As shown in fig. 1, the method according to the embodiment of the present application may include the following steps:
s101, displaying a first organization structure diagram in a user interface.
The terminal equipment reads the file and then analyzes the file to display a first organization structure diagram in a user interface, wherein the first organization structure diagram is displayed in a display area of the user interface in a tree structure. The nodes of the application refer to graphical elements displayed in a user interface, each node is provided with a name indicator, and the name can be a department name corresponding to the node; the first organization architecture diagram comprises nodes which are a main node, a primary node and a secondary node; the child node of the primary node is the primary node in this embodiment, and correspondingly, the parent node of the primary node is the primary node; the child node of the primary node is the secondary node in this embodiment, and the parent node of the corresponding secondary node is the primary node. In addition, the user interface is further provided with a lateral scroll bar for sliding the first organizational chart to the left or to the right, for example: the user presses the transverse scroll bar to slide leftwards through a left mouse button, and then the first organization structure graph slides leftwards in the user interface; the user holds down the horizontal scroll bar by the left mouse button to slide to the right and the first organization structure moves to the right in the user interface.
For example, referring to the schematic diagram of the user interface of fig. 1, the user interface 2 includes a title bar 20 and a display area 21, and an organization name indicator "a power generation company" is provided in the title bar 20. After reading the file and parsing the file, the terminal device displays the first organization structure diagram on the display area 21. Since the width of the first organizational structure diagram is greater than the width of the user interface, the nodes of the first organizational structure diagram can only be partially displayed in the user interface. The main node of the first organization structure diagram is yellow river company, and the primary nodes related to the main node are offices, planning development parts, outside the sea and the like. The secondary nodes of the primary node "office" are "news center" and "archive center". The display area 20 is further provided with a transverse scroll bar 22, when the terminal device is a touch screen device, a user can perform a sliding operation on the transverse scroll bar 22 through the touch screen, and when the user presses the transverse scroll bar to slide rightwards, the terminal device continuously displays all the remaining nodes in the first organization structure diagram in the display area.
S102, if the duration of the sliding operation on the transverse scroll bar exceeds a duration threshold and at least one node exists in the first organization structure diagram and is located outside a display area of the user interface, a mode switching control is displayed at a designated position of the user interface.
When the terminal device detects a sliding operation on the transverse scroll bar, the sliding operation may be that a user pushes the transverse scroll bar to drag through a mouse or a finger of the user pushes the transverse scroll bar to drag, the rolling direction of the transverse scroll bar may be rightward sliding, at least one node in the first organization structure graph is located outside a display area of the user interface when the duration of the sliding operation exceeds a duration threshold, and the node is a primary node or a secondary node, that is, the first organization structure graph is not completely displayed in the display area, and at this time, it may be determined that the user is looking at the first organization structure graph. The size of the duration threshold may be determined according to actual requirements, which is not limited in the present application. And displaying a mode switching control at a designated position of the user interface, wherein the designated position can be determined according to actual requirements, the mode switching control is optional and used for providing an interface for user interaction, and the mode switching control can be in the form of a button, a floating window or other forms. Further, the terminal device counts the number of primary nodes included in the first organization structure diagram, and sets a number indicator representing the number in the mode switching control.
For example, referring to fig. 3, the duration threshold is 3 seconds, when the terminal device detects that the duration of the sliding operation on the horizontal scroll bar exceeds 3 seconds, it continues to determine whether each node in the first organization structure diagram is completely displayed on the user interface, if not, the sliding direction of the sliding operation is identified, if the sliding direction is sliding to the right, the mode switch control 23 is a button on the right boundary line of the user interface, and the mode switch control 23 is a button. The terminal equipment counts the number of the first level nodes in the first organization structure graph to 21, and displays a character '21' in the mode switching control 23 to represent the number of the first level nodes.
In one or more possible embodiments, the method further comprises:
executing the process of deleting the attribute value of the node, the newly added node or the modified node when the editing operation of the first org-chart or the second org-chart is detected.
In the process that the transverse scroll bar slides leftwards or rightwards, the terminal device fixedly sets the main node at the position of the central axis of the user interface, so that a user can conveniently check the name of the main node at any time.
And S103, when the first preset trigger operation is detected to occur on the mode switching control, the first organization structure diagram is processed to obtain a second organization structure diagram.
The first preset trigger operation may be a mouse click operation, a mouse double click operation, a single touch operation or other types of operations, which are not limited in this application. When the terminal equipment detects that a first preset trigger operation occurs on the mode switching control, the first organization structure diagram is processed to obtain a second organization structure diagram. The processing process comprises the following steps: and carrying out hiding processing on the secondary nodes in the first organization structure diagram, and arranging all the primary nodes in the first organization structure diagram in a display area of the user interface in a cross-row mode so as to ensure that all the primary nodes are positioned in the display area of the user interface. Further, when a level one node is associated with a child node, the number of associated child nodes is counted, and then a number indicator representing the number is added on the level one node.
For example, when the terminal device detects a mouse click operation on the mode switch control 23, all the secondary nodes in the first organization structure diagram of fig. 3 are subjected to hiding processing, and the number of all the primary nodes is determined to be 21, which are respectively: the office, planning development department, manager department, …, worker office, and banked office, because 21 primary nodes cannot be displayed in a row manner in the display area, the terminal device displays 21 primary nodes across 2 rows, so that all 21 primary nodes are displayed in the display area of the user interface. The terminal equipment counts the number of the sub-nodes of each primary node, if the primary node has the sub-nodes, a number indicator representing the number of the sub-nodes is added in the primary node, as shown in fig. 4, the number of the sub-nodes of the primary node 'office' is 2, the number of the sub-nodes of the primary node 'via-the-barracks' is 2, and the number of the sub-nodes of the primary node 'human resource part' is 2. In addition, in fig. 4, the main node "yellow river company" is always located at the position of the central axis of the display area. Further, the terminal device restores the second organization structure diagram to the first organization structure diagram of fig. 3 when detecting the mouse click operation on the mode switching control 23 under the user interface of fig. 4.
In one or more possible embodiments, for any one primary node in the second organization structure diagram, when the terminal device detects that a second preset trigger operation occurs on the primary node, a positioning control is displayed on the primary node;
and when a third preset triggering operation on the positioning control is detected, displaying the primary node and the associated secondary node in the middle of a user interface, and marking the primary node.
The second preset trigger operation may be an operation that a cursor of the mouse moves to a primary node or other types of operations, the positioning control is an interface of user interaction, the shape of the positioning control may be a circular button, and when the terminal device detects a third preset trigger operation occurring on the positioning control, the third trigger operation may be a mouse operation, for example: the application is not limited by the mouse click operation, the mouse double click operation or other types of operations, the terminal equipment obtains the sub-node (namely the secondary node) of the primary node, and if the primary node is located outside the display area of the user interface, the primary node and the related secondary node are arranged in the middle of the user interface displayed by the user interface, so that the user can check conveniently; if the primary node is located in the display area of the user interface, the position of the primary node is kept unchanged, and meanwhile, the primary node is marked in a highlighting mark or a blinking mark, and the method is not limited in the application. Further, when the terminal device detects a preset trigger operation on the positioning control, the terminal device may display the first organization structure diagram on the user interface, that is, display all the primary nodes and the secondary nodes associated with each primary node. According to the embodiment, the details of any one level of nodes in the organization structure diagram can be quickly checked through the positioning control, and the efficiency of the flow organization structure diagram is further improved.
For example, referring to fig. 4 and 5, when the terminal device detects that the mouse cursor is located on the primary node "office", the positioning control 24 is displayed on the primary node "office", and when the terminal device detects that the mouse click operation on the positioning control 24, it determines that the sub-nodes of the primary node "office" are the "news center" and the "archive center", if the primary node "office" is located in the display area of the user interface, the location of the primary node "office" is kept unchanged, and the primary node "office" and the associated secondary node "news center" and the "archive center" are displayed in the display area of the user interface, so that the terminal device highlights the primary node "office" and the associated two secondary nodes "news centers" and "archive centers" to quickly locate the required primary node. In addition, the secondary nodes associated with other primary nodes are all displayed in the user interface, i.e., the first organization structure diagram is displayed in the user interface.
Further, the present application further includes: when an edit operation to the first organization structure diagram or the second organization structure diagram is detected, a process of deleting a node, adding a node, or modifying an attribute value of the node is performed.
The terminal equipment can delete a first-level node, a newly added first-level node, a second-level node and a newly added second-level node when detecting a preset trigger operation on the editing control; or modifying attribute values of the primary node, and the secondary node, for example: name, shape, font or color, etc.
In the embodiment of the application, when the organization structure diagram is displayed in a traditional mode, the checking behavior of a user is prejudged through sliding operation on the transverse scroll bar, the mode switching control is displayed at the appointed position of the user interface, all secondary nodes in the organization structure diagram are hidden based on triggering operation on the mode switching control, and all primary nodes are displayed in a crossing mode.
The following are device embodiments of the present application, which may be used to perform method embodiments of the present application. For details not disclosed in the device embodiments of the present application, please refer to the method embodiments of the present application.
Referring to fig. 6, a schematic structural diagram of a display device of an organization structure diagram according to an exemplary embodiment of the present application is shown. The presentation means of the organization structure diagram may be implemented as all or part of the terminal device by software, hardware or a combination of both. The device 6 comprises: a display unit 601, a detection unit 602, and a switching unit 603.
A display unit 601 for displaying a first organization structure diagram in a user interface; the first organization structure diagram is displayed in a tree structure, the first organization structure diagram comprises a main node, a primary node and a secondary node, each node is provided with a name indicator, and the user interface is provided with a transverse scroll bar;
a detection unit 602, configured to display a mode switching control at a specified position of the user interface if a duration of a sliding operation occurring on the lateral scroll bar exceeds a duration threshold and at least one node in the first organization structure diagram is located outside a display area of the user interface;
the switching unit 603 is configured to, when detecting a first preset trigger operation that occurs on the mode switching control, arrange all primary nodes in the first organization structure diagram in a display area of the user interface in a cross-row manner, and generate a second organization structure diagram after hiding all secondary nodes; wherein, when a level one node is associated with a child node, the level one child node is provided with a number indicator representing the number of associated child nodes.
In one or more possible embodiments, the mode switch control is located on a border line on the right side of the user interface.
In one or more possible embodiments, further comprising:
the positioning unit is used for detecting that when a second preset trigger operation occurs on a primary node in the second organization structure diagram, a positioning control is displayed on the primary node;
when the third preset triggering operation on the positioning control is detected, the primary sub-node and the associated secondary sub-node are displayed in the middle of the user interface, and the primary sub-node is marked.
In one or more possible embodiments, the second preset trigger operation is: the mouse cursor moves to the upper level node; the third preset operation is a mouse click operation.
In one or more possible embodiments, the way the primary node is marked includes: and performing flicker display on the primary node for a preset time period or performing highlight marking on the primary node.
In one or more possible embodiments, further comprising:
and the fixing unit is used for adjusting the position of the main node to control the main node to be positioned on the central axis of the user interface during the rolling process of the transverse scroll bar.
In one or more possible embodiments, further comprising:
and the editing unit is used for executing the process of deleting the node, adding the node or modifying the attribute value of the node when the editing operation of the first org-chart or the second org-chart is detected.
It should be noted that, when the display device for the organization chart provided in the above embodiment executes the display method for the organization chart, only the division of the above functional modules is used for illustration, in practical application, the above functional allocation may be completed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the functions described above. In addition, the embodiment of the method for recovering user data device and organizing architecture diagram provided in the above embodiment belongs to the same concept, which represents a detailed implementation process in the method embodiment, and is not repeated here.
The foregoing embodiment numbers of the present application are merely for describing, and do not represent advantages or disadvantages of the embodiments.
The embodiment of the present application further provides a computer storage medium, where the computer storage medium may store a plurality of instructions, where the instructions are adapted to be loaded by a processor and execute the method steps of the embodiment shown in fig. 1, and a specific execution process may refer to a specific description of the embodiment shown in fig. 1, which is not repeated herein.
Referring to fig. 7, a schematic structural diagram of a terminal device is provided in an embodiment of the present application. As shown in fig. 7, the terminal device 700 may include: at least one processor 701, at least one network interface 704, a user interface 703, a memory 707, at least one communication bus 702.
Wherein the communication bus 702 is used to enable connected communications between these components.
The user interface 703 may include a Display screen (Display), a Camera (Camera), and the optional user interface 703 may further include a standard wired interface, and a wireless interface.
The network interface 704 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface), among others.
Wherein the processor 701 may include one or more processing cores. The processor 701 connects various parts within the overall terminal device 700 using various interfaces and lines, performs various functions of the terminal device 700 and processes data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 707, and invoking data stored in the memory 707. Alternatively, the processor 701 may be implemented in at least one hardware form of digital signal processing (Digital Signal Processing, DSP), field-Programmable gate array (FPGA), programmable logic array (Programmable Logic Array, PLA). The processor 701 may integrate one or a combination of several of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU), and a modem, etc. The CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing the content required to be displayed by the display screen; the modem is used to handle wireless communications. It will be appreciated that the modem may not be integrated into the processor 701 and may be implemented by a single chip.
The Memory 707 may include a random access Memory (RandomAccess Memory, RAM) or a Read-Only Memory (Read-Only Memory). Optionally, the memory 707 includes a non-transitory computer readable medium (non-transitory computer-readable storage medium). Memory 707 may be used to store instructions, programs, code, sets of codes, or sets of instructions. The memory 707 may include a stored program area that may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing the various method embodiments described above, etc., and a stored data area; the storage data area may store data or the like referred to in the above respective method embodiments. The memory 707 may also optionally be at least one storage device located remotely from the aforementioned processor 701. As shown in fig. 7, an operating system, network communication modules, user interface modules, and application programs may be included in memory 707, which is one type of computer storage medium.
In the terminal device 700 shown in fig. 7, the user interface 703 is mainly used for providing an input interface for a user, and acquiring data input by the user; and processor 701 may be used to invoke the application program stored in memory 707 and to perform in particular the method shown in figure 1.
The embodiments of the present application and the method embodiment of fig. 1 belong to the same concept, and the technical effects brought by the embodiments are the same, and the specific process may refer to the description of fig. 1, which is not repeated here.
Those skilled in the art will appreciate that implementing all or part of the above-described methods in accordance with the embodiments may be accomplished by way of a computer program stored on a computer readable storage medium, which when executed may comprise the steps of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a read-only memory, a random access memory, or the like.
The foregoing disclosure is only illustrative of the preferred embodiments of the present application and is not intended to limit the scope of the claims herein, as the equivalent of the claims herein shall be construed to fall within the scope of the claims herein.
Claims (10)
1. A method of displaying a tissue architecture diagram, comprising:
displaying a first organizational structure diagram in a user interface; the first organization structure diagram is displayed in a tree structure, the first organization structure diagram comprises a main node, a primary node and a secondary node, each node is provided with a name indicator, and the user interface is provided with a transverse scroll bar;
if the duration of the sliding operation on the transverse scroll bar exceeds a duration threshold and at least one node exists in the first organization structure diagram and is located outside a display area of the user interface, a mode switching control is displayed at a designated position of the user interface;
when a first preset triggering operation on the mode switching control is detected, arranging all primary nodes in the first organization structure diagram in a display area of the user interface in a cross-row mode, and generating a second organization structure diagram after hiding all secondary nodes; and when any one of the primary nodes is associated with a secondary node, the primary child node associated with the secondary node is provided with a quantity indicator which indicates the sum of the quantity of the associated secondary nodes and indicates the quantity.
2. The method of claim 1, wherein the mode switch control is located on a border line on a right side of the user interface.
3. The method according to claim 1 or 2, further comprising:
when a second preset trigger operation is detected to occur on a primary node in the second organization structure diagram, a positioning control is displayed on the primary node;
when a third preset triggering operation is detected to occur on the positioning control, if the primary node is located outside the display area of the user interface, the primary sub-node and the associated secondary sub-node are displayed in the middle of the user interface, and the primary sub-node is marked; the third preset triggering operation is a mouse clicking operation or a mouse double clicking operation.
4. A method according to claim 3, wherein the second preset trigger operation is: the mouse cursor is moved over the primary node.
5. A method according to claim 3, wherein the means for marking the primary node comprises: and performing flicker display on the primary node for a preset time period or performing highlight marking on the primary node.
6. The method of claim 1 or 2 or 4 or 5, further comprising:
during the scrolling of the lateral scroll bar, the position of the master node is adjusted to control the master node to be located on the central axis of the user interface.
7. The method as recited in claim 6, further comprising:
when the editing operation of the first organization structure diagram or the second organization structure diagram is detected, the processing of deleting the node, adding the node or modifying the attribute value of the node is executed.
8. A display device for organizing a architectural drawing, comprising:
a display unit for displaying the first organization structure graph in the user interface; the first organization structure diagram is displayed in a tree structure, the first organization structure diagram comprises a main node, a primary node and a secondary node, each node is provided with a name indicator, and the user interface is provided with a transverse scroll bar;
the detection unit is used for displaying a mode switching control at a designated position of the user interface if the duration of the sliding operation on the transverse scroll bar exceeds a duration threshold and at least one node exists in the first organization structure diagram and is located outside a display area of the user interface;
the switching unit is used for arranging all primary nodes in the first organization structure graph in a display area of the user interface in a cross-row mode when a first preset trigger operation on the mode switching control is detected, and generating a second organization structure graph after hiding all secondary nodes; and when any one of the primary nodes is associated with a secondary node, the primary child node associated with the secondary node is provided with a quantity indicator which indicates the sum of the quantity of the associated secondary nodes and indicates the quantity.
9. A terminal device, comprising: a processor and a memory, wherein the memory is for storing a computer program comprising program instructions, the processor being for invoking the program instructions to perform the method of any of claims 1-7.
10. A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program comprising program instructions which, when executed by a processor, cause the processor to perform the method of any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111122143.6A CN113885766B (en) | 2021-09-24 | 2021-09-24 | Method and device for displaying organization structure diagram, storage medium and terminal equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111122143.6A CN113885766B (en) | 2021-09-24 | 2021-09-24 | Method and device for displaying organization structure diagram, storage medium and terminal equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113885766A CN113885766A (en) | 2022-01-04 |
| CN113885766B true CN113885766B (en) | 2024-02-09 |
Family
ID=79006533
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111122143.6A Active CN113885766B (en) | 2021-09-24 | 2021-09-24 | Method and device for displaying organization structure diagram, storage medium and terminal equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113885766B (en) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007018187A (en) * | 2005-07-06 | 2007-01-25 | Fuji Xerox Co Ltd | Tree structure display program, tree structure display method and tree structure display device |
| CN103793135A (en) * | 2013-12-31 | 2014-05-14 | 远光软件股份有限公司 | User interface tree-structure display method and system |
| CN108573050A (en) * | 2018-04-20 | 2018-09-25 | 广州视源电子科技股份有限公司 | Total nodal point generation method, device, equipment and the storage medium of mind map |
| CN109117051A (en) * | 2018-09-05 | 2019-01-01 | 广州视源电子科技股份有限公司 | Methods of exhibiting, device, equipment and the storage medium of mind map |
| CN109324722A (en) * | 2018-07-23 | 2019-02-12 | 广州视源电子科技股份有限公司 | Node adding method, device, equipment and the storage medium of mind map |
| CN109408685A (en) * | 2018-09-29 | 2019-03-01 | 天津字节跳动科技有限公司 | Mind map methods of exhibiting and device |
| CN109871357A (en) * | 2018-12-14 | 2019-06-11 | 深圳壹账通智能科技有限公司 | Project document display methods, device, electronic equipment and storage medium |
| CN109933675A (en) * | 2019-03-29 | 2019-06-25 | 广州视源电子科技股份有限公司 | A kind of display methods of mind map, device, equipment and storage medium |
| CN110083282A (en) * | 2019-04-26 | 2019-08-02 | 腾讯科技（深圳）有限公司 | Man-machine interaction method, device, terminal and medium based on information displayed page |
| CN113255302A (en) * | 2021-06-22 | 2021-08-13 | 金蝶软件（中国）有限公司 | Method for operating tissue architecture diagram, computer device and computer storage medium |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7337401B2 (en) * | 2002-12-18 | 2008-02-26 | Microsoft Corporation | User interface element representation with simplified view |
| US7242413B2 (en) * | 2003-05-27 | 2007-07-10 | International Business Machines Corporation | Methods, systems and computer program products for controlling tree diagram graphical user interfaces and/or for partially collapsing tree diagrams |
| WO2009072436A1 (en) * | 2007-12-06 | 2009-06-11 | Nec Corporation | Hierarchy structure display device, hierarchy structure display method and hierarchy structure display control program |
| US8205171B2 (en) * | 2009-09-01 | 2012-06-19 | Oracle International Corporation | System and method for providing graphical user interface displaying multiple views |
| US20120030631A1 (en) * | 2010-07-27 | 2012-02-02 | International Computer Consulting Organization, Inc. | Tree control with enhanced hierarchy visibility |
| US10026061B2 (en) * | 2012-05-14 | 2018-07-17 | Macromicro Llc | Interactive organization visualization tools for use in analyzing multivariate human-resource data of organizations |
| US20140282118A1 (en) * | 2013-03-15 | 2014-09-18 | Konica Minolta Laboratory U.S.A., Inc. | Graphical user interface displaying multi-branched browsing history tree for web navigation |
| US11182048B2 (en) * | 2019-05-16 | 2021-11-23 | Microsoft Technology Licensing, Llc | Scoped view of file tree |
-
2021
- 2021-09-24 CN CN202111122143.6A patent/CN113885766B/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007018187A (en) * | 2005-07-06 | 2007-01-25 | Fuji Xerox Co Ltd | Tree structure display program, tree structure display method and tree structure display device |
| CN103793135A (en) * | 2013-12-31 | 2014-05-14 | 远光软件股份有限公司 | User interface tree-structure display method and system |
| CN108573050A (en) * | 2018-04-20 | 2018-09-25 | 广州视源电子科技股份有限公司 | Total nodal point generation method, device, equipment and the storage medium of mind map |
| CN109324722A (en) * | 2018-07-23 | 2019-02-12 | 广州视源电子科技股份有限公司 | Node adding method, device, equipment and the storage medium of mind map |
| CN109117051A (en) * | 2018-09-05 | 2019-01-01 | 广州视源电子科技股份有限公司 | Methods of exhibiting, device, equipment and the storage medium of mind map |
| CN109408685A (en) * | 2018-09-29 | 2019-03-01 | 天津字节跳动科技有限公司 | Mind map methods of exhibiting and device |
| CN109871357A (en) * | 2018-12-14 | 2019-06-11 | 深圳壹账通智能科技有限公司 | Project document display methods, device, electronic equipment and storage medium |
| CN109933675A (en) * | 2019-03-29 | 2019-06-25 | 广州视源电子科技股份有限公司 | A kind of display methods of mind map, device, equipment and storage medium |
| CN110083282A (en) * | 2019-04-26 | 2019-08-02 | 腾讯科技（深圳）有限公司 | Man-machine interaction method, device, terminal and medium based on information displayed page |
| CN113255302A (en) * | 2021-06-22 | 2021-08-13 | 金蝶软件（中国）有限公司 | Method for operating tissue architecture diagram, computer device and computer storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113885766A (en) | 2022-01-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2990924B1 (en) | Gesture-based on-chart data filtering | |
| CN108279964B (en) | Method and device for realizing covering layer rendering, intelligent equipment and storage medium | |
| KR101794373B1 (en) | Temporary formatting and charting of selected data | |
| KR101811464B1 (en) | Spin control user interface for selecting options | |
| US9824470B2 (en) | Use of dynamic numeric axis to indicate and highlight data ranges | |
| US20150149951A1 (en) | Live previews for multitasking and state management | |
| KR101773574B1 (en) | Method for chart visualizing of data table | |
| US9418178B2 (en) | Controlling a size of hierarchical visualizations through contextual search and partial rendering | |
| US20120054653A1 (en) | Visualizing user interfaces | |
| US20140129985A1 (en) | Touch based selection of graphical elements | |
| CN103035031B (en) | Towards the three-dimensional man-machine interaction display control method of grid operating monitoring | |
| CN112506502B (en) | Visual programming method, device, equipment and storage medium based on man-machine interaction | |
| US20140164896A1 (en) | Method And System For Expanding And Collapsing Data Cells In A Spreadsheet Application | |
| CN113407284A (en) | Navigation interface generation method and device, storage medium and electronic equipment | |
| CN114115681A (en) | Page generation method and device, electronic equipment and medium | |
| KR101910179B1 (en) | Web-based chart library system for data visualization | |
| KR101614792B1 (en) | Production system of 3d infographic for big data visualization | |
| US20100079465A1 (en) | Intuitively connecting graphical shapes | |
| CN113407168A (en) | Editing method and device of page elements, storage medium and terminal | |
| US20180081885A1 (en) | Handoff support in asynchronous analysis tasks using knowledge transfer graphs | |
| CN113885766B (en) | Method and device for displaying organization structure diagram, storage medium and terminal equipment | |
| JP2013206020A (en) | Task flow generation support system and task flow generation method | |
| CN115526015B (en) | Command interaction-based power grid diagram generation method, device, medium and equipment | |
| CN115794980A (en) | Data display method, equipment, device and medium | |
| CN115238652A (en) | Table data generation method and device, electronic equipment and readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |