从线下审批到在线审批 | 学习笔记

开发者学堂课程【码上公益“第益课”高校公益实践计划低代码开发课程：从线下审批到在线审批】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/994/detail/14986

从线下审批到在线审批

内容介绍：

一、 课程概述：

二、 课程目标

三、 宜搭的在线审批基础

四、 请假申请案例实践——表单使用

五、 请假申请案例实践——流程设计

六、 请假申请案例实践——数据使用

七、 课程总结

一、课程概述

宜搭可以通过线上流程审批，轻松的完成各种复杂业务流程的审批工作，促进团队工作效率的提升。本章将通过从空白开始创建一个请假申请应用，掌握表单、流程和数据的基本配置，为后续进阶课程打下良好的基础。

二、课程目标

了解为什么要实现在线审批

了解在线审批的操作基础

掌握表单基础和表单操作

掌握流程基础和流程操作

掌握数据基础

三、宜搭的在线审批基础

1. 在线审批的背景与优势

在线审批解决了线下审批填写困难、审批找人难、统计困难、存档困难的问题。

使用在线审批，宜搭可以实现传统表格全部能实现的内容，并且线下找人签字改成线上审批，不需要翻找纸质存档了，节省时间和人力。这是在线审批的优势。

2. 宜搭的在线审批基础

在宜搭的应用中，通过表单、流程表单、报表、自定义页面、添加外部链接来配合完成完整的业务场景需求的解决。

其中表单、流程和报表是宜搭的基础三要素。

3.宜搭应用的表单类型

表单类型分为普通表单和流程表单，以下是两个表单的区别：

（1） 普通表单多用于收集数据，适用于匿名投票应用。比如：匿名收集哪个国家是最喜爱去旅游的国家，这种应用就可以使用到普通表单去进行收集数据。

（2） 流程表单多用于流程线上化。适用于行政管理应用，请假、出差申请流程表单。

3. 表单的页面设计

表单的页面设计包括组件库、画布以及属性。

（1） 组件库：选择组件，不同的组件可以存储不同类型的数据

（2） 画布：可以布局组件排列顺序等。可以将组件库当中的组件拖动到画布上，通过拖拽的方式去布局组件的排列顺序。

（3） 属性：包括单个组件段的属性设置以及整个表单的属性设置

在流程表单中，没有流程流转审批人配置入口。

配置流程的设计：

点击流程设计，就可以跳转到简易流程设计器的页面。

4. 简易流程设计器

（1） 流程画布：能配置包括审批人、执行人、抄送人、分支节点和消息通知等节点。

（2） 全局设置：配置校验、关联规则、自动执行规则等操作。

（3） 测试：配置好测试数据及发起人后，选择启动测试，即可在审批流程中查看模拟的流程。可以不需要发起一个真实的审批，而是使用模拟的流程来看配置是否有错误来进行及时的更改。

（4） 保存并发布：配置完成后点击保存并发布流程，后续提交的数据按照此次流程设计进行流转。

四、请假申请案例实践——表单使用

1. 传统请假单存在的问题

纸质请假单的存在的问题：

（1） 填写繁琐，不容易存档

（2） 人工传递表单进行审批，容易疏漏，并且审批不及时

（3） 表单数据不易追踪与统计，HR需要人工计算与汇总数据，容易出错

可以将上图的请假单分为三个部分，表单、审批流程、表单附件。分解完成后，就可以搭建请假申请的应用系统。

2. 线下表单与在线表单对比

使用宜搭，一般职能人员就能搭建流程应用系统，HR可以将线下的请假流程转移到线上，实现在线化的请假审批流程。

3. 表单组件介绍

如果不想手动输入申请人或者申请人所在部门或者申请时间，可以使用宜搭当中的组件公式。

4. 组件中的公式介绍

5. 搭建演示

（1） 首先进入宜搭首页，选择工作台，选择创建空白应用，点击开始创建，应用名称输入为“请假申请“，点击确定。

（2） 创建完应用后，再去创建一个页面，请假申请是一个流程表单，所以选择新建流程表单。页面名称起名为“请假申请“，点击确定，请假申请的表单就创建好了。

（3） 在这个请假申请的表单设计页面里面拖动一些组件到画布当中去配置一些属性。

1) 首先，请假申请流程表单中需要一个申请人，这里的申请人选择一个成员组件，拖动一个成员组件到画布上，右侧会显示组件属性，可以在属性中更改标题、默认值、描述信息等等。将标题更改为申请人，这里想要默认获取当前登录人的信息，所以选择默认值并将它更改成公式编辑去进行，公式获取当前登录人的信息，点击编辑公式，这里想要获取登录人的信息，所以使用人员获取函数当中的USER，在函数列表中可以选择，点击然后点击确定。

