---
order: 2
navTitle: 配置工作流的审批页面（60分钟）
---
# 配置工作流的审批页面

> 预计用时：60分钟

本课程以搭建的**请假申请**的工作流为基础，介绍如何对已经提出的申请进行审批。

![申请页面](./images/2024-05-15-16-15-03.png)

:::tip 学习小贴士\
点击链接跳转观看学习视频：[配置工作流的审批页面](https://www.bilibili.com/video/BV1LR4y1M7Sc?p=2\&t=1.8)\
可以按照下方[课程讲解](#course)的分解步骤进行学习，学习完之后别忘了完成练习哦！
:::

## 课程目标{#target}

学习本课程可以掌握到如下知识点：

- 掌握工作流流程中审批节点的设置方法
- 配置工作流中的审批页面

本课程结合上一节课的内容，继续搭建请假工作流，对提出的申请进行审批，同时逐步完善工作流程的整体设置，让工作流能够完整、顺利的运行。

## 课程讲解{#course}

下面一起学习工作流的审批页面是如何制作的，建议在学习过程中跟着步骤练习操作。

- **（00:17）配置审批页面的入口**
- **（04:41）将审批页面添加至首页**
- **（06:14）制作审批页面**
- **（10:55）设置审批节点的可执行操作**
- **（11:33）完善工作流程的配置**
- **（12:54）配置待办列表跳转至审批页面**

## 总结与练习{#practice}

到这里本节课程就结束了，通过上面的学习请完成练习：

1. 跟随视频完成页面的制作和功能的实现，并完善如下内容：
   1. 美化待办列表的样式，使申请的标题与说明文字有颜色区分
   2. 点击审批时，借助[弹出确认对话框](../../../guide/app/superpage/design/action/show-confirm-dialog.md)交互实现：弹出对话框提示用户是否确认通过/否决
   3. 对提出的申请进行审批后，使用[返回上页](../../../guide/app/superpage/design/action/returnto.md)交互自动返回至上一页面
   4. 修改移动门户页面中，首页和待办列表的图标，使其与所展示的业务相匹配
2. 扩展文档学习
   1. [读写流程表单数据](../../../guide/app/workflow/work-with-spg.md#read-and-write)：学完这篇文档后，请描述如何读取工作流的表单数据
   2. [节点数据权限设置](../../../guide/app/workflow/datapermissions.md)：学完这篇文档后，请描述设置节点数据权限的作用
   3. [查询流程任务列表](../../../guide/app/workflow/work-with-spg.md#task-list)：学完这篇文档后，请描述SuccAP提供了哪些列表数据，以便直接使用
   4. [跳转到工作流表单页面](../../../guide/app/workflow/work-with-spg.md#link-to)：学完这篇文档后，请描述当待办列表中有多个流程的审批任务时，如何跳转至对应的审批页面