---
order: 3
navTitle: 构建更复杂的工作流程（60分钟）
---
# 构建更复杂的工作流程

> 预计用时：60分钟

本课程以搭建的**请假申请**的工作流为基础，介绍如何改造前两节课中制作的工作流，使其包含的内容更加全面。

![请假申请](./images/2024-05-15-16-11-42.png)

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

## 课程目标{#target}

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

- 掌握工作流流程中如何对功能基本完善的工作流进行补充、修改
- 掌握工作流中涉及到的表单页面的修改方法，以及一些注意事项

本课程结合上一节课的内容，继续完善请假的工作流程：

- 在业务表中增加更多的字段
- 申请表单中需要输入更详细的信息
- 对于请假天数较长的申请，需要通过总经理的审批

## 课程讲解{#course}

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

- **（00:10）新增业务字段**
- **（02:05）改造请假申请的表单页面**
- **（05:31）改造审批页面**
- **（06:20）制作我的申请列表**
- **（07:44）制作查看申请的详情页面及页面跳转**
- **（12:30）完善工作流程的绘制**

## 总结与练习{#practice}

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

1. 跟随视频完成页面的制作和功能的实现，并完善如下内容：
   1. 美化“我的申请”列表的样式，使申请的标题与说明文字有颜色区分
   2. 美化申请详情页面，使文字大小适中，布局美观
   3. 修改移动门户页面中“我的申请”列表的图标，使其与所展示的业务相匹配
   4. 参考[下拉框](../../../guide/app/superpage/components/input/combobox.md)文档，结合[第一节课](./apply.md#practice)的课后练习，限制下拉框的选项中只允许选择：病假、事假、年假、其他
2. 扩展文档学习
   1. [绘制工作流](../../../guide/app/workflow/design.md#branch-condition)：重点学习**流程分支条件**的章节，并描述如何添加新的分支分支，并设置分支的执行条件
   2. [NETWORKDAYS](../../../guide/exp/func/date/NETWORKDAYS.md)：学完这篇文档后，请描述本节课程中使用该表达式判断请假天数不完善的地方，并思考如何进行改善，给出思路即可
   3. [执行流程](../../../guide/app/superpage/design/action/execute-flow.md)：学完这篇文档后，请描述如何定位需要处理的任务，且指定的处理意见存储在哪张表的哪个字段中