2

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

获取/进程定义/{id}/xml

和

bpmn.io 查看器。

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

感谢您的帮助。

4

2 回答 2

3

1.得到实际的任务

该调用http://localhost:8080/engine-rest/task/?processInstanceId=<processInstanceId>返回一个带有 taskDefinitionKey 的 json。

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

于 2017-12-06T10:48:14.377 回答
0

谢谢你的协助。要使其按照您的描述工作，您必须在 Angular.ts 文件中将 ViewEncapsulation 更改为 ViewEncapsulation.None。

于 2018-12-20T09:14:11.790 回答