update: 功能优化

src/views/_components/drag/DragComments.vue

@@ -6,6 +6,7 @@
        <h5 class="title">属性树形结构</h5>
        <div class="tree-content">
          <el-tree
            ref="myTree"
            :allow-drop="allowDrop"
            :allow-drag="allowDrag"
            :data="treeData"
@@ -14,6 +15,7 @@
            default-expand-all
            node-key="'id'"
            @node-click="getCurrentNode"
            @node-contextmenu="cancelCurrent"
            @node-drag-start="handleDragStart"
            @node-drag-enter="handleDragEnter"
            @node-drag-leave="handleDragLeave"
@@ -135,6 +137,7 @@ const treeData = ref<any>([]);
const jsonData = ref<any>({});
const currentNode = ref<any>({});
const myTree = ref<any>(null);
/**
 * el-tree拖拽start
@@ -169,8 +172,12 @@ function handleDrop() {}
// 获取当前节点
function getCurrentNode(node: any) {
  console.log(node);
  currentNode.value = node;
  if (currentNode.value === node) {
    myTree.value.setCurrentKey(null);
    currentNode.value = {};
  } else {
    currentNode.value = node;
  }
}
/**
@@ -203,6 +210,11 @@ function handleClickTag(tag: any) {
  }
}
function cancelCurrent() {
  myTree.value.setCurrentKey(null);
  currentNode.value = {};
}
// 删除树结构
function removeItem(node: any, data: any) {
  if (data.children?.length) {
@@ -215,6 +227,9 @@ function removeItem(node: any, data: any) {
  const index = child.findIndex((d: any) => d.id === data.id);
  child.splice(index, 1);
  treeData.value = [...treeData.value];
  if (!treeData.value?.length) {
    currentNode.value = {};
  }
}
function assignment(type: any) {
  let r;
@@ -429,6 +444,14 @@ watch(
  color: #606266;
  font-weight: 400;
}
:deep(.el-tree-node) {
  line-height: 30px;
  padding: 3px 0;
}
:deep(.is-current) {
  line-height: 30px;
  padding: 3px 0;
}
.tree-item {
  display: flex;
  justify-content: space-between;