CN113255302A - 组织架构图操作方法、计算机设备及计算机存储介质 - Google Patents

Abstract

本申请实施例公开了一种组织架构图操作方法、计算机设备及计算机存储介质，用于生成组织架构图并直观地展示组织架构图的编辑效果。本申请实施例包括：计算机设备获取预先设置的架构图样式，接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标，在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图，根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果，因此，编辑效果即时反馈，用户可以看到编辑的实时效果，可直接在组织架构图中输入编辑指令，无需跳转到其他页面中去输入编辑信息，方便用户对组织架构图的编辑操作。

Description

组织架构图操作方法、计算机设备及计算机存储介质

技术领域

本申请实施例涉及数据处理领域，具体涉及一种组织架构图操作方法、计算机设备及计算机存储介质。

背景技术

在具有多节点的团体节点中，例如具有多个子公司的大集团、具有多个部门的企业或者具有多个合作方的项目团队，需要建立组织架构图来表示多个节点之间的关联关系。目前组织架构图多数采用树状图。

应用程序向用户展示组织架构图，当用户需要对现有的组织架构图进行编辑时，应用程序会提供一个新的界面，新的界面中显示列表或者图表，用户只能在该列表或者图表中输入对组织架构图的编辑信息，编辑信息可以是新增节点、修改节点名称、移动节点以改变节点之间的上下级关系等编辑操作对应的信息。用户在该列表或者图表中输入编辑信息之后点击确认按钮确认编辑信息，则应用程序通过该列表或者图表接收到用户输入的编辑信息之后，根据该编辑信息对组织架构图进行编辑和修改，并向用户展示编辑后的组织架构图。

可见，目前对组织架构图的编辑方式并不直观，用户在输入编辑信息之后无法即时或者实时地看到编辑效果。在应用程序根据编辑信息编辑和修改组织架构图并展示编辑后的组织架构图之后，若用户不满意编辑后的组织架构图，则需要再重新返回至该列表或者图表，并在该列表或者图表中重新输入编辑信息，请求应用程序重新编辑。因此，编辑效果无法实时直观地展示，这给用户编辑组织架构图带来不便，影响用户的工作效率。

发明内容

本申请实施例提供了一种组织架构图操作方法、计算机设备及计算机存储介质，用于生成组织架构图并直观地展示组织架构图的编辑效果，方便用户编辑。

本申请实施例第一方面提供了一种组织架构图操作方法，所述方法应用于计算机设备，所述方法包括：

获取预先设置的架构图样式，所述架构图样式用于表示组织架构图的显示样式；

接收目标节点的节点数据，根据所述目标节点的节点数据计算所述目标节点在所述架构图样式中的坐标；

在前端页面中将所述目标节点的节点数据渲染至所述架构图样式中所述目标节点的坐标对应的显示位置，得到组织架构图；

接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果。

本申请实施例第二方面提供了一种计算机设备，所述计算机设备包括：

获取单元，用于获取预先设置的架构图样式，所述架构图样式用于表示组织架构图的显示样式；

计算单元，用于接收目标节点的节点数据，根据所述目标节点的节点数据计算所述目标节点在所述架构图样式中的坐标；

生成单元，用于在前端页面中将所述目标节点的节点数据渲染至所述架构图样式中所述目标节点的坐标对应的显示位置，得到组织架构图；

编辑单元，用于接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果。

本申请实施例第三方面提供了一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现前述第一方面的方法。

本申请实施例第四方面提供了一种计算机存储介质，计算机存储介质中存储有指令，该指令在计算机上执行时，使得计算机执行前述第一方面的方法。

从以上技术方案可以看出，本申请实施例具有以下优点：

本申请实施例中，计算机设备获取预先设置的架构图样式，接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标，在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图，用户可以在节点结构图上直接输入编辑指令，计算机设备根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果，因此，编辑效果即时反馈，用户可以看到编辑的实时效果，可直接在组织架构图中输入编辑指令，无需跳转到其他页面中去输入编辑信息，方便用户对组织架构图的编辑操作，提升了用户编辑组织架构图的效率。

附图说明

图1为本申请实施例中组织架构图操作方法一个流程示意图；

