新增删除节点,修复bug 108
This commit is contained in:
|
Before Width: | Height: | Size: 698 B After Width: | Height: | Size: 698 B |
|
Before Width: | Height: | Size: 758 B After Width: | Height: | Size: 758 B |
@@ -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;
|
||||||
|
|||||||
@@ -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();
|
||||||
|
|||||||
Reference in New Issue
Block a user