新增删除节点,修复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 { .no-padding {
padding: 0 !important; padding: 0 !important;
} }
#delete-btn {
width: 16px;
}
.header-box { .header-box {
display: flex; display: flex;

View File

@@ -23,11 +23,42 @@
</el-select> </el-select>
</div> </div>
<div class="center-box"> <div class="center-box">
<img @click="undoFun(graph)" src="@/assets/imgs/dragFlow/undo.svg" alt=""> <el-tooltip
<img @click="zoomOutFun(graph)" src="@/assets/imgs/dragFlow/magnify.svg" alt=""> effect="dark"
<img @click="zoomInFun(graph)" src="@/assets/imgs/dragFlow/lessen.svg" alt=""> content="上一步"
<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=""> <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="">
</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>
<div class="right-box"> <div class="right-box">
<el-button v-if="operationType !== FLOW_OPERATION_TYPE.UPGRADE" @click="saveDraftFun()">保存草稿</el-button> <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 flowVersionOptions = ref<any[]>([]);
const { drawerVisible, nodeAttribute } = useNodeAttribute(); const { drawerVisible, nodeAttribute } = useNodeAttribute();
const { undoFun, zoomInFun, zoomOutFun, xAlign, yAlign } = useNodeEvents(); const { undoFun, deleteFun, zoomInFun, zoomOutFun, xAlign, yAlign } = useNodeEvents();
// 注册连线 // 注册连线
// registerCustomConnector(); // registerCustomConnector();