图2为本申请实施例中组织架构图操作方法另一流程示意图；

图3为本申请实施例中计算机设备一个结构示意图；

图4为本申请实施例中计算机设备另一结构示意图。

具体实施方式

本申请实施例提供了一种组织架构图操作方法、计算机设备及计算机存储介质，用于生成组织架构图并直观地展示组织架构图的编辑效果，方便用户编辑。

请参阅图1，本申请实施例中组织架构图操作方法一个实施例包括：

101、获取预先设置的架构图样式；

本实施例的方法可应用于计算机设备，计算机设备可响应用户输入的生成组织架构图的指令，获取预先设置的架构图样式，该架构图样式用于表示组织架构图的显示样式，组织架构图的显示样式包括视觉上的任意显示效果，例如可包括组织架构图的节点的形状或者图案、节点的图形的长度宽度等视觉上的显示效果。

102、接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标；

计算机设备可以向该架构图样式写入各个节点的节点数据，因此，计算机设备获取目标节点的节点数据，并根据目标节点的节点数据计算该目标节点在架构图样式中的坐标，目标节点在架构图样式中的坐标可用于确定目标节点在组织架构图中的位置。

103、在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图；

计算机设备可向用户提供一个前端页面用于显示数据处理结果。在计算得到目标节点在架构图样式中的坐标之后，计算机设备在前端页面中将目标节点的节点数据渲染至架构图样式中该目标节点的坐标对应的显示位置。在对架构图样式完成多个目标节点的节点数据的渲染之后，可得到组织架构图，组织架构图呈现了该多个目标节点之间的关联关系。

104、接收用户在组织架构图上输入的编辑指令，根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果；

生成组织架构图之后，用户可直接在组织架构图上输入编辑指令，则计算机设备根据用户输入的编辑指令，执行对该组织架构图的编辑操作，并实时地将编辑操作对应的编辑效果呈现在前端页面上，用户可以看到编辑的实时效果，编辑效果即时反馈。

本实施例中，计算机设备获取预先设置的架构图样式，接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标，在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图，用户可以在节点结构图上直接输入编辑指令，计算机设备根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果，因此，编辑效果即时反馈，用户可以看到编辑的实时效果，可直接在组织架构图中输入编辑指令，无需跳转到其他页面中去输入编辑信息，方便用户对组织架构图的编辑操作，提升了用户编辑组织架构图的效率。

下面将在前述图1所示实施例的基础上，进一步详细地描述本申请实施例。请参阅图2，本申请实施例中组织架构图操作方法另一实施例包括：

201、获取预先设置的架构图样式；

本实施例中，架构图样式可包括组织架构图中的节点的相关参数、节点图形的显示样式等涉及组织架构图显示效果的信息。例如，组织架构图中的节点的相关参数可以是节点图形的长度或者宽度、节点之间的距离等参数，节点图形的显示样式可以是节点所显示的节点数据的显示方向（如横向或者竖向）、节点图形的形状、填充颜色、图案等显示样式。

用户可以预先设置架构图样式，自定义组织架构图的显示样式，以使组织架构图符合自己的观看习惯。

202、接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标；

目标节点的节点数据为与目标节点有关的任何数据，具体可包括目标节点的名称、节点形态、节点类型等数据，还可包括与目标节点有关的其他节点的信息，例如包括目标节点的上下级节点的信息。因此，根据目标节点的节点数据，可确定出该目标节点的相关信息。

在获得目标节点的节点数据之后，由于架构图样式所涉及的参数和显示样式等信息已经被确定，因此，可以根据目标节点的节点数据计算目标节点在架构图样式中的坐标，以确定目标节点的节点数据将要显示在组织架构图中的位置。

例如，架构图样式可以是树状图的形式，树状图的根节点可以是级别最大的节点，根节点以下的子节点则对应该级别最大的节点的下级节点，且设定该根节点的坐标，则可以根据目标节点与该级别最大的节点之间的关系（上下级关系或者同级关系）以及根节点的坐标、节点图形的长度或者宽度、节点之间的距离等预设参数计算出目标节点在架构图样式中的坐标。以此类推，可以递归计算出其他目标节点的坐标，从而确定出多个目标节点在架构图样式中的显示位置。

