股权架构图组件

  少于1分钟  

1. 业务场景概述

股权架构图是将企业的控股关系通过结构化图形进行展示，并清晰地展示公司之间的股权关系和关键信息持股比例出资等关键信息。

2. 配置流程说明

序号	步骤	步骤说明	其他说明
1	添加依赖组件	应用-依赖设置-前端组件：添加“通用架构图”组件
2	创建实体	创建控股关系的主子实体
3	页面设计	设计页面入参、添加单一记录，选择“公司名称”的文本实体字段；在页面添加股权架构图组件，设置控股关系属性相关规则以及配置微流程获取数据
4	发布应用
5	运行态应用	查看股权架构图

3. 详细配置说明

3.1. 添加组件依赖

确定所需要的业务应用，首先通过依赖设置-组件依赖，添加搜索“股权架构图”进行添加前端组件。

1）添加组件依赖：确定所需要的业务应用，首先通过依赖设置-组件依赖，添加搜索“股权架构图”进行添加前端组件，检查确认是否为2.8.0，如果为否则选择2.8.0；

2）版本调整：如果已添加过股权架构图的应用则，直接通过版本调整进行升级调整为2.8.0；

版本调整中当期可能存在的股权架构图组件原名“来源去向图”，直接调整此组件版本即可。

3.2. 创建实体

创建实体需要创建企业信息和其股东信息的主子实体，创建实体时需要满足如下规则：

创建主实体：

主实体作为企业信息的主档案，建立以文本类型的企业名称作为企业的关键信息；后续基于主实体取查询股权关系

名称【可修改】	类型【固定值】
企业名称	文本

创建子实体：

1）子实体为企业的股东信息，建立以文本类型的股东的名称、投资比例、出资金额作为股权架构图的展示信息；

2）股东信息数据来源于直接手动录入或者是参照主实体的企业，因为控股企业信息可能是来源于外部企业或是内部企业。

名称【可修改】	类型	备注说明
“关联主档案”	实体：“选择主实体”【固定关联主档案】	与主实体建立关联关系
企业名称	文本【固定值】	企业名称后续可来源于参照主实体或者手动输入
投资金额	货币【可修改】
持股比例	小数【可修改】

3.3. 页面设计

1) 设置页面入参

增加页面入参“id”、“页面打开模式（参数编码固定为pageOpenMode）”，页面入参页面打开模式默认值为查看

2) 添加单一记录

页面设计时通过页面添加单一记录，单一记录添加主实体“企业名称”；此字段用于建立股权架构图的数据关系，必须添加，设计态可隐藏。

3) 添加股权架构图组件

在页面上直接拖入股权架构图组件

4) 配置控股关系及企业档案

✧ 通过【属性-控股关系】配置实体字段信息。

股东子实体：选择控股关系子实体，如示例股东信息子实体

企业名称：选择子实体“企业名称”字段

投资本金：选择子实体“投资本金”字段

持股比例：选择子实体“持股比例”字段

关联主档案字段：选择子实体“关联主档案”字段，如上述配置的“出资企业编码”

✧ 通过【属性-企业档案】配置主实体企业名称

企业名称：选择主实体的“企业名称”的值

✧ 配置微流程

配置来源微流程及目标微流程（前提需要增加两个微流程规则，匹配对应的流程id）。

后端微流程配置说明：

配置获取来源数据和获取目标数据两个后端微流程，查询获取数据。如下图所示；

配置来源数据即获取子实体股东信息的数据信息，通过设置股权关系进行过来查询来源数据；

配置目标数据即获取子实体股东信息，通过关联主实体档案的数据进行获取数据，如通过如上的出资企业编号进行过来查询

5) 配置激活节点

配置激活节点主要是为了在其运行态作为公共参数传递的接收方，用于接受当前节点的 ID。

首先通过页面-页面变量新增一个页面变量，激活节点id，如下所示：

其次，通过架构图【属性-设置】激活节点选择刚刚增加的页面变量“激活节点id”

最后，支持架构图节点事件配置，右击查看详情事件跳转到详情页，如下所示：

6) 设置架构图展示风格样式

通过【属性-设置】设置其图类型的展示，横向图或是纵向图；

通过【属性-节点/线条】设置其展示的字体大小、字体颜色、背景色、外框颜色、线条颜色等等；

7) 配置导出功能

可通过增加按钮，通过配置导出股权架构图控件动作实现架构图导出功能

8) 其他说明

如上述案例说明，通过配置事件打开上述配置的股权架构图页面即可。

3.4. 运行态效果展示

1、股权架构图运行态展示效果：

2、右键节点支持继续展开/设置中心点/查看详情：