🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 流程控件 > 控件功能简介 > > > 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)