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