如何通过其余 API 获取活动实例的当前工作流 XML

Question

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

GET /process-definition/{id}/xml

和

bpmn.io Viewer.

但是高亮当前Task或者获取Workflow的特殊Instance，高亮当前Task是可能的吗？

感谢您的帮助。

Answer 1

1。完成任务

调用http://localhost:8080/engine-rest/task/?processInstanceId=<processInstanceId>return一个json with the taskDefinitionKey.

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

2。设置任务样式

您可以添加样式 class 并突出显示任务。

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。