新增删除节点,修复bug 108

This commit is contained in:
weibl
2025-12-01 13:40:46 +08:00
parent 1ff8e2a6fd
commit 19d12e627b
4 changed files with 40 additions and 6 deletions

View File

Before

Width:  |  Height:  |  Size: 698 B

After

Width:  |  Height:  |  Size: 698 B

View File

Before

Width:  |  Height:  |  Size: 758 B

After

Width:  |  Height:  |  Size: 758 B

View File

@@ -8,6 +8,9 @@
.no-padding {
padding: 0 !important;
}
#delete-btn {
width: 16px;
}
.header-box {
display: flex;

View File

@@ -23,11 +23,42 @@
</el-select>
</div>
<div class="center-box">
<el-tooltip
effect="dark"
content="上一步"
>
<img @click="undoFun(graph)" src="@/assets/imgs/dragFlow/undo.svg" alt="">
</el-tooltip>
<el-tooltip
effect="dark"
content="放大画布"
>
<img @click="zoomOutFun(graph)" src="@/assets/imgs/dragFlow/magnify.svg" alt="">
</el-tooltip>
<el-tooltip
effect="dark"
content="缩小画布"
>
<img @click="zoomInFun(graph)" src="@/assets/imgs/dragFlow/lessen.svg" alt="">
<img title="纵向对齐" @click="yAlign(graph)" src="@/assets/imgs/dragFlow/vertical-center.svg" alt="">
<img title="横向对齐" @click="xAlign(graph)" src="@/assets/imgs/dragFlow/lateral-distribution.svg" alt="">
</el-tooltip>
<el-tooltip
effect="dark"
content="框选节点垂直居中"
>
<img @click="yAlign(graph)" src="@/assets/imgs/dragFlow/vertical-center.svg" alt="">
</el-tooltip>
<el-tooltip
effect="dark"
content="框选节点横向分布"
>
<img @click="xAlign(graph)" src="@/assets/imgs/dragFlow/lateral-distribution.svg" alt="">
</el-tooltip>
<el-tooltip
effect="dark"
content="框选节点删除"
>
<img id="delete-btn" @click="deleteFun(graph)" src="@/assets/imgs/dragFlow/delete-black.svg" alt="">
</el-tooltip>
</div>
<div class="right-box">
<el-button v-if="operationType !== FLOW_OPERATION_TYPE.UPGRADE" @click="saveDraftFun()">保存草稿</el-button>
@@ -94,7 +125,7 @@ const currentVersion = ref<any>();
const flowVersionOptions = ref<any[]>([]);
const { drawerVisible, nodeAttribute } = useNodeAttribute();
const { undoFun, zoomInFun, zoomOutFun, xAlign, yAlign } = useNodeEvents();
const { undoFun, deleteFun, zoomInFun, zoomOutFun, xAlign, yAlign } = useNodeEvents();
// 注册连线
// registerCustomConnector();