From 83bbac303ed8403db95dee02346d4d6eda22ab45 Mon Sep 17 00:00:00 2001
From: dap <dap@qq.com>
Date: 星期二, 21 五月 2024 09:37:28 +0800
Subject: [PATCH] fix: bpmn相关type第一次安装依赖&运行报错
---
src/components/BpmnView/index.vue | 28 ++++++++++++++++++++++++++--
1 files changed, 26 insertions(+), 2 deletions(-)
diff --git a/src/components/BpmnView/index.vue b/src/components/BpmnView/index.vue
index fa625bf..f07bc21 100644
--- a/src/components/BpmnView/index.vue
+++ b/src/components/BpmnView/index.vue
@@ -37,7 +37,7 @@
import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas';
import ZoomScrollModule from 'diagram-js/lib/navigation/zoomscroll';
import { ModuleDeclaration } from 'didi';
-import { Canvas, ModdleElement } from 'bpmn';
+import type { Canvas, ModdleElement } from 'bpmn';
import EventBus from 'diagram-js/lib/core/EventBus';
import Overlays from 'diagram-js/lib/features/overlays/Overlays';
import processApi from '@/api/workflow/processInstance/index';
@@ -71,6 +71,28 @@
xml.value = resp.data.xml;
taskList.value = resp.data.taskList;
historyList.value = resp.data.historyList;
+ await createDiagram(xml.value);
+ loading.value = false;
+ });
+};
+
+const initXml = (xmlStr: string) => {
+ loading.value = true;
+ bpmnVisible.value = true;
+ nextTick(async () => {
+ if (modeler.value) modeler.value.destroy();
+ modeler.value = new BpmnViewer({
+ container: canvas.value,
+ additionalModules: [
+ {
+ //绂佹婊氳疆婊氬姩
+ zoomScroll: ['value', '']
+ },
+ ZoomScrollModule,
+ MoveCanvasModule
+ ] as ModuleDeclaration[]
+ });
+ xml.value = xmlStr;
await createDiagram(xml.value);
loading.value = false;
});
@@ -238,7 +260,8 @@
}
};
defineExpose({
- init
+ init,
+ initXml
});
</script>
@@ -382,5 +405,6 @@
margin: 0;
padding: 0;
}
+ cursor: pointer;
}
</style>
--
Gitblit v1.9.3