组件工具箱
- 1: 时间轴
- 2: 组织架构图组件
- 3: 通用架构图组件
- 4: 股权架构图组件
- 5: 步骤条组件
- 6: 地理标注组件
- 7: 组合字段树组件
- 8: 业务标签组件
- 9: 征信助手组件
- 10: 综合评分组件
- 11: 智能比对组件
- 12: 日历组件
- 13: 分组导航组件
- 14: 归档组件
- 15: 业务关系图组件
- 16: 图片签章组件
- 17: 电子签章组件
- 18: H5签章组件
- 19: 评论相关组件
- 20: 智能审查组件
1 - 时间轴
时间轴组件
功能描述:时间轴组件支持绑定自定义实体,并按照时间轴的样式展示实体数据。用户可以设置排序规则,以根据时间历程正序或者降序展示数据,从而让用户可以更好地理解数据的演变和发展趋势。通过时间轴组件,用户可以更直观地跟踪和管理实体的时间序列数据。
配置态说明
- 页面右侧属性配置
a. 添加节点和辅助信息,都是最多选择五个字段
b. 节点可选排序方式,默认生序
c. 节点和辅助信息都可以配置点击事件以及各自的属性(字体和图标的大小及颜色)
d. 辅助信息可配置标签,默认空,不展示
- 实体
a. 实体没有限制,按照需求选择需要展示的字段
- 使用方式
a. 直接在页面使用,选择对应实体
b. 页面的类型无限制
运行态说明
按设计态配置展示数据(类似效果图)
2 - 组织架构图组件
组织架构图组件
功能描述:组织架构图组件可以按照组织架构的层级关系展示部门树和机构树,并将其与组织架构实体进行绑定。这使得用户可以更清晰地了解组织内部的层级关系和各部门在组织中的位置。通过将部门和机构与组织架构实体进行绑定,用户可以轻松地了解组织中各个成员之间的关系和职责。这种展示方式有助于提高组织内部的沟通和协作效率,帮助用户更好地理解和管理组织。
组织架构图组件效果如下图所示:
配置态说明
1、 在创建的应用管理组件依赖中,搜索并添加 【组织架构图】
2、 创建相应的菜单以及页面 【页面类型选择其他,不用绑定实体】,在页面设计器中,在左侧分组基础应用控件中拖动 【组织架构图】
3、 选中本组件,右侧加载并显示出本组件的配置信息,如下图所示
4、 树类型配置项 有【机构树】【部门数】两个选项,选择以后 在运行态的数据 组织信息会按照所选、树类型进行查询和展示
5、 其他配置项均是 展示图中的节点和线条的配置,使用方可以按照客户的要求实现相应设计的配色方案
6、 该组件提供了 【导出架构图】的控件动作,在事件中选择调用即可
运行态说明
1、 【组织架构图】组件在运行态的展示是根据在设计态的配置进行渲染
2、 树的类型 通过设计态配置的树类型,查询当前组织「当前登录人所在组织」下 【部门】或者【机构】信息进行展示,
3、 如因接口异常,将展示的是模拟数据
3 - 通用架构图组件
功能描述:通用架构图组件可以与任意实体对象进行绑定,并基于架构图样式来展示实体数据。这种能力使得用户能够更清晰地了解实体对象之间的层级关系和相互关联,有助于更好地理解和分析系统架构。
通用架构图组件效果如下图所示:
配置态说明
1、 在创建的应用管理组件依赖中,搜索并添加 【通用架构图】
2、 创建相应的菜单以及页面,在页面设计器中,在左侧分组基础应用控件中拖动 【通用架构图】
3、 选中本组件,右侧加载并显示出本组件的配置信息,如下图所示
4、 首先选择对应实体,支持选择树形实体和非树形实体,然后选择实体字段对应架构图上字段展示,选择以后 在运行态的数据 会按照所选数据进行查询和展示
5、 其他配置项均是 展示图中的节点和线条的配置,使用方可以按照客户的要求实现相应设计的配色方案
6、 该组件提供了 【导出架构图】的控件动作,在事件中选择调用即可
运行态说明
1、 【通用架构图】组件在运行态的展示是根据在设计态的配置进行渲染
2、 如因接口异常,将展示的是模拟数据
4 - 股权架构图组件
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、右键节点支持继续展开/设置中心点/查看详情:
5 - 步骤条组件
步骤条组件
功能描述:步骤条组件通过提供一种直观、易用的界面,帮助用户更好地理解和完成任务,支持用户按照步骤进行操作,并在每一步提供反馈和指引。通过绑定任意实体,可以将实体数据以步骤条的样式展示,还可以设置当前步骤、完成步骤、未完成步骤的“编辑”、“查看”、“锁定”事件。这些事件是与用户交互的关键点,可以用于触发各种操作和逻辑,以满足应用程序的需求。同时,它还提供了灵活性和可定制性,使得开发人员可以根据具体的应用场景和需求进行定制化开发。
配置态说明
- 实体
a. 使用该控件,需要配置两个实体-步骤条和内容区
b. 通过筛选条件过滤出想要的数据,充当步骤条数据(使用者需要提前知道需要多少步)
- 指定步骤配置项 - 用于点击步骤切换内容区域
a. 创建页面变量当前步骤(名称随意),默认0,如果不从0开始,可以在单一记录中,选择数据加载后事件,建立页面规则,给该页面变量赋值
b. 配置项选择该页面变量
- 当前步骤状态配置项 - 用于判断当前内容区是否可编辑
a. 步骤状态值: 正常:edit,只读: view
b. 创建页面变量(名称随意),默认‘edit’。
c. 如上,配置项选择该页面变量
- 切换步骤方式配置项 - 用于区分按钮还是事件触发当前步骤的改变
a. 创建页面变量(名称随意),创建选项集,编码固定,不可修改
b. 如上,配置项选择该页面变量
- 数据源中,选择对应的实体字段
- 设置 - 控件的基础配置
- 风格里设置文字大小颜色显隐以及各个步骤的状态(编辑查看和锁定)
- 内容区设置
a. 单一记录中选择实体,按照步骤区分不用字段,根据当前步骤及步骤状态,设置字段的显隐及字段状态
b. 上一步下一步,需要创建页面规则,根据点击的按钮,修改页面变量(当前步骤),改变步骤状态为编辑(edit),以及步骤方式改为按钮
c. 可以选择校验实体,触发实体字段的校验规则(比如必填等)
运行态说明
按设计态配置展示数据(类似效果图)
6 - 地理标注组件
地理标注组件
功能描述:地理标注组件是一个非常灵活的工具,不仅可以与资产卡片进行联动,还可以与其他任何实体进行联动。它适用于需要在地图上进行统计标记的场景,例如:展示资产数据、销售数据、监控设备分布等等。
资产地图数据场景说明:地理标注组件支持固定资产卡片与地图组件的联动,具体来说,当用户在地图上选中某个位置时,系统会自动展示该位置对应的资产卡片信息,方便用户快速了解该区域的资产情况。同时,当用户选中某张资产卡片时,系统也会自动定位到地图上相应的位置信息,帮助用户更好地理解资产分布情况。
这种灵活的联动功能使得地理标注组件在各种场景下都能够发挥出强大的作用。无论是对于企业资产管理的员工,还是对于市场调研人员或者数据分析师,地理标注组件都是一个非常实用的工具。
本组件以公司资产为例进行说明,分别在实体菜单中建立三个实体(公司信息,楼栋信息,资产信息)三者的关系见ER图:
配置态说明
- 实体层面:
● 在用本组件进行搭建前,建立一个实体,在实体字段中需要包含经度和纬度两个字段,字段类型为文本,例:ER图中楼栋信息实体
● 如果想在本组件中显示关联的子实体的个数,还需要一个字段来进行统计,例:楼栋信息中的数量字段,然后点击这个字段的高级模式,设置计算表达式,见截图,这样就可以实时计算子实体的数量,即:ER图中没动楼中资产信息实体的数量
- 页面右侧属性配置:
● 实体:选择包含经纬度的那个实体,例:楼栋信息
● 定位当前节点:
- 首先在页面层级增加页面变量,可以命名为定位ID
- 选择刚才新建的页面变量
● 标注点坐标设置
- 经度:选择实体中经度字段,例:楼栋信息中的经度
- 纬度:选择实体中纬度字段,例:楼栋信息中的纬度
● 标注点浮窗设置
- 浮窗标题:按照需求选择字段
-
总数字段:选择实体中的统计数量字段
-
总数后缀:根据需求配置,含义为数量后面的描述信息,例:项资产
● 标注点浮窗字段设置
根据需要设置浮窗里面的详细信息,可添加多列,例:见截图
-
- 可以配合其他控件使用,例如:重复表查询
● 查看详情:本组件有查看详情事件,可以实现联动效果,如:当点击查看详情的时候可以使右侧的重复表渲染当前节点的资产信息,配置说明:
-
地理标注组件增加查看详情事件,事件中可以执行刷新右侧重复表记录行为
-
右侧重复表查询控件首先绑定资产信息实体,然后增加条件进行筛选,见截图,注:本例中条件参数的ID为资产信息的父实体楼栋信息的ID,值选择之前建的页面变量定位ID,因为点击查看详情之后会地理标注组件内部会改变页面变量定位ID的值
● 查看总览:本组件有查看总览事件,可以实现联动效果,如:点击查看总览之后右侧重复表会展示所有的数据,配置如下:
● 定位功能:右侧重复表的每一行数据也可以进行定位操作,点击定位之后会定位到左侧地图的具体位置
-
重复表查询操作列增加定位按钮,然后执行页面规则,见截图:
运行态说明
● 录入数据:
本组件需要配置定位组件一起使用,在录入数据的时候可以用定位组件进行数据的录入,主要涉及到经纬度的自动录入
● 查看详情:
● 查看总览
● 查看总览
● 定位
7 - 组合字段树组件
组合字段树组件
功能描述:组合字段树组件支持绑定任意实体,将实体数据按照树形结构进行展示。该组件能够与重复表查询控件绑定的实体进行联动使用,实现左树右表功能。通过组合字段树,用户可以轻松地管理和查看实体数据,并对其进行操作。
配置态说明
- 页面右侧属性配置
● 添加分组字段,最多选择五个字段
● 节点可选排序方式,默认升序
● 节点可以配置字体的大小及颜色
- 节点配置项(最多五级节点)
a. 根据添加的分组字段个数创建对应的页面变量(名称随意),默认空
b. 配置项和页面变量一一绑定
- 配置事件
a. 配置单击节点事件,用于和其他控件联动,比如重复表查询
- 右侧重复表条件配置
运行态说明
按设计态配置展示数据(类似效果图)
8 - 业务标签组件
业务标签组件
功能描述:业务标签组件为您提供在应用中引用标签的功能,让您可以在运行时为字段添加标签。此标签组件还将记录引用对象和被引用的次数,以便于您进行后续的数据分析和统计。通过使用业务标签组件,您可以更好地追踪和管理应用中的标签使用情况,提高应用的可维护性和可扩展性。
配置态说明
- 组件配置
● 添加前端业务组件,pc端、移动端都已支持
- 页面配置(目前仅支持单一记录中使用)
● 将组件拖入单一记录中即可使用
pc端
移动端
- 组件配置
● 对该组件绑定实体字段,仅支持文本类型字段(注意:该绑定字段,需手动控制长度阈值,建议0 - 1000字符,如字段长度过短,可能出现单一记录保存失败情况)
● 风格支持设置标签文本风格、颜色、背景色
运行态说明
单一记录中效果、标签最多支持添加5条
9 - 征信助手组件
征信助手
征信助手的功能包括:
● 实时查询企业征信情况:用户可以在征信助手中输入企业名称或统一社会信用代码,然后立即获取该企业的征信信息。
● 携带企业征信详情到表单:在填写表单时,用户可以将企业征信详情嵌入到表单中,以便更方便地查看和引用。
● 只读状态下可以查看企业征信详情:在征信助手的“只读”状态下,用户可以点击企业名称,直接打开企业征信详情页面,查看详细的征信信息。
这些功能使得征信助手成为一种方便的工具,帮助用户快速获取和查看企业征信信息,从而提高风险评估和决策制定的效率。
配置态说明
● 该控件必须放到单一记录里,实体字段必填。
● 页面配置
○ 把控件拖到单一记录中使用,选择实体字段
○ 设置参照携带(详情数据携带到其他控件)
● 状态配置
○ 正常
■ 输入内容,点击搜索框,会弹出modal框,在弹框中查询列表数据,选择行时查询对应的详情数据,携带到设计态配置的控件中
○ 只读
■ 输入内容,点击搜索框,跳转到对应的详情页面
运行态说明
按设计态配置展示数据(类似效果图)
10 - 综合评分组件
综合评分
功能描述:
您可以使用拖拽功能将综合评分组件绑定到一个实体字段。通过这个组件,这种综合评分组件为用户提供了一个直观且易于使用的界面,让他们能够快速地为某个场景进行评分,同时也方便您在后续的数据处理和分析中获取所需的评分信息。
一星为数值 1,半星为0.5,满分总共是数值 5,可以根据实际的业务需求在数据实体设计中,扩展其他字段进行相关的换算。
配置态说明
1、 从应用的组件依赖中 导入 【综合评分】
2、 新建页面并绑定对应的实体对象,创建的页面中 拖入 【单一记录】然后将 【综合评分】拖入到单一记录中,并绑定【小数】类型的字段
3、 基本信息中可以对标题进行 重新命名和配置,以及对应的位置和标题的图标都可以进行相应的调整
4、 设置中则是对评分图标的的设置,默认为 ⭐️ 可以通过图标选择器进行更改,以及配置允许是否半星选择
5、 【风格】可以对标题以及图标进行相关的配色设置
6、控件提供了 【值变化事件】提供给外部使用
运行态说明
一星为数值 1,半星为0.5,满分总共是数值 5,可以根据实际的业务需求在数据实体设计中,扩展其他字段进行相关的换算。
1、根据设计态进行相关的打分操作、以及相关的操作。
11 - 智能比对组件
智能比对相关
智能比对应用
功能描述:负责比对功能授权、历史比对记录查询、智能比对组件基本服务
应用菜单权限:智能比对应用管理员角色,无其他角色权限
菜单功能
智能对比授权:授权用户需添加特定人才拥有比对权限
智能对比记录:存储所有应用比对的历史记录,查看历史比对结果,可对特定应用进行数据过滤
智能比对组件
注册服务
-
添加应用依赖、确保智能对比基础功能
-
添加组件依赖
配置态说明
控件使用配置
-
将智能比对组件添加至单一记录(单一记录中需包含附件字段)中,可配属性如右侧所示
-
单据id属性,为必填项,建议设置为实体中系统-id(字段需为唯一值)字段,该属性是为了区分单据的比对记录,方便查询
-
原文件件属性,为必填项。为要进行比对的原文件数据来源
-
目前文件属性,为可选项。如果配置对应附件字段,可作为比对时的目标文件选择,如没配置,比对时也可实时上传文件进行对比
微流程使用配置
-
在当前需要比对的页面新增一个页面规则,使用打开页面节点,页面需要选择智能比对-对比页面
-
参数映射如上组件配置相同
-
应用name属性,选择应用参数.应用名称
-
将该页面规则配置到页面控件事件中即可
运行态说明
-
进入到运行态页面,如原文件字段包含附件,即可可以开始比对,点击页面智能比对按钮
-
弹出智能比对弹窗,其中比对状态列,为该原文件最近比对的状态
-
选择目前文件有两种方式,可实时上传或者来源于配置的目前文件字段数据;上传文件:类型限制.pdf,.doc,.docx,.txt,.jpg,.jpeg,.png,.tiff,.tif,.bmp
-
选择文件:在对应原文件行,选择要比对的文件即可
-
开始对比,实时更新文件比对状态,抛出异常或可立即查看结果
-
比对成功的文件,可立即查看对比结果页
-
比对结果页
-
查看历史结果,入口1:智能比对页签下-单条数据厚的查看历史记录,为该原文件的历史比对记录,可再次查看比对结果
-
查看历史结果,入口2: 历史比对页签下数据为 该单据的比对历史记录,可再次查看比对结果
-
微流程通过页面打开比对页面,交互如上所述,完全一致,需确保参数正确
12 - 日历组件
日历组件PC端-月、周、日
功能说明:日历组件支持绑定会议室档案实体,并可以按月、按周、按日展示日历实体数 据,可自由切换三种模式,适用于会议管理等业务场景,便于用户新建会议,查看会议详情。
配置态说明
* 属性配置
a. 主实体
-
创建页面变量主实体 - 绑定自定义对象,主实体数据结构 (名称随意)
-
创建主实体的自定义对象,编码是固定格式,不能修改,名称和列表数据必填,其他字段根据需要添加,最多支持三个字段(field1、field2、field3)
-
如果实际需展示的内容和实体字段类型不同时,需创建主实体的表结构对象,id必填,编码是固定的 (id) ,例如会议室的可容纳人数是整数类型,但是页面上需要展示为可容纳(N)人,是字符串类型
-
创建微流程获取主实体, 在页面中规则调用微流程,获取数据给主实体赋值, 然后在控件初始化事件配置该页面规则
-
微流程结束里绑定查询多条数据的出参
b. 关联实体 - 选择对应的数据实体
c. 创建页面变量 - (必须)
i. 刷新区域 - 用于新建或编辑保存后刷新组件数据
ii. 当前日历类型 - 用于显示隐藏日历组件
iii. 详情ID - 点击列表数据时,提供数据id,方便弹框或页面展示数据具体信息
iv. 新建事项 - 点了列表空白时代表新建数据,需要传递当前表格对应的主实体数据id
v. 新建日期 - 如上,新建时传递表格对应的日期
vi. 开始时间 - 本月、周、日开始时间
vii. 结束时间 - 本月、周、日结束时间
d. 关联实体字段 - 按需求选择,事件字段必填
e. 筛选条件- 必填
i. 默认按本周开始时间和结束时间筛选数据
ii. 筛选条件 - 按下图配置
f. 按钮操作 - 按需求配置,默认不显示
* 事件配置
a. 按需求配置打开方式,编辑需要传入详情id,新建可以传入新增事项和新增日期
b. 按钮点击事件 - 切换到对应组件,按需配置
* 风格配置
日历按月运形态
日历按周运行态
数据如果时跨天的话,则每个单元格都要展示, 如下图 00:00 - 23:59
日历按日运形态
日历组件移动端
功能说明:日历组件支持绑定会议室档案实体,并可以按月、按周、按日展示日历实体数 据,可自由切换三种模式,适用于会议管理等业务场景,便于用户新建会议,查看会议详情。
配置态说明
- 主实体数据需要建立微流程获取(同pc端日历组件类似)
- 使用该组件按需清除页面内外边距,组件内部已有间距
- 其余设计态配置与pc端日历一致
日历运形态
日历-按日运形态
13 - 分组导航组件
分组导航
控件场景说明:支持通过分组导航组件直接定位到页面对应的分组位置。用户可以快速找到与特定分组相关的内容,从而提高其浏览和操作效率。这种导航方式对于复杂的页面布局特别有用,其中包含大量信息和不同的分组。通过使用分组导航组件,用户可以更加方便地浏览和操作页面内容,从而更好地理解和使用相关产品或服务。
配置态说明
- 添加组件依赖
- 添加页面控件 及 分组导航控件
注意:
- 分组导航锚点数据仅来自于当前页面下第一层分组控件,自动获取分组控件标题作为导航名称,其余控件或其他层级分组视为无效数据
- 分组导航控件脱离于其他控件,拖入页面时注意与其他控件不要有嵌套关系,仅存在于页面下
- 尽量不要拖入多个分组导航共同使用
- 设计态配置
导航可以配置页面位置(仅保持在页面右侧,可设置上中下)、背景颜色、边框属性,图标等
锚点数据可以配置背景颜色、文字颜色、图标等
以运行态效果为主
运行态说明
点击导航效果如下,点击单行数据快速定位到当前元素位置,支持快速回到顶部或底部, 失焦弹窗消失
14 - 归档组件
归档服务
场景说明:表单归档,将表单及附件整合至归档系统
归档单据设置菜单
说明:设置归档表单的配置,包含附件的筛选,表单字段与第三方字段的映射,主子表单归档配置
配置说明
- 选择归档接口类型:数据来源于归档接口参数菜单数据
- 选择归档应用
- 选择应用下表单(目前仅支持pc端归档功能,移动端待开发)
- 选择归档方式
说明:
单据归档为当前表单及所配置的附件文件,一起归档
附件归档仅配置的附件文件作归档动作
- 是否是辅助归档表单设置
说明:当前设置代表当前单据是否作为子单据作为归档,子单据进入归档日志系统,不会第一时间归档,而是会等待关联的主单据一起完成归档
- 归档附件字段设置
说明:该子表是负责配置当前表单哪些附件作为归档文件,当选择完表单会自动带入主实体,并查询出主实体及子实体下所有附件字段,供用户新增或删除操作,如当前归档附件字段无数据,则默认按照全部附件归档操作处理
- 归档信息字段映射
说明:该子表负责表单字段与第三方字段形成映射,作为归档的基础元数据
a. 选择映射字段:数据来源于当前选择的归档接口类型中配置
b. 选择当前主实体字段
c. 拼接序号设置:支持表单多个字段映射元数据一个字段,支持手动更改序号改变拼接顺序
d. 关联实体字段设置:如选择的字段为当前应用下实体,需指定哪个字段作为拼接字段
- 关联单据字段设置
说明:如当前表单作为主单据归档,且有子单关联,需指定字段以获取子单相关数据,日志系统会根据此设置形成关联关系
归档组件使用
配置态说明
-
添加应用依赖
-
添加组件依赖
- 将组件添加至详情页中
- 场景说明:归档功能一般作为外框上动作,在不同流程节点控制显示隐藏
a. 外框拖入占位符
b. 页面拖入一个按钮进占位符,配置点击事件触发控件动作
c. 归档控件事件:该控件支持配置归档完成后事件
d. 外框占位符容器权限控制:通过表单权限来控制外框上节点显隐
15 - 业务关系图组件
业务关系图
1. 业务场景概述
业务关系图主要是通过图形化的描述业务间的关系,或者业务本身的处理流程,帮助我们清晰的认识过程,正确的认识相关方/组织资源等等。比如泳道图(泳道后续迭代支持,暂无)、业务流程图、时序图、产品架构图等等,通过图形化进行组合,加以连接线、文字补充说明以及相关连链接跳转等,清晰的表现出业务的关联关系。
● 本迭代支持的业务关系图主要功能点概述
✓ 支持通用的图形、链接线的基础设置、展示风格等
✓ 支持多业务图层
✓ 图形节点支持链接,可链接到页面、业务图层以及外链接地址
2. 配置流程说明
序号 | 步骤 | 步骤说明 | 其他说明 |
---|---|---|---|
1 | 添加依赖组件 | 应用-依赖设置-前端组件:添加“业务关系图”组件 | |
2 | 页面设计 | 页面设计添加添加“业务关系图”,通过设计态进行业务关系设计 | |
4 | 发布应用 | ||
5 | 运行态应用 | 查看业务设计关系图 |
3. 详细配置说明
3.1. 添加组件依赖
确定所需要的业务应用,首先通过依赖设置-组件依赖,添加搜索“业务关系图”进行添加前端组件。
3.2. 页面设计
1) 添加业务关系图组件
页面设计时,直接将业务关系图组件
直接拖入到页面中。
2) 画布规则设置
可通过画布树形规则配置画布的宽度、高度、背景颜色以及视图切换规则。
当前版本不支持视图切换。即在运行态默认不展示多设计图层,默认仅展示默认图层。可通过配置按钮链接打开图层的方式进行切换默认图层和其他非默认图层展示。
3) 设计业务关系图
单击右侧【设计业务关系图】打开设计图的画布进行设计
支持设定图层各个节点基础的配置规则,文字大小、颜色等;
4) 配置事件行为
业务关系图的事件行为主要包含三种事件,打开页面、打开视图、打开链接,配置完成后在运行态单击对应的节点可自动跳转打开对应的事件行为。
打开页面:支持关联当前应用以及依赖应用的所有页面;
打开视图:打开视图即本次设计图层,可穿透到指定的图层;
打开链接:即打开外网链接,通过手动输入正确的外网链接地址;
3.3. 运行态效果展示
● 默认图层运行态展示
● 通过默认图层【招采平台】穿透其详细业务关系图
16 - 图片签章组件
图片签章
业务场景概述
图片签章组件主要针对签章和签名的业务处理,可通过调用印章管理进行实际业务签章签名得业务处理,或者直接进行手动签名得业务处理。
配置流程说明
序号 | 步骤 | 步骤说明 | 其他说明 |
---|---|---|---|
1 | 添加依赖组件 | 应用-依赖设置-前端组件:添加“图片签章”组件 | |
2 | 页面设计 | 页面设计添加单一记录,在单一记录中添加“图片签章”,绑定文本类的实体字段 | |
4 | 发布应用 | ||
5 | 运行态应用 | 查看应用签章签名 |
详细配置说明
添加组件依赖
确定所需要的业务应用,首先通过依赖设置-组件依赖,添加搜索“图片签章”进行添加前端组件。支持移动端、web端应用。
页面设计
1) 添加图片签章组件
页面设计时添加单一记录选择具体的实体,图片签章组件必须在单一记录里进行应用,将图片签章
组件拖到单一记录中。
2) 绑定实体字段
配置实体字段,通过【属性】-【字段】进行配置选择所需配置的实体字段,如选择办公用品申请实体的“部门主管签章”字段。
3) 配置印章来源
印章来源目前支持三种,印章管理、基础应用管理、手写签。
印章管理:平台印章管理,业务应用的签章,签名可来源于此处进行维护;可选择签章或者签名两种类型;
基础应用管理:应用印章管理,当前版本与印章管理的区别在于基础应用中含同第三方集成的电子签章;可选择签章或者签名两种类型;
手写签:手写签名的模式。
4) 其他属性配置
支持设置是否启密码验证,配置后再前端进行签章时需要预置的密码进行验证;
支持设定显示的按钮图标、显示内容及位置等基础属性配置
运行态效果展示
● 签名章应用效果
● 密码验证的效果
● 手写签名的效果
1)调出手写板:
2)手写确认签名
17 - 电子签章组件
电子签章
1. 业务场景概述
进行电子签章及签署行为的全生命周期管理,支持不同角色的前端签章管理功能,主要包括:
1、支持从E签宝实时同步电子印章,确保签署的合法性和有效性;
2、支持通过模板指定位置发起签署,提高签署效率;
3、支持将签署完成的文件获取到单据上,方便后续查阅和管理;
4、支持查看签署详情,包括签署人信息、签署时间、签署状态等。
2.参数设置
- 启用电子印章:默认集成的是"E签宝-天印"通道,进行在线电子签章;
- 如果开启电子印章,则在"印章管理"菜单,默认展示"电子印章"页签,否则不展示;
- 如果开启电子印章,则支持设置"同步频率",意思是系统自动按此默认频率从"E签宝-天印"同步电子印章信息;
3.组织人员同步
- 支持将V8系统的组织、人员同步到三方系统;
- 只有先将组织、人员信息同步到三方系统之后,才能在三方系统进行新增电子印章、给印章进行授权等;
4.印章管理
- 需要先分配对应的菜单权限
4.1印章管理-电子印章
- 需要先在"参数设置"中开启电子印章,“电子印章"页签才会展示;
- 列表数据查询:受限于"印章管理员"授权组织控制,当前登录人是印章管理员且授权对应组织后,才能看到授权组织对应的印章;
- 在线维护:直接跳转到E签宝页面,进行维护印章;
- 创建印章类型:
- 印章管理员分配
- 制作印章
- 发布
- 授权使用人
- 印章同步:支持手动同步,将E签宝的印章同步到电子印章页签
4.2印章管理-致远图片章
- 支持查看、启用、停用、注销、删除致远图片章;
- 列表数据查询:受限于"印章管理员"授权组织控制,当前登录人是印章管理员且授权对应组织后,才能看到授权组织对应的印章;
- 致远图片章可以结合"图片章"控件使用;
- 新增
4.3印章管理-物理印章
- 支持查看、启用、停用、注销、删除物理印章;
- 列表数据查询:受限于"印章管理员"授权组织控制,当前登录人是印章管理员且授权对应组织后,才能看到授权组织对应的印章;
- 新增
5.印章管理员
- 新增印章管理员,并授权对应的组织;
- 印章管理菜单中印章的查询权限,受限于此印章管理员对应授权组织的限制;
6.用印模板
- 支持给模板指定好用印位置;
- 发起签署时,关联模板后,直接发起签署,无需再指定盖章位置;
- 新增:文件只能上传PDF格式的,目前E签宝只支持此格式
- 指定位置:直接跳转到E签宝页面进行位置指定
- 位置指定之后,也支持查看、修改位置
7.设计态配置
首先介绍在线签章组件包含的功能:
- 签署信息配置
是否批量发起签署开关:根据勾选是否发起批量签署来确定当前表单将要以怎样的方式发起签署,当不打开开关则为普通签署,会发起单个任务;打开开关则为批量签署,会产生多条签署任务。
是否自动签署:当不打开开关,那么所有签署方都需手动完成签署;打开开关,内部用户在发起签署之后系统自动签署,而且在发起签署时仅支持模板用印位置方式来发起签署。
- 普通签署配置
是否子表模式发起签署:开关关闭,表示当前表单中的签署方信息都在主表中,这样在进行实体关联时要绑定主实体;开关打开:表示当前表单中的签署方信息都在子表中进行维护,所以进行实体关联时,要绑定子实体
- 选择文件
是否子表送签文件:开关关闭:表示送签文件在主表中,这种情况下只需要绑定一下主表签署文件这个配置,含义是签署流程完成之后,点击签署文件获取将要赋值的控件字段;开关打开:右图所示,表示当前表单还有一个附件列表的实体,来单独展示送签文件和签署文件,但是由于组件绑定的实体并非本附件列表的实体,所以为了不让用户单独写页面规则收集附件列表的送签文件到主实体的送签文件字段,需要绑定图中所示的四个字段,来简化用户的操作,当然这种场景用的比较少。
- 批量签署配置
是否存在相对方:开关关闭,表示只有我方单位直接发起签署,这种适合直接开证明类文件,可以配合自动签署使用;开关开启:表示有相对方,适用于公司和多个员工签订劳动合同这样的情况。
- 前端组件依赖添加"在线签章”
- 流程外框中添加"在线签章"组件
- 实体关联:需要先新增一个"签署方信息"子表,并将此子表与"在线签章"组件关联
- 过滤条件设置
- 如果签署文件不是子表,可以不开启
- 选择文件:选择签署完成的文件对应的附件字段
- 主表字段映射:
- 送签文件:选择送签文件对应的附件字段
- 流程实例ID:
{width=“5.832638888888889in”
- 任务标题:可按照需求自行设置
- 子表字段映射:
- 签署对象:需要新增一个选项集"签署对象"
注意:内部的选项值必须设置为1,外部的选项值必须设置为2
- 我方签署单位:签署方信息子表中对应的字段
- 我方签署人:签署方信息子表中对应的字段
- 相对方单位:签署方信息子表中对应的字段
- 相对方单位名称:如果相对方单位是一个实体,需要标记一下对应的相对方单位名称字段
- 相对方统一社会信用代码:需要标记一下对应的相对方单位名称字段
- 相对方签署人名称::签署方信息子表中对应的字段
- 手机号::签署方信息子表中对应的字段
- 自定义表单权限:“电子签章"按钮正常显示
- 流程节点:关联设置的表单权限
8.运行态使用
- 创建单据
- 发起签署
- 可以关联模板发起
- 确定发起
- 签署人会收到签署短信,可以点击短信链接进行实名认证后签署
- 在我的签署任务列表,也有一个待签署任务,也可以在此进行盖章
- 也可以打开流程,直接点击"在线签署”,跳转到E签宝进行盖章
- 跳转三方页面
- 在模板指定位置进行盖章
- 提交签署
- 意愿认证
- 签署完成
- 签署完成之后,可以在流程中将签署完成的文件进行获取
- 我的签署任务中,此签署任务就已完成
- 在用印日志中,可以看到此任务的状态
- 签署中日志:
签署明细:
- 签署完成日志:
签署明细:
18 - H5签章组件
H5-PC端签章
业务场景概述
H5签章组件的主要功能是对接E签宝和金格的H5签章能力,将三方的电子印章签署到V8表单上。通过这种方式,用户可以在V8表单上方便地使用电子印章进行签署操作,提高了签署的效率和便捷性。
配置流程说明
序号 | 步骤 | 步骤说明 | 其他说明 |
---|---|---|---|
1 | 组件依赖 | 应用-依赖设置-前端组件:添加“金格签章”组件 | |
2 | 页面设计 | 页面设计添加单一记录,在单一记录中添加金格签章”,绑定文本类的字段 | |
4 | 发布应用 | ||
5 | 运行态应用 | 维护/查看金格签章 |
详细配置说明
添加组件依赖
确定所需要的业务应用,首先通过依赖设置-组件依赖,添加搜索“金格签章”进行添加前端组件。
页面设计
1) 添加金格签章组件
页面设计时先添加单一记录选择具体的实体,再将金格组件拖到页面中即可,运行态不会显示此组件。
2) 属性设置
➢ 签章数量:配置表单上面需要进行签署章的数量。
➢ 签章keys:新增页面变量文本类型 “keys” ,配置表单上面需要进行盖章的keysn
➢ 服务端地址:新增页面变量文本类型 ,配置服务端地址
➢ 页面规则:添加页面初始化事件, 修改页面变量 keys和 服务端地址
➢ 盖章ID:新增页面变量文本类型“盖章id“,然后与此字段进行绑定。
➢ 签章1:与需要签署区的文本实体进行绑定。
3) 页面规则
新增一个“盖章”页面规则,具体设置如下:
● 新增参数
● 修改变量
● 控件动作
● 按钮绑定事件,执行页面规则
(1)找到签署区字段的唯一标识
(2)【盖章】按钮执行页面规则,需要携带签署区字段的唯一标识
运行态效果展示
➢ 点【盖章】按钮,弹出电子印章,当前用户进行选择需要的章
➢ 将电子印章签署到对应的签署区
➢ 点击图片,可以查看电子印章的签署信息和证书信息
➢ 签署区如果已经盖章,则不允许重复盖章,需要先撤销印章才行
H5-移动端签章
设计态配置
右侧属性配置和pc端一致
移动端注意点
需要在流程管理中,修改操作权限-表单权限-审批,对应的签章控件修改为正常
19 - 评论相关组件
评论组件
评论组件需要配合论坛应用使用
设计态配置
- 基础设置
- 选择页面控件(论坛应用发贴所需参数)
版块分类有值会查询论坛应用的版块分类,未匹配到会提示联系管理员创建该分类
版块分类只有全机构切发布人可设置发布范围或者由发布人指定发布范围时,会增加动态和固定参与部门作为发布范围参数
- 该控件有两个控件动作(发贴、评论)
运行态效果
富文本
设计态配置
需要在单一记录中使用,绑定对应实体字段(文本或多行文本)
● 基础配置
● 提供了按钮点击事件,根据需求配置
运行态效果
20 - 智能审查组件
智能审查
业务场景概述
智能审查应用的核心功能是与小包公的智能审查能力无缝对接。用户上传文件后,只需选择合同类型和审查立场,系统即可自动进行深度审查,并为用户提供个性化的建议。在审查过程中,系统会精准地标出文件中的高风险点和低风险点,同时给出必要的注意事项,以帮助用户更好地规避潜在风险。此外,该应用还会提供相关参考案例和法律条文,为用户提供全方位的审查支持。
配置流程说明
序号 | 步骤 | 步骤说明 | 其他说明 |
---|---|---|---|
1 | 添加依赖组件 | 应用-依赖设置-组件依赖-前端组件:添加“智能审查”组件 | |
2 | 页面设计 | 页面设计添加单一记录,在单一记录中添加“智能审查”组件,并进行对应的属性设置 | |
4 | 发布应用 | ||
5 | 运行态应用 | 维护/查看智能审查功能 |
详细配置说明
添加组件依赖
确定所需要的业务应用,首先通过依赖设置-组件依赖,添加搜索“智能审查”进行添加前端组件。
页面设计
1) 添加智能审查组件
2) 属性设置
➢ 字段:需要在组件上维护单据对应的“合同正文”字段。
➢ 单据编号:需要在组件上维护单据对应的“单据编号”字段。
➢ 合同类型:需要在组件上维护单据对应的”合同类型“字段。
运行态效果展示
➢ 合同正文:在正文中上传需要进行智能审查的文件。
➢ 输入合同类型:此处的合同类型与“基础信息应用-智能审查-合同类型”是搭配使用的,此处填写的合同类型会与“基础信息应用-智能审查-合同类型”列表的合同类型进行精确匹配,并自动对应到小包公的“审查分类”,并受到对应的权限控制。(注意:匹配规则是文字精确匹配+“基础信息应用-智能审查-合同类型”列表中合同类型为空的所有数据)
➢ 智能审查-审查合同类型:只能选到与“基础信息应用-智能审查-合同类型”列表的合同类型进行匹配的或者为空的所有合同类型。
➢ 智能审查-审查立场:选择需要进行审查的立场。
➢ 智能审查:跳转小包公页面进行审查。
➢ 智能审查:在小包公中支持直接定位原文,并支持将小包公的条款建议插入到原文中。
➢ 基础信息-智能合同-智能审查-合同类型:
- 支持将小包公的审查类型同步过来;
- 支持维护小包公审查分类与合同应用中的合同类型的对照关系;
- 支持设置授权:使用部门范围、使用人员范围;
- 支持启停用;
➢ “基础信息应用-智能审查-合同类型”是与应用的合同类型搭配使用的,将应用的合同类型会与“基础信息应用-智能审查-合同类型”列表的合同类型进行精确匹配,并自动对应到小包公的“审查分类”,并受到对应的权限控制。(注意:匹配规则是文字精确匹配+“基础信息应用-智能审查-合同类型”列表中合同类型为空的所有数据)
➢ 基础信息-智能合同-智能审查-审查日志:
- 每次审查记录信息都会写入到日志表中;
- 支持直接查看审查结果;
- 支持查看来源应用的单据;