203、在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图；

确定出目标节点在架构图样式中的坐标，即确定了目标节点的节点数据在架构图样式中的显示位置，则计算机设备在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，当多个目标节点的节点数据均渲染完成时，即得到组织架构图，组织架构图呈现了组织下的多个节点之间的关系。

本实施例中，可通过开源技术D3.JS实现组织架构图的图形展示，在D3.JS的基础上封装一些显示样式设置方法，可实现不同组织形态的组织以不同的样式展示。用户可以很直观地看到组织架构的整体上下级结构以及不同的组织形态的组织分布。D3(Data-Driven Document)即JavaScript的函数库，拥有强大的生态和社区支撑的开源框架，可用于做数据可视化。因此，可选择D3框架作为对组织架构图的辅助绘图工具并借助canvas画布来绘制组织架构图，绘制得到的组织架构图的格式可以是SVG图像文件格式（scalablevector graphics）。

本实施例中，节点为组织的组成要素，例如节点可以是大集团下的子公司、企业下的部门、项目团队内部的各方等等。组织架构图中的节点可显示节点数据，节点数据具体可包括节点的名称、节点形态、节点类型等数据。例如，显示节点名称为人力资源部、组织形态为行政组织、组织类型为部门、负责人岗位为人力资源部经理、部门人数为15人等节点数据。

此外，组织架构图可图形化展示，即组织架构图中的节点以图形显示，并且以不同的图形来区别显示多个节点，便于区分出不同形态的节点。

组织架构图中节点的下级节点可以隐藏，也可以展开显示。当用户点击展开显示下级节点时，计算机设备可以适应性地调整其他节点的位置，以使得下级节点获得足够的显示区域来显示节点数据。

204、接收用户在组织架构图上输入的编辑指令，根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果；

在一个实施例中，由于编辑指令表示了用户需要对组织架构图作出变更，且有些情况下组织架构图作出变更需要审批通过之后才能生效，因此，当接收到用户在组织架构图上输入的编辑指令时，可根据该编辑指令创建组织变更申请单，则组织变更申请单将记录编辑指令所指示的编辑事项，组织变更申请单的每一条分录将记录一个节点的编辑事项，在审批时可查看组织变更申请单所记录的编辑事项来决定是否批准组织架构图的变更。当判断组织变更申请单审批通过时，可进一步根据组织变更申请单所记录的编辑事项更新组织架构图的组织架构数据库表，根据更新后的所述组织架构数据库表在所述前端页面中展示确定的组织架构图。所述确定的组织架构图，是指最终生效应用的组织架构图。因此，本发明可直接在组织架构图编辑，并将编辑事项直接加入申请单审批工作流，使得组织架构图的编辑审批工作与组织架构图在计算机设备上的编辑操作联动结合，体现组织架构图修改的规范性，同时联通了组织架构的修改和审批流程，整个操作流程方便快捷，提高了工作效率。同时，在组织架构的修改审批通过之后，计算机设备即自动地根据组织变更申请单中的编辑事项更新后台的组织架构数据库表，无需如现有技术由用户在审批通过后再手动去更新修改后台组织架构数据，可减少用户的操作，实现了组织架构数据的智能化更新，用户体验更好。

其中，组织架构数据库表具体可包括组织基本信息表、组织基本信息历史表、组织上下级结构表、组织上下级结构历史表等关于组织架构图的数据表，通过组织架构数据库表可获知组织架构的基本概况或者详情信息。

对组织架构图的编辑指令可以指示任意形式的编辑操作，例如可以是新增节点、移动节点或者修改节点的节点数据等编辑操作。

在一种优选的实施方式中，计算机设备接收用户在组织架构图上输入的节点新增指令，节点新增指令携带待新增节点的节点数据，则计算机设备响应该节点新增指令，根据待新增节点的节点数据计算待新增节点在组织架构图中的坐标，并将待新增节点的节点数据渲染至组织架构图中待新增节点的坐标对应的显示位置，得到新增节点的组织架构图，进而在前端页面中展示新增节点的组织架构图。因此，用户可以即时看到新增节点的组织架构图的实时编辑效果，可以快速地确定是否接受当前显示的编辑效果，提高组织架构图的编辑效率。

