From 142effd4f2c4dad7d611ee11136fc09aa3e3b583 Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期日, 30 六月 2024 16:13:16 +0800
Subject: [PATCH] !130 feat: 动态创建组件实例时, 设置路由name为组件名 解决缓存问题 Merge pull request !130 from 玲娜贝er/dev
---
src/components/BpmnView/index.vue | 33 +++++++++++++++++++++++++++++----
1 files changed, 29 insertions(+), 4 deletions(-)
diff --git a/src/components/BpmnView/index.vue b/src/components/BpmnView/index.vue
index fa625bf..c5e0c7b 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';
@@ -51,7 +51,7 @@
const bpmnVisible = ref(true);
const historyList = ref([]);
-const init = (instanceId) => {
+const init = (businessKey) => {
loading.value = true;
bpmnVisible.value = true;
nextTick(async () => {
@@ -67,10 +67,32 @@
MoveCanvasModule
] as ModuleDeclaration[]
});
- const resp = await processApi.getHistoryList(instanceId);
+ const resp = await processApi.getHistoryList(businessKey);
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;
});
@@ -111,6 +133,7 @@
<p>寮�濮嬫椂闂达細${data.startTime || ''}</p>
<p>缁撴潫鏃堕棿锛�${data.endTime || ''}</p>
<p>瀹℃壒鑰楁椂锛�${data.runDuration || ''}</p>
+ <p>娴佺▼鐗堟湰锛歷${data.version || ''}</p>
</div>`
});
};
@@ -238,7 +261,8 @@
}
};
defineExpose({
- init
+ init,
+ initXml
});
</script>
@@ -382,5 +406,6 @@
margin: 0;
padding: 0;
}
+ cursor: pointer;
}
</style>
--
Gitblit v1.9.3