本篇实践示例是围绕 OA 办公中常见的请假场景,主要涉及功能点为:
数据源的创建:根据业务需求创建相关字段。
数据源的事件绑定:通过数据模型触发流程。
创建模板应用,并对表单组件绑定的数据源进行字段展示的控制。
用户与角色权限控制。
工作流的创建与配置,例如:审批节点,更新记录节点。
发布应用。
企业工作台的操作以及流程审批。
概述
场景描述
公司内部请假系统,员工发起请假申请,可填写姓名、请假原因等其他扩展字段。相关领导收到员工发起的请假申请审批通知后,可通过单击通知跳转至审批页面操作审批。审批完成后,根据领导的审批操作对该条请假数据进行结果批示。
![](https://qcloudimg.tencent-cloud.cn/image/document/e46c299330b3692e8de850ac07726fae.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/e46c299330b3692e8de850ac07726fae.png)
创建应用步骤
数据模型设计
1. 创建请假表数据源。
![](https://qcloudimg.tencent-cloud.cn/image/document/347d9b5dd84420d983b701a31a8ccc0a.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/347d9b5dd84420d983b701a31a8ccc0a.png)
填写所需数据。
![](https://qcloudimg.tencent-cloud.cn/image/document/ecb82fbbbc3f51e978116a000cd623b2.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ecb82fbbbc3f51e978116a000cd623b2.png)
2. 创建所需字段,例如:姓名、原因,可根据业务情况进行字段调整。
![](https://qcloudimg.tencent-cloud.cn/image/document/247ef9ae3e829458685a2dc5a86d72dd.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/247ef9ae3e829458685a2dc5a86d72dd.png)
创建模板应用
![](https://qcloudimg.tencent-cloud.cn/image/document/bd7d5e4b29e5fccbb69adc2c29fd95d9.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/bd7d5e4b29e5fccbb69adc2c29fd95d9.png)
新建数据源相关页面
进入应用编辑器,进行新建页面操作,通过数据管理模板创建出相关数据源页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/cd976b01d0eaf7d5fb4bf523df29447c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/cd976b01d0eaf7d5fb4bf523df29447c.png)
编辑/创建页面
修改编辑请假页面中的显示字段,去掉勾选是否通过字段(因为员工申请请假时,不能自己填写是否通过,应该由审批人操作)。
![](https://qcloudimg.tencent-cloud.cn/image/document/1cb7f6c9248183ea63eb036cab4175b3.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/1cb7f6c9248183ea63eb036cab4175b3.png)
配置工作流
1. 创建工作流。
![](https://qcloudimg.tencent-cloud.cn/image/document/8b719a319c5ca4f6746dcfd2e697ec16.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/8b719a319c5ca4f6746dcfd2e697ec16.png)
2. 设置开始节点入参。
![](https://qcloudimg.tencent-cloud.cn/image/document/2a1552b9e210d45120af0b828bc7afbb.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/2a1552b9e210d45120af0b828bc7afbb.png)
设置输入变量参数。
![](https://qcloudimg.tencent-cloud.cn/image/document/4e645975a3a240825f7935e92f0c0291.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/4e645975a3a240825f7935e92f0c0291.png)
1:输入变量类型。
2:选择创建的请假相关数据模型。
3:设置新增请假记录的数据变量别名,可用于流程中数据流转。
3. 增加审批节点。
单击开始节点后连接线上加号,添加审批节点。
![](https://qcloudimg.tencent-cloud.cn/image/document/89bf5e6f4f1c717673e659aecdec5e60.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/89bf5e6f4f1c717673e659aecdec5e60.png)
将是否为开始审批节点设置为否,该节点可作为审批操作节点。节点后连接线分支联动为审批操作同意,该场景模拟下指定超管为任务接收人。
注意
![](https://qcloudimg.tencent-cloud.cn/image/document/fc9baa38395919401ce54173a6c86e36.png)
4. 设置审批节点同意后的流程操作:增加审批后处理数据节点的更新记录,在数据记录处选择 qingjia,即在流程开始处设置的输入变量。
![](https://qcloudimg.tencent-cloud.cn/image/document/6f956875ac0f59b783c2a60320070a47.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/6f956875ac0f59b783c2a60320070a47.png)
然后设置赋值。
![](https://qcloudimg.tencent-cloud.cn/image/document/32022ab9a8e561d45d1696f53f70a2e3.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/32022ab9a8e561d45d1696f53f70a2e3.png)
5. 设置审批节点拒绝后的流程操作。
左侧元素面板选择更新记录拖拽至画布恰当位置。
![](https://qcloudimg.tencent-cloud.cn/image/document/ce14a3667bcc1dcc84d6f5ceb03f57de.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ce14a3667bcc1dcc84d6f5ceb03f57de.png)
创建审批节点与更新记录1节点中连接线,默认为审批拒绝分支。
![](https://qcloudimg.tencent-cloud.cn/image/document/90736869cb4ecbcd248c6edaa61ffb58.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/90736869cb4ecbcd248c6edaa61ffb58.png)
设置更新记录1节点赋值。
![](https://qcloudimg.tencent-cloud.cn/image/document/ad56c71342ceafd3294c3dec194e5046.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ad56c71342ceafd3294c3dec194e5046.png)
6. 将两个更新记录节点都接入结束。然后单击保存流程。
![](https://qcloudimg.tencent-cloud.cn/image/document/8da1e8271f88b806b28b74bf79d7391e.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/8da1e8271f88b806b28b74bf79d7391e.png)
7. 在请假数据源的事件处理中新建事件处理。
![](https://qcloudimg.tencent-cloud.cn/image/document/6a57e2c7d61b715fff1e363b7a85f030.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/6a57e2c7d61b715fff1e363b7a85f030.png)
触发时机选择新建后,绑定上一步创建的请假相关工作流。设置完成后提交。
![](https://qcloudimg.tencent-cloud.cn/image/document/af470111be9f0510c686ec41d4c6b265.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/af470111be9f0510c686ec41d4c6b265.png)
设置角色权限
1. 设置员工账号。首先单击新建用户。
![](https://qcloudimg.tencent-cloud.cn/image/document/3a7aaa2ddbb62d3a29b35db31bc47380.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/3a7aaa2ddbb62d3a29b35db31bc47380.png)
进行用户信息设置。
![](https://qcloudimg.tencent-cloud.cn/image/document/44d0d74070c0a94abb8c928238866d05.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/44d0d74070c0a94abb8c928238866d05.png)
2. 给员工账号分配对应的角色,并设置角色相关权限。权限包括如下:
应用访问权限。
![](https://qcloudimg.tencent-cloud.cn/image/document/87721c81e7dd44ac2f7f561c51b4384d.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/87721c81e7dd44ac2f7f561c51b4384d.png)
数据模型权限。
![](https://qcloudimg.tencent-cloud.cn/image/document/34faaead30af668d3f7c476bccf9d489.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/34faaead30af668d3f7c476bccf9d489.png)
流程权限。
![](https://qcloudimg.tencent-cloud.cn/image/document/913e2663b319ac297e9040801501574d.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/913e2663b319ac297e9040801501574d.png)
企业工作台权限。
![](https://qcloudimg.tencent-cloud.cn/image/document/93e8cc85d62db1804043428f0c933c54.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/93e8cc85d62db1804043428f0c933c54.png)
3. 权限配置完成,进行发布角色后权限配置生效。
![](https://qcloudimg.tencent-cloud.cn/image/document/3134a3344e9870bb69a2900c41090845.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/3134a3344e9870bb69a2900c41090845.png)
发布应用
![](https://qcloudimg.tencent-cloud.cn/image/document/9cff9852e9f9cc3c2e0dbfdaf799f606.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/9cff9852e9f9cc3c2e0dbfdaf799f606.png)
运行态效果
访问企业工作台
用以上步骤创建的用户身份登录企业工作台。
![](https://qcloudimg.tencent-cloud.cn/image/document/50fe4571699ffe23422d3c21c102bfe8.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/50fe4571699ffe23422d3c21c102bfe8.png)
创建请假申请
模拟申请人提交请假申请操作,通过数据模型触发工作流,新建请假申请。
![](https://qcloudimg.tencent-cloud.cn/image/document/7babd2eb98f510ac65036425654070d9.png)
新建后查看列表该数据已创建成功。
![](https://qcloudimg.tencent-cloud.cn/image/document/148ae26dd3f5b5d05aca0d19b28eba06.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/7babd2eb98f510ac65036425654070d9.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/148ae26dd3f5b5d05aca0d19b28eba06.png)
审批操作
1. 用超管账号 administrator 登录企业工作台,可收到1条新增的待办通知。
![](https://qcloudimg.tencent-cloud.cn/image/document/3c6c6c38abb8b6b80da093302c5f7016.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/3c6c6c38abb8b6b80da093302c5f7016.png)
2. 单击待办通知,可跳转至审批页面。然后进行审批操作。
![](https://qcloudimg.tencent-cloud.cn/image/document/1c21aa2a4542c88cb6780fddec85427c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/1c21aa2a4542c88cb6780fddec85427c.png)
3. 数据中是否通过字段已更新,说明审批完成。
![](https://qcloudimg.tencent-cloud.cn/image/document/21f3a33997412bfd31bc121ea9cdfcb0.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/21f3a33997412bfd31bc121ea9cdfcb0.png)