在另一优选的实施方式中，计算机设备接收用户在组织架构图上输入的节点数据修改指令，节点数据修改指令携带待修改节点的目标节点数据，则计算机设备响应该节点数据修改指令，将待修改节点的当前节点数据修改为目标节点数据，得到修改节点数据的组织架构图，并在前端页面中展示修改节点数据的组织架构图，从而实现节点数据的修改和实时查看节点数据的修改效果。

在另一优选的实施方式中，计算机设备接收用户在组织架构图上输入的节点移动指令，该节点移动指令携带待移动节点的目标显示位置，则计算机设备响应该节点移动指令，将待移动节点由当前的显示位置移动至目标显示位置，得到移动节点的组织架构图，并在前端页面中展示移动节点的组织架构图，从而在组织架构图中即可实现节点的移动，以及节点移动的编辑效果即时反馈。

在执行编辑操作时，计算机设备可对编辑操作进行业务校验，以校验编辑操作是否符合预设的限制规则。例如，限制规则表示行政组织的上级不能是项目团队，则业务校验可以是校验编辑操作之后得到的组织架构图中，是否存在行政组织的上级为项目团队这一情况，若存在，则撤销本次编辑，恢复至之前的组织架构图；限制规则表示节点的上级不能为空，若校验确定某一节点的上级为空，则撤销本次编辑；限制规则表示集团的上级不能是部门，当确定集团的上级为部门时，则撤销本次编辑；此外，业务校验也可以校验输入编辑指令的用户是否具备编辑组织架构图的权限，若不具备该权限，则撤销该用户请求的编辑操作。

在前端页面展示了编辑操作对应的编辑效果之后，用户可点击保存按钮保存本次编辑，进而计算机设备将本次编辑对应的编辑操作以及编辑效果（即编辑完成的组织架构图）保存在组织架构图的数据库表中，从而根据该数据库表即可查看到组织架构图的基本信息以及历次编辑的详情信息。

此外，组织架构图的节点可显示为卡片图形，用户还可以对组织架构图中节点的卡片图形进行缩放，进而计算机设备根据用户对卡片图形的缩放操作，动态地调整卡片图形中节点数据的显示方式，例如调整节点数据的文字排版，以使得文字内容适应卡片图形的尺寸，使得文字内容完整显示。

205、接收用户输入的对组织架构图的导出指令，将组织架构图按照导出指令所指示的数据格式导出；

在生成组织架构图之后，用户还可以请求导出该组织架构图，导出的组织架构图的数据格式可以是用户要求的任意数据格式。具体的，用户输入对该组织架构图的导出指令，则计算机设备响应该导出指令，将组织架构图按照该导出指令所指示的数据格式导出，该导出指令所指示的数据格式可以是任意的，例如可以是PDF格式、图片数据格式或者PPT格式。

当导出指令所指示的数据格式为PPT格式时，导出PPT格式的组织架构图的具体步骤是，导出预先配置的空白PPT文件，将空白PPT文件的后缀修改为Zip文件格式，得到压缩文件，压缩文件包括XML文件，XML文件包括PPT样式及部分数据，并将XML文件中的部分数据替换为组织架构图的节点数据，得到目标PPT文件，则目标PPT文件包括XML文件中的PPT样式及组织架构图的节点数据，由于该目标PPT文件处于压缩状态，因此，需要对包括该目标PPT文件的压缩文件进行解压以导出目标PPT文件，从而实现导出PPT格式的组织架构图。

本实施例中，支持用户自定义组织架构图的展示样式，使得组织架构图的展示更符合用户需求。在组织架构图上支持节点的移动、新增以及编辑，使得组织架构图不仅可以展示，还可以进行一些日常维护，支持用户对组织架构图进行操作，并且可以将操作后的组织架构图以PPT、图片等数据格式导出，方便用户做工作汇报，流程审批等。

上面对本申请实施例中的组织架构图操作方法进行了描述，下面对本申请实施例中的计算机设备进行描述，请参阅图3，本申请实施例中计算机设备一个实施例包括：

获取单元301，用于获取预先设置的架构图样式，架构图样式用于表示组织架构图的显示样式；

计算单元302，用于接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标；

