需要在Activiti工作流中的任务详细信息下显示流程实例名称

Question

需求详细信息-

启动流程时，可以为流程指定自定义流程实例名称，然后单击“启动流程”来启动它。我们需要在左侧的“任务详细信息”下显示该自定义实例名称，并在““任务””选项卡下显示其他详细信息，例如任务名称，创建日期和受让人名称。

尝试-案例1

当我们单击“任务”选项卡下的任何任务时，所调用的API为- 得到 http://localhost:8080/activiti-app/app/rest/tasks/ {tasksId}

JSON响应具有以下-

"processDefinitionCategory": "string",
"processDefinitionDeploymentId": "string",
"processDefinitionDescription": "string",
"processDefinitionId": "string",
"processDefinitionKey": "string",
"processDefinitionName": "string",
"processDefinitionVersion": 0,
"processInstanceId": "string",
"processInstanceName": "string",
"processInstanceStartUserId": "string",
"taskDefinitionKey": "string"

能够使用“ tasks.html”中的变量“ processDefinitionKey”和“ processDefinitionName”在左侧显示的任务详细信息（显示任务列表）下显示进程名称。但是使用变量“ processInstanceName”显示NO值，该变量应该提供流程实例的名称，因此很明显，此变量没有值。

“ tasks.html”中的代码段-

<div class="detail">
   <span class="parent process"></span>
   <span ng-if="task.processInstanceName">
       {{task.processInstanceName}}
   </span>
</div>

附有2张图像供参考。

Activiti snapshot 1

Activiti snapshot 2

已尝试-情况2

流程实例名称显示在任务页面右侧“任务”选项卡下。该值存储在此变量中-{{model.processInstance.name || model.processInstance.processDefinitionName}}在“ task-detail.html”中

因此，我们尝试在“ tasks.html”中使用相同的变量来在左侧显示的任务详细信息（其中显示任务列表）下显示流程实例名称-

tasks.html中的代码段-

<div class="detail">
    <span class="parent process"></span>
    <span ng-if="model.processInstance.name">
       {{model.processInstance.name || model.processInstance.processDefinitionName}}
    </span>
</div>

结果-任务详细信息左侧的变量未显示任何值。

请支持在“任务详细信息”（显示任务列表的左侧）下显示“过程实例名称”