> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 流程表单

> 流程表单适用于申请、审批、工单处理等场景，通过设置让数据在不同的流程负责人之间进行审批提交。本文档介绍了流程表单的功能简介、使用场景、表单设计、流程设计、数据管理及页面设置等内容。

## 1. 简介

### 1.1 功能简介

流程表单适用于申请、审批、工单处理等场景，通过设置让数据在不同的流程负责人之间进行审批提交，最后完成数据自下而上的流转。新建入口详情参见：[新建表单](/zh/yida/form/ybuoxl)

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638944543852-8c338491-3972-434b-91ea-7dcca57dd7d3.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638944513566-cf19f8df-074c-4a5a-9955-548e4cb8c479.png)
</Frame>

### 1.2 使用场景

在考勤打卡场景中，可以通过流程表单制作请假、出差以及加班申请，经主管审批后将结果通知给发起人。

在采购管理场景中，可以通过流程表单制作采购合同，经过领导审批后还可以直接完成打印。

在客户管理场景中，可以通过流程表单制作服务工单，将表单发布给客户，客户通过流程表单提交工单问题，最后流转给对应人员处理。

流程表单由「表单设计」、「流程设计」、「数据管理」、「集成&自动化」和「设置」组成

## 2. 表单设计

在 表单设计 中，直接从左侧添加组件，然后设置组件属性及表单属性，设计完成点击保存。

需要注意的是，当流程表单启用流程后，部分组件和表单权限以流程节点的设置为准。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638944943097-1b31f583-d26a-4722-92c2-41a302f29762.png)
</Frame>

### 表单设置-高级属性设置

<table>
  <tr>
    <td>功能说明</td>
    <td>示意图</td>
  </tr>

  <tr>
    <td><ul><li>在流程表单中，表单校验和表单事件，都需要在「流程设计」-「节点提交规则」中进行配置。</li><li>按钮文案、表单提交前、表单提交后、表单数据源设置，功能与普通表单一致，具体功能介绍详见：[普通表单-高级属性设置](/zh/yida/app-admin/mff60m)</li></ul></td>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1748264022647-64e6060c-b42b-4730-8539-e2c04b8a372a.png)</td>
  </tr>

  <tr>
    <td rowSpan={2}><ul><li>流程中动作校验，是流程表单独有的配置项。</li></ul><br />具体使用方式：<br />**step1 新增页面 JS 参数**<br />点击「流程中动作校验」，新增页面对应JS 参数。<br />**step2 编辑页面 JS 代码**<br />在页面 JS 代码中，按需调用这个参数。<br />JS 面板中有流程中各个动作的使用说明。</td>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1748264310587-5d9d855d-5238-4943-9d66-f466afdd23dd.png)</td>
  </tr>

  <tr>
    <td>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1748264372929-fe517d1f-cf07-4971-9bf4-d0de71a66e5b.png)</td>
  </tr>
</table>

流程中动作校验示例：

| case 说明                                          | 示意图                                                                                                                                                                                                                                                    |
| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 校验规则：<br />当「校验规则字段」里选择“不可以提交”，就在对应动作操作时进行拦截     | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1747286873321-19d864f8-a146-4681-ac90-4f108336a4a9.png)<br />![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1747286873336-9c88b5a2-1538-48f6-bf83-00a69d74d36a.png) |
| 举例：<br />流程中动作校验规则为当审批人进行「同意」或「转交」时，进行校验；其他动作不校验 | ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1747286874028-597293fd-b789-47e8-80ff-4fdc3b449da7.png)<br />**效果：**<br />1. 在做「同意」和「转交」时，值=不可以提交，被拦截；值改为“可以提交”后，顺利提交<br />2.在做其他操作，如「拒绝」时，值=不可以提交，也可以顺利通过                            |

## 3. 流程设计

流程设计包括流程审批节点的设计、各节点的字段权限设置、模拟测试、手写签名等设置，配置完成后需点击保存以及发布，流程才会生效。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638945030214-32c4ab75-b2a3-4f63-b0f8-2bed98d1752c.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638945065084-3f950257-d6e6-4ccb-b228-93182d0b58b1.png)
</Frame>

## 4. 数据管理

当员工通过表单提交数据后，拥有应用管理权限的管理员可以在 数据管理 中对提交的数据进行导入、导出、删除、查看、打印等操作

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1651903091734-132cc7f5-84e4-42e5-baa5-55c597d2d36c.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1651902967132-b6635625-673e-4d48-9519-344350f42eee.png)
</Frame>

## 5. 页面设置

是针对表单的基础以及增强功能设置，如：基础设置、消息通知、分享设置、打印设置、关联列表、集成自动化、内置变量

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638945215375-3eeac520-fe91-4859-a532-a1548bcf091d.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1638945244417-f531999b-9514-409d-9be5-2e91b15d85df.png)
</Frame>