生成单元303，用于在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图；

编辑单元304，用于接收用户在组织架构图上输入的编辑指令，根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果。

本实施例一种优选的实施方式中，编辑单元304还用于根据编辑指令创建组织变更申请单，组织变更申请单记录编辑指令所指示的编辑事项；判断组织变更申请单是否审批通过，若是，则根据编辑事项更新组织架构图的组织架构数据库表，根据更新后的组织架构数据库表在前端页面中展示确定的组织架构图。

本实施例一种优选的实施方式中，编辑单元304具体用于接收用户在组织架构图上输入的节点新增指令，节点新增指令携带待新增节点的节点数据；响应节点新增指令，根据待新增节点的节点数据计算待新增节点在组织架构图中的坐标；将待新增节点的节点数据渲染至组织架构图中待新增节点的坐标对应的显示位置，得到新增节点的组织架构图；在前端页面中展示新增节点的组织架构图。

本实施例一种优选的实施方式中，编辑单元304具体用于接收用户在组织架构图上输入的节点数据修改指令，节点数据修改指令携带待修改节点的目标节点数据；响应节点数据修改指令，将待修改节点的当前节点数据修改为目标节点数据，得到修改节点数据的组织架构图；在前端页面中展示修改节点数据的组织架构图。

本实施例一种优选的实施方式中，编辑单元304具体用于接收用户在组织架构图上输入的节点移动指令，节点移动指令携带待移动节点的目标显示位置；响应节点移动指令，将待移动节点由当前的显示位置移动至目标显示位置，得到移动节点的组织架构图；在前端页面中展示移动节点的组织架构图。

本实施例一种优选的实施方式中，计算机设备还包括：

导出单元305，用于接收用户输入的对组织架构图的导出指令，将组织架构图按照导出指令所指示的数据格式导出。

本实施例一种优选的实施方式中，导出单元305具体用于导出预先配置的空白PPT文件，将空白PPT文件的后缀修改为Zip文件格式，得到压缩文件，压缩文件包括XML文件，XML文件包括PPT样式及部分数据；将XML文件中的部分数据替换为组织架构图的节点数据，得到目标PPT文件，目标PPT文件包括XML文件中的PPT样式及组织架构图的节点数据；对包括目标PPT文件的压缩文件进行解压以导出目标PPT文件。

本实施例中，计算机设备中各单元所执行的操作与前述图1至图2所示实施例中描述的类似，此处不再赘述。

本实施例中，获取单元301获取预先设置的架构图样式，计算单元302接收目标节点的节点数据，根据目标节点的节点数据计算目标节点在架构图样式中的坐标，生成单元303在前端页面中将目标节点的节点数据渲染至架构图样式中目标节点的坐标对应的显示位置，得到组织架构图，用户可以在节点结构图上直接输入编辑指令，编辑单元304根据编辑指令执行对组织架构图的编辑操作，并在前端页面中展示编辑操作对应的编辑效果，因此，编辑效果即时反馈，用户可以看到编辑的实时效果，可直接在组织架构图中输入编辑指令，无需跳转到其他页面中去输入编辑信息，方便用户对组织架构图的编辑操作，提升了用户编辑组织架构图的效率。

下面对本申请实施例中的计算机设备进行描述，请参阅图4，本申请实施例中计算机设备一个实施例包括：

该计算机设备400可以包括一个或一个以上中央处理器（central processingunits，CPU）401和存储器405，该存储器405中存储有一个或一个以上的应用程序或数据。

其中，存储器405可以是易失性存储或持久存储。存储在存储器405的程序可以包括一个或一个以上模块，每个模块可以包括对计算机设备中的一系列指令操作。更进一步地，中央处理器401可以设置为与存储器405通信，在计算机设备400上执行存储器405中的一系列指令操作。

计算机设备400还可以包括一个或一个以上电源402，一个或一个以上有线或无线网络接口403，一个或一个以上输入输出接口404，和/或，一个或一个以上操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM, LinuxTM，FreeBSDTM等。

该中央处理器401可以执行前述图1至图2所示实施例中计算机设备所执行的操作，具体此处不再赘述。

