From 6b988bd582bfcd17fee48c476a5a6e5cc172b0d5 Mon Sep 17 00:00:00 2001
From: baoshiwei <baoshiwei@shlanbao.cn>
Date: 星期三, 12 三月 2025 10:08:33 +0800
Subject: [PATCH] dev-2
---
src/bpmn/index.vue | 52 +++++++++++++++++++++++++---------------------------
1 files changed, 25 insertions(+), 27 deletions(-)
diff --git a/src/bpmn/index.vue b/src/bpmn/index.vue
index 698f12b..15437c8 100644
--- a/src/bpmn/index.vue
+++ b/src/bpmn/index.vue
@@ -14,29 +14,6 @@
<el-header>
<div class="process-toolbar">
<el-space wrap :size="10">
- <el-button size="small" type="primary" @click="saveXml">淇� 瀛�</el-button>
- <el-dropdown size="small">
- <el-button size="small" type="primary"> 棰� 瑙� </el-button>
- <template #dropdown>
- <el-dropdown-menu>
- <el-dropdown-item icon="Document" @click="previewXML">XML棰勮</el-dropdown-item>
- <el-dropdown-item icon="View" @click="previewSVG"> SVG棰勮</el-dropdown-item>
- </el-dropdown-menu>
- </template>
- </el-dropdown>
-
- <el-dropdown size="small">
- <el-button size="small" type="primary"> 涓� 杞� </el-button>
- <template #dropdown>
- <el-dropdown-menu>
- <el-dropdown-item icon="Download" @click="downloadXML">涓嬭浇XML</el-dropdown-item>
- <el-dropdown-item icon="Download" @click="downloadSVG"> 涓嬭浇SVG</el-dropdown-item>
- </el-dropdown-menu>
- </template>
- </el-dropdown>
- <el-tooltip effect="dark" content="鏂板缓" placement="bottom">
- <el-button size="small" icon="CirclePlus" @click="newDiagram" />
- </el-tooltip>
<el-tooltip effect="dark" content="鑷�傚簲灞忓箷" placement="bottom">
<el-button size="small" icon="Rank" @click="fitViewport" />
</el-tooltip>
@@ -52,6 +29,27 @@
<el-tooltip effect="dark" content="鍓嶈繘" placement="bottom">
<el-button size="small" icon="Right" @click="bpmnModeler.get('commandStack').redo()" />
</el-tooltip>
+ </el-space>
+ <el-space wrap :size="10" style="float: right; padding-right: 10px">
+ <el-button size="small" type="primary" @click="saveXml">淇� 瀛�</el-button>
+ <el-dropdown size="small">
+ <el-button size="small" type="primary"> 棰� 瑙� </el-button>
+ <template #dropdown>
+ <el-dropdown-menu>
+ <el-dropdown-item icon="Document" @click="previewXML">XML棰勮</el-dropdown-item>
+ <el-dropdown-item icon="View" @click="previewSVG"> SVG棰勮</el-dropdown-item>
+ </el-dropdown-menu>
+ </template>
+ </el-dropdown>
+ <el-dropdown size="small">
+ <el-button size="small" type="primary"> 涓� 杞� </el-button>
+ <template #dropdown>
+ <el-dropdown-menu>
+ <el-dropdown-item icon="Download" @click="downloadXML">涓嬭浇XML</el-dropdown-item>
+ <el-dropdown-item icon="Download" @click="downloadSVG"> 涓嬭浇SVG</el-dropdown-item>
+ </el-dropdown-menu>
+ </template>
+ </el-dropdown>
</el-space>
</div>
</el-header>
@@ -92,7 +90,7 @@
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
import './assets/style/index.scss';
-import { Canvas, Modeler } from 'bpmn';
+import type { Canvas, Modeler } from 'bpmn';
import PropertyPanel from './panel/index.vue';
import BpmnModeler from 'bpmn-js/lib/Modeler.js';
import defaultXML from './assets/defaultXML';
@@ -447,7 +445,7 @@
line-height: 34px;
}
.process-panel-bar:hover {
- background-color: #f5f7fa;
+ background-color: var(--bpmn-panel-bar-background-color);
}
}
}
@@ -474,8 +472,8 @@
.process-panel {
box-sizing: border-box;
padding: 0 8px 0 8px;
- border-left: 1px solid #eeeeee;
- box-shadow: #cccccc 0 0 8px;
+ border-left: 1px solid var(--bpmn-panel-border);
+ box-shadow: var(--bpmn-panel-box-shadow) 0 0 8px;
max-height: 100%;
width: 25%;
height: calc(100vh - 100px);
--
Gitblit v1.9.3