有奖捉虫:办公协同&微信生态&物联网文档专题 HOT
微搭支持在小程序或 H5 中通过页面事件触发工作流,核心功能请参见 工作流-页面事件触发。这里通过简单的请假场景进行实践说明。

创建数据模型

创建请假数据模型,包含姓名开始时间结束时间事由四个字段。




创建两个应用

创建自定义应用请假小程序支持小程序和 H5,作为请假流程的发起端。创建数据模型应用请假管理端作为请假审批管理端。




创建工作流程

创建请假流程工作流,包括开始节点、查询记录节点(对象活动)、审批节点(人工任务)、结束节点。




开始节点

开始节点中打开流程中变量输入开关。



设置输入变量,这里使用变量 ID 作为流程输入变量,用来接收请假的数据标识 id。




查询记录节点

查询记录节点,通过开始节点的变量 ID 查询请假数据并输出变量 vocation



这里查询条件设置使用开始节点的输入变量 ID。




审批节点

审批节点配置任务审批处理人、审批策略等信息。



页面变量设置输入变量为查询记录节点的输出变量 vocation。修改页面参数后,请前往应用编辑器更新相关页面。



审批应用选择数据模型应用请假管理端,同时创建审批流程页面。这里具体操作不熟悉的用户请参见 流程审批页面定制化

小程序或 H5 触发页面

请假页面

在小程序应用的页面中拖入表单容器组件,数据模型选择上面创建的请假




创建变量

创建变量存储表单提交数据成功后返回的数据标识 ID。




变量赋值

打开调用数据源等6个事件,把输出参数即新记录的 ID 保存到上面创建的变量中。




添加触发流程事件

选择变量赋值事件,在成功时添加触发流程动作,选择上面创建的请假流程



请假流程的 ID 选择上面创建的变量 ID。




创建外部用户角色

给小程序应用创建一个外部登录用户的角色请假申请用户,配置其具有自定义应用访问权限、数据模型权限、流程权限。



自定义应用访问权限。



数据模型权限。



流程权限。



由于审批页面模板中依赖了系统工作流 APIs,需要开启该访问权限。



配置完应用后,记得一定要发布生效。

配置自定义登录

在小程序应用编辑器中开启自定义登录。






这里外部用户默认权限选择上面创建的外部用户角色请假申请用户




结果验证

发布上面创建的两个应用。若自定义应用请假小程序发布的是 H5,登录的时候需要手机号码和短信验证。



若发布的是小程序,登录的时候需要微信小程去授权登录。



登录后,在对应页面输出请假信息。



登录数据模型应用请假管理端,进入企业工作台 > 待办中心



打开流程审批页面,会看到提交的请假申请。