有奖捉虫:办公协同&微信生态&物联网文档专题 HOT

审批页面介绍

审批页面使用场景

审批页面为工作流中的人工任务节点定制页面,目的是实现工作流中的审批页面的定制化,例如工作流中的特定审批页面的内容想要实现定制,可以通过工作流节点关联应用中审批页面的方式实现。



审批页面新建

审批页面从工作流发起新建。

从工作流发起新建

1. 进入工作流页面,如果您是在环境下首次使用新建审批页面功能,由于审批页面模板使用到了工作流相关 APIs,那么您需要先创建工作流 APIs,单击新建请前往



2. 在微搭内置开放服务单击系统工作流



填写相关内容后,单击创建



注意
新建系统工作流时,SecretId 和 SecretKey 建议使用主账号密钥。
3. 流程的人工节点选择模型应用后,单击新建,会跳转至所选模型应用,完成审批页面模板的新建。



4. 发起的新建审批页面会生成以流程名称和节点名称结合命名的审批页面。



说明:
审批页面调试请参见 审批详情页面调试

审批页面基础要素

新建审批页面之后页面预置内容包含流程图示/流转记录、审批按钮,除流程图示外,页面其他元素均由官方组件搭建,支持根据业务场景进行页面调整。



发起的新建审批页面,如果流程中配置了页面变量,单击新建后,除了预置的页面内容,还会根据流程中配置的页面变量生成内容。




审批页面编辑

选中审批页面大纲树中的内容,可以删除、添加、修改组件,对组件进行编辑。
注意
审批页面新建和编辑之后,单击保存才可为流程中的节点所选择。

审批页面发布




审批页面从流程中新建时,模型应用发布时会和流程人工节点设定的页面变量进行关联检查,如果流程中页面变量有更新,会在发布时提示用户审批页面是否要同步数据:
单击发布会同步流程中最新的页面变量。
单击忽略保持当前页面内容进行应用发布。
单击查看跳转到工作流。

流程定制审批页面使用示例

新建模型应用

首先新建一个模型应用学生请假申请_勿删




新建数据模型

新建学生请假数据相关的数据模型,包含请假类型、请假原因、请假天数等字段。




新建流程

1. 进入工作流页面,单击新建流程,新建审批流程测试_请假流程。



2. 添加一个审批节点,节点类型选择提交申请节点(提交)。



3. 单击页面变量 > 设置,页面输出变量配置对象-学生请假数据_勿删-QJXX,单击确定



4. 审批应用选择学生请假申请_勿删



5. 此时审批页面下拉选择时没有审批页面可选,单击新建,跳转新建审批页面。



6. 单击新建跳转到模型应用中新建审批页面,审批页面会根据流程的页面变量自动生成页面内容。



7. 可以修改审批页面中内容,例如我们删除请假天数单行输入框(那么流程发起者在输入内容时就不会看到请假天数输入框)。



8. 模型应用中可以单击保存,在工作流中单击审批页面刷新按钮,就可以看到可选择的审批页面。



9. 再添加一个审批节点,节点类型选择审批操作节点。



高级属性中页面来源选择自定义审批页面,审批应用选择学生请假申请_勿删



页面变量设置,页面输入变量设置对象-QJXX



页面输出变量设置对象-学生请假申请_文档勿删-QJXX2



10. 变量配置完成之后,单击新建,再建立一个定制化的审批页面。
新的定制化的审批页面中,可以对请假原因、请假类型设置禁用(审批者这两个要素只可以查看不可以输入和修改),设置完成后单击保存模型应用。



11. 工作流中选择配置好的审批页面,审批任务接收人可以设定角色-默认超级管理员
注意
如接收人设定为非超管时,需要对接收人进行权限配置,请参见 角色权限配置



添加一个创建记录的节点,选择学生请假数据_文档勿删



单击设置赋值,值都选择变量,具体的变量值选择 QJXX2 中对应的值。赋值配置完成的效果如下,配置完成之后单击确定



12. 设置好流程之后单击保存审批流程测试_请假,同时发布体验版学生请假申请_勿删



发起流程

1. 模型应用发布后可以单击访问企业工作台



2. 默认会使用 admin 账号登录企业工作台。



3. 单击切换到流程中心,单击发起流程,可以看到刚才新建的审批流程测试_请假在流程中心中。



4. 单击审批流程测试_请假,填写内容,单击提交申请按钮发起审批。



此处我们在流程中审批者(任务接收人)设置的也是 admin 角色,提交申请之后可以在我的待办中看到待审批记录。



5. 单击进入该条记录,可以看到请假类型和请假原因不可输入(审批页面中我们设定的请假类型和请假原因不可输入)。



6. 请假时长我们输入6,单击同意通过审批。



可以在我已处理中看到审批通过的记录。



同时可以在数据模型-学生请假数据中查看到该条记录。