Commit d839adedff05c9c251fd72587d1cae285d7ff64d
1 parent
34a0f0ea
基本算完成第一个版本的流程图高亮,基于前端实现
Showing
1 changed file
with
3 additions
and
10 deletions
yudao-admin-ui/src/components/bpmnProcessDesigner/package/designer/ProcessViewer.vue
| ... | ... | @@ -104,11 +104,6 @@ export default { |
| 104 | 104 | /* 高亮流程图 */ |
| 105 | 105 | // TODO 芋艿:如果多个 endActivity 的话,目前的逻辑可能有一定的问题。https://www.jdon.com/workflow/multi-events.html |
| 106 | 106 | async highlightDiagram() { |
| 107 | - // let activityList = this.activityList.filter(task => { | |
| 108 | - // if (task.type !== 'sequenceFlow') { // 去除连线元素 | |
| 109 | - // return true; | |
| 110 | - // } | |
| 111 | - // }); | |
| 112 | 107 | const activityList = this.activityList; |
| 113 | 108 | if (activityList.length === 0) { |
| 114 | 109 | return; |
| ... | ... | @@ -141,15 +136,13 @@ export default { |
| 141 | 136 | outgoing?.forEach(nn => { |
| 142 | 137 | // debugger |
| 143 | 138 | let targetActivity = activityList.find(m => m.key === nn.targetRef.id) |
| 139 | + // 如果目标活动存在,则根据该活动是否结束,进行【bpmn:SequenceFlow】连线的高亮设置 | |
| 144 | 140 | if (targetActivity) { |
| 145 | - // debugger | |
| 146 | 141 | canvas.addMarker(nn.id, targetActivity.endTime ? 'highlight' : 'highlight-todo'); |
| 147 | - } else if (nn.targetRef.$type === 'bpmn:ExclusiveGateway') { | |
| 148 | - // debugger | |
| 142 | + } else if (nn.targetRef.$type === 'bpmn:ExclusiveGateway') { // TODO 芋艿:这个流程,暂时没走到过 | |
| 149 | 143 | canvas.addMarker(nn.id, activity.endTime ? 'highlight' : 'highlight-todo'); |
| 150 | 144 | canvas.addMarker(nn.targetRef.id, activity.endTime ? 'highlight' : 'highlight-todo'); |
| 151 | - } else if (nn.targetRef.$type === 'bpmn:EndEvent') { | |
| 152 | - // debugger | |
| 145 | + } else if (nn.targetRef.$type === 'bpmn:EndEvent') { // TODO 芋艿:这个流程,暂时没走到过 | |
| 153 | 146 | if (!todoActivity && endActivity.key === n.id) { |
| 154 | 147 | canvas.addMarker(nn.id, 'highlight'); |
| 155 | 148 | canvas.addMarker(nn.targetRef.id, 'highlight'); | ... | ... |