2) 接下来依次配置申请人的申请部门和申请时间，想要获取到申请人所在部门，可以使用到一个单行文本组件拖到画布当中，更改它的标题为部门或者申请人所在部门；默认值改为公式编辑，然后去编辑公式，配置公式自动获取到当前登录人所在的部门，可以在函数列表中进行寻找，也可以直接在上方进行模糊搜索。

比如 DEPTNAME 是获取到指定人的所在部门名称，可以直接点击也可以搜索，中间需要放入一个人员搜索框的或者 USER ID，将成员也就是申请人放入进去，就可以获取到申请人所在的部门了。点击确定，申请人所在部门配置完成。

3) 接下来配置申请日期。选择一个日期组件拖动到画布当中去更改它的标题，这里想要的格式是精确到秒，所以在右侧的属性当中可以配置他的格式为年-月-日-时-分-秒。

如果想要自动获取申请日期，就可以再默认值当中去选择公式编辑去编辑公式，这里使用到的是或许服务器的日期并且将时间戳填充到日期组件当中，所以这里使用时间函数 SYSTIME，SYSTIME 是一个日期对象，如果想要将它更改为一个时间戳的格式，就要在外面嵌套一个 TIMESTAMP，将它扩在里面，配置完成，点击确定。

4) 接下来配置请假类型。请假类型时用到的是单选组件，将其拖动到画布当中。更改标题为请假类型。

自定义选项可以选择单个修改也可以选择批量编辑，在这里批量编辑一些，比如年假、事假、病假，点击确定，请假类型配置完成。

5) 接下来配置请假的开始时间和结束时间，拖动两个日期组件，也可以选择点击的方式。更改标题为请假开始时间和请假结束时间。找到数值组件，更改它的标题为时长，如果想要默认获取请假结束时间和请假开始时间中间间隔的天数，就要在默认值当中去配置它为公式编辑，选择编辑公式，这里用到的是时间函数，可以到函数列表中去寻找，这里使用 DAYS 函数且在实例中会有 DAYS 的说明。

同样进行配置，里面是 DAYS 包裹的请假结束时间，逗号相隔然后去配置请假开始时间，配置完成之后，间隔时间天数就配置好了，点击确定。

6) 用到多行文本去配置请假事由，图片上传组件配置请假附件。标题改为图片，这里配置上传详情的设置，上传类型有点击类型、卡片类型和拖拽类型，选择卡片类型；如果需要对图片上传组件需要一些描述信息的话，也可以在属性中去配置描述信息。

例如最大上传九张图片，点击确定，描述信息就会在下方展示。

最终配置完成之后，点击保存进行预览。在页面预览中显示申请人、申请人所在部门以及申请日期均被自动获取。

检验时长是否配置正确：选择请假的开始时间和请假的结束时间，可以自动获取请假时长。

6. 请假申请表单搭建整体流程

通过对请假流程的背景了解和需求分析，确定应用所需要的功能，开始创建一个请假申请表单，请假申请表单搭建整体流程：

（1） 创建空白应用

（2） 新建流程表单

（3） 拖动所需组件并配置相关公式

（4） 保存预览检验表单是否配置完成

五、请假申请案例实践——流程设计

1. 审批流程介绍

一个审批流程通常由审批人、审批策略、审批动作组成：

（1） 审批人：指定成员、角色、连续多级主管审批等

（2） 审批策略：当有多个审批人时，可以选择会签、或签和依次审批的方式进行审批

（3） 审批动作：同意、拒绝、转交、加签和退回

2. 流程审批节点介绍

一个审批流程包含发起、一个或若干个流程节点和结束三个部分，中间可添加的节点的类型有：人工节点、分支节点、连接器、数据节点和开发者。

3. 两种审批流程：串行审批、条件触发审批

串行审批是每一个节点的审批人审批通过后可以进入到下一个节点；条件审批在审批工作流中也比较常见，设计上是某个审批环节要由谁或者是哪一个角色来审批，需要取决于条件判断。例如：金额低于10000，由财务总监审批即可；金额如果高于10000则需由副总裁审批通过。本次搭建的请假申请表单搭建流程实际上属于条件审批，所以需要在流程表单中的流程设计模块去配置分支条件。

4. 请假审批流程设计

请假申请流程设计，采用条件触发流程，当请假时长小于1天，仅需部门主管审批，其他情况需要主管和总经理审批。