本申请实施例还提供了一种计算机存储介质，其中一个实施例包括：该计算机存储介质中存储有指令，该指令在计算机上执行时，使得该计算机执行前述图1至图2所示实施例中计算机设备所执行的操作。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，read-onlymemory）、随机存取存储器（RAM，random access memory）、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (10)

1.一种组织架构图操作方法，其特征在于，所述方法包括：

获取预先设置的架构图样式，所述架构图样式用于表示组织架构图的显示样式；

接收目标节点的节点数据，根据所述目标节点的节点数据计算所述目标节点在所述架构图样式中的坐标；

在前端页面中将所述目标节点的节点数据渲染至所述架构图样式中所述目标节点的坐标对应的显示位置，得到组织架构图；

接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果。

2.根据权利要求1所述的方法，其特征在于，所述接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果之后，所述方法还包括：

根据所述编辑指令创建组织变更申请单，所述组织变更申请单记录所述编辑指令所指示的编辑事项；

判断所述组织变更申请单是否审批通过，若是，则根据所述编辑事项更新所述组织架构图的组织架构数据库表，根据更新后的所述组织架构数据库表在所述前端页面中展示确定的组织架构图。

3.根据权利要求1所述的方法，其特征在于，所述接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果，包括：

接收用户在所述组织架构图上输入的节点新增指令，所述节点新增指令携带待新增节点的节点数据；

响应所述节点新增指令，根据所述待新增节点的节点数据计算所述待新增节点在所述组织架构图中的坐标；

将所述待新增节点的节点数据渲染至所述组织架构图中所述待新增节点的坐标对应的显示位置，得到新增节点的组织架构图；

在所述前端页面中展示所述新增节点的组织架构图。

4.根据权利要求1所述的方法，其特征在于，所述接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果，包括：

接收用户在所述组织架构图上输入的节点数据修改指令，所述节点数据修改指令携带待修改节点的目标节点数据；

响应所述节点数据修改指令，将所述待修改节点的当前节点数据修改为所述目标节点数据，得到修改节点数据的组织架构图；

在所述前端页面中展示所述修改节点数据的组织架构图。

5.根据权利要求1所述的方法，其特征在于，所述接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果，包括：

接收用户在所述组织架构图上输入的节点移动指令，所述节点移动指令携带待移动节点的目标显示位置；

响应所述节点移动指令，将所述待移动节点由当前的显示位置移动至所述目标显示位置，得到移动节点的组织架构图；

在所述前端页面中展示所述移动节点的组织架构图。

6.根据权利要求1所述的方法，其特征在于，所述得到组织架构图之后，所述方法还包括：

接收用户输入的对所述组织架构图的导出指令，将所述组织架构图按照所述导出指令所指示的数据格式导出。

7.根据权利要求6所述的方法，其特征在于，所述将所述组织架构图按照所述导出指令所指示的数据格式导出，包括：

导出预先配置的空白PPT文件，将所述空白PPT文件的后缀修改为Zip文件格式，得到压缩文件，所述压缩文件包括XML文件，所述XML文件包括PPT样式及部分数据；

将所述XML文件中的部分数据替换为所述组织架构图的节点数据，得到目标PPT文件，所述目标PPT文件包括所述XML文件中的PPT样式及所述组织架构图的节点数据；

对包括所述目标PPT文件的所述压缩文件进行解压以导出所述目标PPT文件。

8.一种计算机设备，其特征在于，所述计算机设备包括：

获取单元，用于获取预先设置的架构图样式，所述架构图样式用于表示组织架构图的显示样式；

计算单元，用于接收目标节点的节点数据，根据所述目标节点的节点数据计算所述目标节点在所述架构图样式中的坐标；

生成单元，用于在前端页面中将所述目标节点的节点数据渲染至所述架构图样式中所述目标节点的坐标对应的显示位置，得到组织架构图；

编辑单元，用于接收用户在所述组织架构图上输入的编辑指令，根据所述编辑指令执行对所述组织架构图的编辑操作，并在所述前端页面中展示所述编辑操作对应的编辑效果。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述的方法。

10.一种计算机存储介质，其特征在于，所述计算机存储介质中存储有指令，所述指令在计算机上执行时，使得所述计算机执行如权利要求1至7中任一项所述的方法。

Images