如何通过Rest API获取活动实例的当前Workflow XML

Question

在我的AngularApp中，我将使用REST API向用户显示当前的工作流程。 到目前为止没问题，usnig：

  

GET / process-definition / {id} / xml

和

  

bpmn.io Viewer。

但是可以突出显示当前任务或获取工作流的特殊实例，并突出显示当前任务？

感谢您的帮助。

Answer 1

1。实现任务

致电http://localhost:8080/engine-rest/task/?processInstanceId=<processInstanceId>会返回json with the taskDefinitionKey。

https://docs.camunda.org/manual/latest/reference/rest/task/get-query/

2。设置任务风格

您可以添加样式类，以突出显示任务。

viewer.importXML(diagramXML, function() {
    var canvas = viewer.get('canvas');
    canvas.addMarker('<<TaskId>>', 'highlight');
});

颜色的CSS：

.highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
    fill: green !important; /* color elements as green */
}

示例来自https://github.com/bpmn-io/bpmn-js-examples/tree/master/colors#adding-colors

Answer 2

感谢您的帮助。若要使其按您描述的那样工作，您必须在Angular.ts文件中将ViewEncapsulation更改为ViewEncapsulation.None。