[update 拆分编辑] 左侧树节点拖拽时不悬浮显示内容

This commit is contained in:
danshihao
2024-08-16 14:26:51 +08:00
parent 035efa3cee
commit 3c2d00087b
@@ -14,6 +14,8 @@
:replaceFields="{key: 'id'}"
class="draggable-tree"
draggable
@dragstart="changeDraggingStatus(true)"
@dragend="changeDraggingStatus(false)"
@drop="onDrop">
<template #title="record">
<div class="tree-operate-node"
@@ -23,12 +25,14 @@
<a-icon class="parent-node-icon"
type="folder"
v-if="record.dataRef.children && record.dataRef.children.length > 0" />
<a-tooltip placement="topLeft">
<!-- 拖拽中不显示 -->
<a-tooltip placement="topLeft" v-if="!dragging">
<template #title>
{{ record.name }}{{ record.itemName }}
</template>
<span class="tree-node-custom-title">{{ record.name }} {{ record.itemName }}</span>
</a-tooltip>
<span class="tree-node-custom-title" v-else>{{ record.name }} {{ record.itemName }}</span>
<div class="tree-operate-node-btn-box"
:class="{'tree-operate-node-btn-box-hide': record.id !== mouseInNodeKey}">
<!--新增-->
@@ -271,6 +275,7 @@ export default {
getQueryConditionFunc: getDocSplitSearch,
getTableHeaderFunc: getDocSplitTableHeader,
treeData: [],
dragging: false, // 是否拖拽中
searchValue: '',
selectedKeys: [],
mouseInNodeKey: null, // 鼠标悬浮的节点key值
@@ -349,7 +354,14 @@ export default {
this.loadMenuData()
},
methods: {
// 拖拽事件
// 修改拖拽状态
changeDraggingStatus (status) {
this.dragging = status
},
/**
* 拖拽到某个节点触发
* @param info
*/
onDrop (info) {
// 拖到节点间隙就不做处理,只能拖到节点上
if (info.dropToGap) {