DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add -- 预览流程图添加移动整个画布功能。

Browse Source
This commit is contained in:
konbai
2022-06-29 21:08:30 +08:00
parent a939e8f7f5
commit 26489b9e19
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ruoyi-ui/src/components/ProcessViewer/index.vue
View File

@@ -54,7 +54,7 @@
<script> <script>
import '@/plugins/package/theme/index.scss'; import '@/plugins/package/theme/index.scss';
import BpmnViewer from 'bpmn-js/lib/Viewer'; import BpmnViewer from 'bpmn-js/lib/Viewer';
// import BpmnModeler from 'bpmn-js/lib/Modeler'; import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas';
export default { export default {
props: { props: {
@@ -188,7 +188,11 @@ export default {
if (xml != null && xml !== '') { if (xml != null && xml !== '') {
try { try {
this.bpmnViewer = new BpmnViewer({ this.bpmnViewer = new BpmnViewer({
container: this.$refs.processCanvas additionalModules: [
// 移动整个画布
MoveCanvasModule
],
container: this.$refs.processCanvas,
}); });
// 任务节点悬浮事件 // 任务节点悬浮事件
this.bpmnViewer.on('element.click', ({ element }) => { this.bpmnViewer.on('element.click', ({ element }) => {