H5签章组件

  少于1分钟  

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端一致

移动端注意点

需要在流程管理中，修改操作权限-表单权限-审批，对应的签章控件修改为正常