# 流程控件
> 控件功能简介
>
> > 1、`流程图`:显示流程设计图
> > 2、`审批历史`:可以查看流程审批历史
> > 3、`流程实例`:审批流程
> > 4、`流程关联`:可以根据该控件,查看出我们关联实例的历史数据,以及能够快速查看到哪些流程使用“流程实例”控件调用了这条流程,并且之间可以互相查看相关实例的详细数据。
> > 5、`审批意见`:可以审批的时候,填写意见
> > 6、`审批签名`:审批流程的时候,审批人可以签名审批流程
> > 7、`审批路径`:记录您审批时候的路径,每次审批流程,审批路劲都会更新流程数据
### 1、`流程图`
1.1、添加流程图控件

1.2、流程图配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。

`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图

### 2、`审批历史`
2.1、添加审批历史控件,参考:1.1、添加流程图控件
2.2、审批历史配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。

`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图

### 3、`流程实例`
3.1、添加流程实例控件,参考:1.1、添加流程图控件
3.2、流程实例配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
> `对象属性新增`【开启/关闭】参考【[2.2、添加字段]】
> `对象属性`:此属性用于绑定业务对象属性,用于提交数据绑定对象名称。
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。

流程范围:全部,指定范围,脚本
> 流程范围:可脚本获取(实现自定义查询逻辑并返回PageList)、指定流程key范围。
>
> > 全部:可以选择所有正常审批结束的流程实例;
> > 指定范围:指定某些流程,可以选择被指定的正常审批结束的流程实例;
> > 脚本:自定义脚本
发起人范围:当前用户,指定范围,全部
> 发起人范围:
>
> > 当前用户:只能选择当前登录用户发起并正常结束的流程实例;
> > 指定用户:指定某些用户,可以选择指定的用户发起并正常结束的流程实例;
> > 全部用户:可以选择所有用户发起并正常结束的流程实例;
存储格式:决定绑定该字段存储数据库的信息。【此属性用于选择器存储数据格式. JSON:数据存储json格式, 如\[{id:’xxxx’,name:’张三’}\];】
> `提示前缀`:\[提示前缀\]报错提示时,报错:提示前缀—>单选必填
> `必填`:系统会限制填写者填写此字段的最少字符。
> `自定义校验`:如下配置【判断是否为空,判断是否为null】(value ===可修改判断)
~~~java
if(value ===''){
callback('请填写文本【可修改】')
}else if (value ===null){
callback('请填写文本【可修改】')
}else {
callback()
}
~~~
复制
> `操作属性`
>
> > `隐藏`:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。
> > `只读`:勾选后该字段将只读,如果不勾选则该字段默认是可写的。

`演示`:启动流程的时候,绑定流程实例或者审批流程的时候绑定流程\[可以查看绑定的实例明细,或者移除实例\]

### 4、`流程关联`
4.1、添加流程关联控件,参考:1.1、添加流程图控件
4.2、流程关联配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
流程关联设置
> 关系类型:
>
> > (1) 当前流程:可查看当前表单关联流程的历史实例信息,可配置查看最近N条
> > (2) 后置流程:可查看后置流程信息,即当前实例被其他表单使用“流程实例”控件关联的流程实例数据;
> 显示数量:显示当前流程的历史实例信息的数量,默认5条。
> 温馨提示:
>
> > “流程关联”控件,只读控件,不需要保存到数据库对应的字段中,即表单设计无需与字段关联;
> > “流程实例”和“流程关联”这两个控件时互相关联的;
> > 控件展示比“流程实例”控件多一个字段“流程状态”,因为后置流程可能未结束;
> > 一张表单中不可出现多个同一种关系类型的流程关联;
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。

`演示`:可根据“当前流程”类型查看之前关联“流程”的历史实例数据。

### 5、`审批意见`
5.1、添加审批意见控件,参考:1.1、添加流程图控件
5.2、审批意见配置
标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
占位符:此属性用于指定对该字段进行文字提示,在文本内部进行提示。一般是“请输入”、”请选择”等,建议不超过200个字符。
描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
注意:使用该控件,需工作流绑定该表单,才有流程审批审批意见!

常用语:隐藏\[就隐藏数据\]显示\[审批流程显示流程\]

审批意见内容是否显示:隐藏\[隐藏审批历史\]显示\[如下图\]

审批意见展示布局方式:横向,纵向

审批意见展示字段:勾选展示,在审批的时候,可以显示对应的控件数据【上下滑动位置:鼠标长按滑动】
| 是否展示 | 意见名称 | 上下滑动位置 |
| --- | --- | --- |
| ☑️ | 审批人 | 十 |
| ☑️ | 审批时间 | 十 |
| \[ \] | 审批状态 | 十 |
| ☑️ | 审批意见 | 十 |
| ☑️ | 节点名称 | 十 |
| ☑️ | 签名 | 十 |

操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。

`演示`:表单配置了审批意见控件,审批流程的方式变得简洁而方便,不需要审批时弹窗显示审批

### 6、`审批签名`
6.1、添加审批签名控件

6.2、审批签名配置
> 标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
> 字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
> 占位符:此属性用于指定对该字段进行文字提示,在文本内部进行提示。一般是“请输入”、”请选择”等,建议不超过200个字符。
> 描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
注意:使用该控件,需工作流绑定该表单,才有流程审批签名!
校验规则
> `提示前缀`:\[提示前缀\]报错提示时,报错:提示前缀—>多选必填
> `必填`:系统会限制填写者填写此字段的最少字符。
操作属性
隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。

流程中显示审批签名,需要先配置手写签名【配置选择需要添加的手写签名的节点】

`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图


### 7、`审批路径`
7.1、添加审批路径控件【常考】

7.2、审批路径配置
> 标签文本:此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语。
> 字段标识:此属性标识字段属性,一般不需要修改由系统生成。通过表单脚本操作该字段的标识属性,可以操作该字段隐藏/显示
> 描述信息:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。
注意:使用该控件,需工作流绑定该表单,才有审批路径!
`操作属性`
> 隐藏:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。

`演示`:启动流程,审批流程,查看流程明细时,都可以显示当前流程的流程图


