# 流程控件
> 控件功能简介
>
> > 1、`流程图`:显示流程设计图
> > 2、`审批历史`:可以查看流程审批历史
> > 3、`流程实例`:审批流程
> > 4、`流程关联`:可以根据该控件,查看出我们关联实例的历史数据,以及能够快速查看到哪些流程使用“流程实例”控件调用了这条流程,并且之间可以互相查看相关实例的详细数据。
> > 5、`审批意见`:可以审批的时候,填写意见
> > 6、`审批签名`:审批流程的时候,审批人可以签名审批流程
> > 7、`审批路径`:记录您审批时候的路径,每次审批流程,审批路劲都会更新流程数据
### 1、`流程图`
1.1、添加流程图控件
![](https://img.kancloud.cn/88/68/88686c72b79c0ee06118d02be2f00e86_1280x675.gif)
1.2、流程图配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
![](https://img.kancloud.cn/b7/eb/b7eb410291eaa8f01ed4381bd9abf55a_1672x536.png)
`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图
![](https://img.kancloud.cn/0f/1b/0f1b19cd054c5ff7c23ba3f45dbf9e92_1920x612.png)
### 2、`审批历史`
2.1、添加审批历史控件,参考:1.1、添加流程图控件
2.2、审批历史配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
![](https://img.kancloud.cn/90/f2/90f264800fa0fd201afc7a3272e580fa_1672x558.png)
`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图
![](https://img.kancloud.cn/15/4c/154cd26791867eb122e6924b5ac2cde0_1910x948.png)
### 3、`流程实例`
3.1、添加流程实例控件,参考:1.1、添加流程图控件
3.2、流程实例配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
> `对象属性新增`【开启/关闭】参考【[2.2、添加字段]】
> `对象属性`:此属性用于绑定业务对象属性,用于提交数据绑定对象名称。
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
![](https://img.kancloud.cn/61/98/619849f77080ebb775cd14923718047d_1664x491.png)
流程范围:全部,指定范围,脚本
> 流程范围:可脚本获取(实现自定义查询逻辑并返回PageList)、指定流程key范围。
>
> > 全部:可以选择所有正常审批结束的流程实例;
> > 指定范围:指定某些流程,可以选择被指定的正常审批结束的流程实例;
> > 脚本:自定义脚本
发起人范围:当前用户,指定范围,全部
> 发起人范围:
>
> > 当前用户:只能选择当前登录用户发起并正常结束的流程实例;
> > 指定用户:指定某些用户,可以选择指定的用户发起并正常结束的流程实例;
> > 全部用户:可以选择所有用户发起并正常结束的流程实例;
存储格式:决定绑定该字段存储数据库的信息。【此属性用于选择器存储数据格式. JSON:数据存储json格式, 如\[{id:’xxxx’,name:’张三’}\];】
> `提示前缀`:\[提示前缀\]报错提示时,报错:提示前缀—>单选必填
> `必填`:系统会限制填写者填写此字段的最少字符。
> `自定义校验`:如下配置【判断是否为空,判断是否为null】(value ===可修改判断)
~~~java
if(value ===''){
callback('请填写文本【可修改】')
}else if (value ===null){
callback('请填写文本【可修改】')
}else {
callback()
}
~~~
复制
> `操作属性`
>
> > `隐藏`:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
> > `只读`:勾选后该字段将只读,如果不勾选则该字段默认是可写的。
![](https://img.kancloud.cn/c2/64/c2642c12381d905a0626086016164968_1653x740.png)
`演示`:启动流程的时候,绑定流程实例或者审批流程的时候绑定流程\[可以查看绑定的实例明细,或者移除实例\]
![](https://img.kancloud.cn/7a/b5/7ab5b44b97dbebfabc66808cec41a716_1280x659.gif)
### 4、`流程关联`
4.1、添加流程关联控件,参考:1.1、添加流程图控件
4.2、流程关联配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
流程关联设置
> 关系类型:
>
> > (1) 当前流程:可查看当前表单关联流程的历史实例信息,可配置查看最近N条
> > (2) 后置流程:可查看后置流程信息,即当前实例被其他表单使用“流程实例”控件关联的流程实例数据;
> 显示数量:显示当前流程的历史实例信息的数量,默认5条。
> 温馨提示:
>
> > “流程关联”控件,只读控件,不需要保存到数据库对应的字段中,即表单设计无需与字段关联;
> > “流程实例”和“流程关联”这两个控件时互相关联的;
> > 控件展示比“流程实例”控件多一个字段“流程状态”,因为后置流程可能未结束;
> > 一张表单中不可出现多个同一种关系类型的流程关联;
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
![](https://img.kancloud.cn/ce/a7/cea7a4f2590634782f1ce767d955c273_1667x607.png)
`演示`:可根据“当前流程”类型查看之前关联“流程”的历史实例数据。
![](https://img.kancloud.cn/ba/ac/baacb52998a718e047d7f58544e42e54_1280x631.gif)
### 5、`审批意见`
5.1、添加审批意见控件,参考:1.1、添加流程图控件
5.2、审批意见配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
占位符:此属性用于指定对该字段进行文字提示,在文本内部进行提示。一般是“请输入”、”请选择”等,建议不超过200个字符。
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
注意:使用该控件,需工作流绑定该表单,才有流程审批审批意见!
![](https://img.kancloud.cn/f1/5c/f15cbe541b599d219ee331fca9f915a1_1656x499.png)
常用语:隐藏\[就隐藏数据\]显示\[审批流程显示流程\]
![](https://img.kancloud.cn/fd/b9/fdb9dc6458856718e3d4e9186f1f8041_1907x385.png)
审批意见内容是否显示:隐藏\[隐藏审批历史\]显示\[如下图\]
![](https://img.kancloud.cn/81/b5/81b57fc814a4ddf8399a9cc2cf70ad67_1899x384.png)
审批意见展示布局方式:横向,纵向
![](https://img.kancloud.cn/3c/a2/3ca2cdf5e247ba3833162e47af3637da_1905x531.png)
审批意见展示字段:勾选展示,在审批的时候,可以显示对应的控件数据【上下滑动位置:鼠标长按滑动】
| 是否展示 | 意见名称 | 上下滑动位置 |
| --- | --- | --- |
| ☑️ | 审批人 | 十 |
| ☑️ | 审批时间 | 十 |
| \[ \] | 审批状态 | 十 |
| ☑️ | 审批意见 | 十 |
| ☑️ | 节点名称 | 十 |
| ☑️ | 签名 | 十 |
![](https://img.kancloud.cn/10/a5/10a5eaf6f28604e8489c9418a131acaf_1920x509.png)
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
![](https://img.kancloud.cn/8a/31/8a3173c4a4db92109ab88002e13b7f05_1658x695.png)
`演示`:表单配置了审批意见控件,审批流程的方式变得简洁而方便,不需要审批时弹窗显示审批
![](https://img.kancloud.cn/42/06/42063b87f3b8cde33a9dfbf542d93a8b_1280x625.gif)
### 6、`审批签名`
6.1、添加审批签名控件
![](https://img.kancloud.cn/88/68/88686c72b79c0ee06118d02be2f00e86_1280x675.gif)
6.2、审批签名配置
> 标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
> 字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
> 占位符:此属性用于指定对该字段进行文字提示,在文本内部进行提示。一般是“请输入”、”请选择”等,建议不超过200个字符。
> 描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
注意:使用该控件,需工作流绑定该表单,才有流程审批签名!
校验规则
> `提示前缀`:\[提示前缀\]报错提示时,报错:提示前缀—>多选必填
> `必填`:系统会限制填写者填写此字段的最少字符。
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
![](https://img.kancloud.cn/3c/ed/3ced1fa5c0be0006a236888d009b3475_1652x843.png)
流程中显示审批签名,需要先配置手写签名【配置选择需要添加的手写签名的节点】
![](https://img.kancloud.cn/58/03/5803a99f5edc4bbafeb0b40dee6b6819_1280x633.gif)
`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图
![](https://img.kancloud.cn/6b/d4/6bd4fa30957ab0f2c9bbe2938a173b41_1920x280.png)
![](https://img.kancloud.cn/29/6b/296bf90f23082d76dfe7ae647cfe66de_1920x675.png)
### 7、`审批路径`
7.1、添加审批路径控件【常考】
![](https://img.kancloud.cn/88/68/88686c72b79c0ee06118d02be2f00e86_1280x675.gif)
7.2、审批路径配置
> 标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
> 字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
> 描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
注意:使用该控件,需工作流绑定该表单,才有审批路径!
`操作属性`
> 隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
![](https://img.kancloud.cn/7c/cc/7cccc1b0b372c02c0eac566cf6b03a8d_1677x565.png)
`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图
![](https://img.kancloud.cn/17/af/17af2650282f9d701375f6c4e2420f77_1920x641.png)
![](https://img.kancloud.cn/b2/be/b2bedaa7d6b09cf3ca0405deaff64dc1_1920x591.png)