5. 实操演练

（1） 搭建一个流程设计，点击上方流程设计，进入到流程设计的页面，这里就是建议流程设计器。

（2） 配置一些审批节点，在发起和结束节点中间的线上可以配置任何节点。可以选择加号去配置条件分支，配置一个分支节点，分别对应条件一和其他情况。

条件一里面去配置请假时长小于等于一天，点击条件一，在条件规则当中去选择时长，选择条件是小于等于，时长是一天，点击保存，这样就可以配置完成条件一时长小于等于一的流程了。

已经生成两条流程，可以在上面配置不同的审批角色，可以通过添加或删除默认的审批节点来完成对整个流程的规则的设置。将默认的审批节点删除掉。

在时长小于等于一里面去配置一个审批人节点，审批节点包含审批人类型，审批人类型包含固定的指定成员角色部门主管等信息。在条件一下面，添加一个发起人一级主管，这里选择审批人配置为发起人一起主管，在这边选择部门主管，在市场小于等于一天的时候可以配置一个部门负责人来审核，所以在流程的第一个节点就去配置部门主管去进行这样的审批。

（3） 如何修改审批策略因为成员的以及主管可能是多个成员，因此存在一个审批机制是多人审批方式，或签是一名审核人同意即可整个节点通过，如果想要全部同意通过使用会签，如果想要依次审批使用依次审批。将多人审批流程配置完成之后，进行整个节点的动作设计，在这里选择审批按钮。

引入另外一个属性叫审批动作，点击上方的审批按钮进入操作按钮当中，即审批动作，默认包含同意、拒绝两个动作。

 

（4） 如果业务需要的话可以启动其他的操作按钮，例如在这个节点开启退回，当流程进行到这个节点时，审批人可以退回该流程，审批动作里会包含退回的按钮，点击保存。同样，可以配置当流程是其他条件即大约一天的流程配置。如果配置时长大于一天，就需要部门主管和总经理审批，可能总经理是一个固定的成员，所以依次配置审批人是他的部门主管，也是第一级主管或签的方式，如果他是指定成员，那就配置他为指定成员，可以通过模糊搜索的方式，也可以通过组织架构书去寻找下级然后找到审批人。

（5） 配置完成，点击保存。整个流程配置完成之后，点击右上角保存，并发布这个流程

可以点击测试模拟一条测试数据。选择请假开始的时间和请假结束的时间，默认获取时长为一天，它是小于等于一天的，启用测试，可以看到审批人是一级部门主管；如果大于一天的话，启用测试，可以看到已经有部门主管和总经理进行审批了，请假申请配置完成。

6. 请假审批流程的设计步骤

创建完请假申请的流程表单之后，需要对请假审批流程进行设计，进入到流程设计界面按如下步骤完成流程设计与配置：

（1） 流程设计

（2） 添加分支节点并配置规则

（3） 配置审批人节点和审批动作

（4） 保存并发布

（5） 模拟测试查看配置是否正确

六、请假申请案例实践——数据使用

1. 数据统计与分析

请假申请数据通过表单提交后通过使用宜搭可以实现数据整理，汇总员工请假数据并进行统计与分析。

数据整理的优点：

（1） 数据采集简单，不易丢失

（2） 一键批量导出数据，高效办公

（3） 设置权限，让信息更安全

（4） 可直接快速检查所需信息

（5） 数据可视化，方便查看，对比等

2.数据的闭环

个人作为数据产生者需要了解流程进度，代办任务的管理者需要关注数据看数据，从而产生有价值的决策，应用开发者需要后台视角汇总所有数据对数据进行存单和追溯。

3.请假申请数据采集

每个人都可能在环节内有角色。审批人需要汇总待处理的流程任务；发起者需要随时掌握创建任务的审批进度；被抄送者在前端页面会集中显示这些任务数据。宜搭的应用后台管理页会内置四个流程相关的数据展示页面。

（1） 宜搭的后台管理页左上角提供四个页面，它们默认是隐藏的，可以设置将它显示在pc端或者移动端，设置完成之后，点击访问。

（2） 这样就可以查看内部数据，此时在待我处理模块中可以看到当前需要审批的一些流程；而在我已处理的数据当中，是已经处理过的一些审批任务；在我的创建当中，会显示创建的一些任务，便于发起者实施的查看审批进度，再回到后台应用管理页面；我创建的会展示提交的一些任务，便于发起者实时查看任务进度；抄送我的同样的也是展示抄送我的一些数据。

