[update 拆分编辑] 左侧树节点拖拽时不悬浮显示内容
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user