const temp = this.nodeList.filter(
(item) => item.id === shapeId
)[0];
this.nodeName = temp ? temp.businessObject.name : '';
});
},
addEventBusListener() {
const eventBus = this.bpmnModeler.get('eventBus');
// 为节点注册点击事件，点击节点，下方显示点击的节点名称
eventBus.on('element.click', (e) => {
const {element} = e;
if (!element.parent) return;
if (!e || element.type === 'bpmn:Process') {
return false;
} else {
this.nodeName = element.businessObject.name;
}
});
}
}
};
</script>
<style lang="scss">
.containerBox {
height: calc(100vh - 220px);
position: relative;
#container {
height: calc(100% - 50px);
}
.highlight-overlay {
background-color: green;
opacity: 0.4;
border-radius: 10px;
}
}
</style>
到此这篇关于vue项目中使用bpmn为节点添加颜色的方法的文章就介绍到这了,更多相关vue bpmn节点颜色内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网！