（3） 再回到应用后台管理页，点击请假申请，选择请假申请的流程表单，在流程表单右侧有一个数据管理，点击可以看到后台数据管理，后台数据管理是系统平台必备的功能，方便用户查看和最终的所有数据。可以在上面设置一些查询条件，设置数据的显示列，并且该页面还提供了数据批量导入和导出的 一些功能以及下载文件的功能。同时也可以把当前的数据管理页开放给用户，比如说管理者与相关人员，方便他们对数据做查询与追溯。

（4） 配置当前数据管理页的一些筛选条件：点击设置筛选条件，勾选全选，将表单内的所有字段以及系统内置字段作为整个数据的查询条件，配置完成之后点击确定。可以看到筛选字段，可以选择相应的筛选条件。如果不想筛选，也可以点击将它关闭掉，在左侧有一个显示列，点击查看想要查看的信息，全选是将所有的字段展示出来，也可以拖动字段进行排序。点击生成数据管理，修改名称。

（5） 自定义是否修改页面名称，举例修改为请假申请—数据管理页，或者选择分组，也可以隐藏导航栏中的表单页面，配置完成之后，点击确定。此时在后台管理中就会生成一个页面，点击访问，目前是以一个用户的身份进行查询数据，点击数据管理页，可以看到自己提交的数据，这样就实现将数据翻到访问页面进行展示的功能了。

4.请假申请数据汇总

重要的数据会散落在各处汇总，分析不方便，很多数据是滞后的，管理员大部分情况为未思考决策。宜搭不仅可以对数据进行自动的汇总，还可以通过建立报表页面，以各样的图表对数据进行多维的展示与分析，让决策者对整个业务运营情况了如指掌，看数据一目了然。

5.请假申请数据分析

做一个报表页面：

（1） 返回到后台管理页面去创建一个新的报表，命名为报表页面，点击确定。

（2） 进入到报表页面，首先查看组件库。报表的组件库当中提供了他独有的一些图标组件，比如柱形图，折线图，饼图，仪表盘，漏斗图，热力图等等。可以根据业务需要来拖动相应的图标组件，对数据进行统计分析。

（3） 首先配置两个图标组件，分别是表格和折线图。表格主要是把数据以明晰的方式展示出来，右侧显示选择表格之后会出现一个数据集，选择数据集，选择表单，选择请假申请，点击确定，配置完成。配置表格列，也就是显示的一些内容，比如申请日期，申请人，审批结果还有流程状态等等一系列的信息都可以配置，如果申请人是一个工号的方式，可以将它删除，然后更改成显示申请人名称，，也可以拖动它来放置，表格列的一些字段顺序，再加一些比如时长，配置顺序。

（4） 折线图适用于显示数据在一个连续时间，间隔或者时间跨度上的一些变化，所以横轴选择时间纵轴选择数值。先去配置数据集，选择请假申请的表单，点击确定。横轴选择请假开始的时间，纵轴是数值，选择申请人，拖动过去之后，会自动地将聚合改成计数。

（5） 还可以配置柱形图，拖动柱形图到展示的位置，配置数据源，统计数据，比如说统计请假时长或者请假提交次数。如果统计请假总时长，可以选择时长作为统计字段。要统计申请人的请假时长，横轴选择申请人。

时长点击编辑可以看到聚合节点默认是求和，这个时候统计出来的就是每一个人员总共提交过的请假总时长。请假次数可以在纵轴更改，增加一个实例id，实例id集合节点是一个技术，这样就可以计算出请假次数。显示出一个蓝色的柱形和一个深蓝色的柱形为请假次数和请假时长。

还可以点击其他配置标题，先将显示标题打开，然后去设置组件标题，比如将当前的柱形图更改标题名为图标，就设置完成了标题，点击保存，回到后台管理页面，点击访问，查看报表页面。已经成功进行数据汇总。

 6.请假申请数据管理流程

提交请假申请，完成请假审批流程之后，数据将存放到系统后台中，通过以下流程实现对数据的管理：

（1） 数据采集：通过任务模块获取不同状态的任务，采集数据

（2） 数据汇总：通过数据管理页面，汇总所有请假申请表单中的详

细数据

（3）数据分析：通过新建报表页面，配置柱状图，统计请假数据结果，便于进行数据分析

 

七、课程总结

1. 表单组件：

成员、单选、日期、数值、图片上传

2. 函数：

人员获取函数、文本函数、时间函数

3. 功能：

流程设计，分支条件，审批人配置，数据整理后的报表、数据管理页展示

4. 更多场景：

出差申请、报销审批。