流程提交后审批人根据子表单内容发起其他流程
1. 案例背景
在任务分发或者项目分配时,当提交人提交了任务需要当前审批人根据子表单的内容发起其他不同的流程时可以参考以下案例。
2. 实现效果
💡 审批人根据提交的子表数据发起不同的流程
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/gif/1645063775931-a80b662c-86b8-4299-bf56-65a88fd435af.gif)
3. 实现步骤
3.1 创建 A、B 流程表单
路径:进入已创建好的应用 >> 页面左上角+号 >> 新建流程表单
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645060426224-86b33d0b-1172-46e6-b818-5feba3d2df41.png)
A、B 流程表单组件配置
注意:可根据自身的需求设置流程表单配置
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645060577339-43c5d921-e818-400e-bcb4-1c116a890d62.png)
A 流程表单组件配置
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645060670499-89b264dc-1804-4ba5-894b-e710f2bff8ee.png)
B 流程表单组件配置
3.2 创建发起流程表单
路径:进入已创建好的应用 >> 页面左上角+号 >> 新建流程表单
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645060846486-dc249219-eef0-47bc-83d8-fc746fc8b605.png)
发起流程表单组件配置
注意:可根据自身的需求设置流程表单配置
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645060996701-833da7df-c35c-4b93-8f34-37ce0d4f7eda.png)
发起流程表单组件配置
3.3 数据源的创建及配置
数据源名称:dp2
自动加载:关闭
请求地址:/dingtalk/web/应用编码/v1/process/startInstance.json
请求方式:POST
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645062609279-3e3601b4-636c-4bfd-b66a-b1351f7c5dd6.png)
数据源dp2创建及配置
数据源名称:dp1
自动加载:关闭
请求地址:/dingtalk/web/应用编码/v1/process/getOperationRecords.json
请求方式:GET
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645062855960-996e5963-779f-408c-a351-2c74107e5aba.png)
数据源dp1创建及配置
3.4 子表单添加操作项及配置
3.4.1 添加操作项
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645061105281-fbb48180-6019-4867-89fb-b002b18e1acd.png)
3.4.2 操作项配置
注意:发起 A 流程操作与发起B流程操作配置相同,如有其他操作可按照自己需求配置
点击操作项编辑按钮
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645061220572-448a7c8f-449d-4537-96f0-5ecf6f61e0c5.png)
点击绑定回调函数
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645061282591-b5e32d03-24b1-48d6-827e-c76bcc30534a.png)
创建回调函数
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645061330213-e9644219-fd07-4d39-83ea-e998b0abc19b.png)
3.5 发起 A 流程与发起 B 流程回调函数内代码配置
3.5.1 发起 A 流程代码配置
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645061729174-b9308c46-661c-4f51-82f0-41fb10d982ac.png)
发起A流程代码配置
代码示例:
export function onActionClick({ index, groupId, itemValue, actionKey }) {
const aa = this.state.urlParams.formInstId;
console.log(aa);
const bb = this.utils.getLoginUserId();
const params = {
processInstanceId: aa
}
this.dataSourceMap.dp1.load(params).then((response) => {
console.log(response)
for(var i=1;i<response.length;i++){
if (response[i].actionExt == "doing")
{
if (response[i].operator==bb)
{
const b =
{
"A流程单行文本1组件唯一标识": itemValue.子表单单行文本1组件唯一标识,
"A流程单行文本2组件唯一标识": itemValue.子表单单行文本2组件唯一标识
}
const a = {
processCode: "A流程流程Code",
formUuid: "A流程表单id",
formDataJson: JSON.stringify(b)
}
this.dataSourceMap.dp2.load(a).then((response) => {
alert("发起成功")
})
}
else{
alert("仅当前审批人可发起")
}
}
}
})
}
3.5.2 发起 B 流程代码配置
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1645063081886-9354b385-9489-4704-8387-aad6a0461070.png)
发起B流程代码配置
export function onActionClick1({ index, groupId, itemValue, actionKey }) {
const aa = this.state.urlParams.formInstId;
const bb = this.utils.getLoginUserId();
const params = {
processInstanceId: aa
}
this.dataSourceMap.dp1.load(params).then((response) => {
console.log(response)
for (var i = 1; i < response.length; i++) {
if (response[i].actionExt == "doing") {
if (response[i].operator == bb) {
const b =
{
"B流程单行文本3组件唯一标识": itemValue.子表单单行文本1唯一标识,
"B流程单行文本4组件唯一标识": itemValue.子表单单行文本2唯一标识
}
const a = {
processCode: "B流程流程Code",
formUuid: "B流程表单id",
formDataJson: JSON.stringify(b)
}
this.dataSourceMap.dp2.load(a).then((response) => {
alert("发起成功")
})
}
else{
alert("仅当前审批人可发起")
}
}
}
})
}
--------获取宜搭最新信息,欢迎关注我们--------
![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/jpeg/1632807780139-91cbcd43-8c42-44f3-9b2d-0d8b799ab7ea.jpeg)
本文档对您是否有帮助?