el-tree 获取选中节点以及半选状态的父级处理成层级关系

在Element UI的`el-tree`组件中，获取选中的节点及其半选状态的父级，并将它们组织成层次关系，通常需要结合树形组件提供的API和事件监听机制。以下是一个简化的步骤：

1. 首先，你需要给`el-tree`设置`props`属性，比如`check-strictly`或`default-checked-keys`来控制是否允许半选状态。

2. 当用户选择或取消选择节点时，`el-tree`会触发`check`或`uncheck`事件，你可以通过监听这个事件来获取当前选中的节点。

   treeRef = ref(null); // 创建一个ref引用tree元素

   watch(treeRef.value.$el, {
     deep: true,
     handler() {
       this.selectedNodes = this.treeRef.value.$refs.tree.getNodeByKeys(this.treeRef.value.checkedKeys);
     }
   }, { immediate: true });

3. 使用`getNodeByKeys`方法可以根据节点的key路径获取到节点实例，然后遍历它们来构建层级关系。

4. 对于半选状态的父级，你可以通过检查每个节点的`parent-key`和`halfChecked`属性来确定。

5. 最后，可以使用递归或者其他数据结构（如数组嵌套数组或者对象映射）来保存节点与其父节点的关系，形成一个树形结构。

// 示例数据结构
const hierarchicalData = [];
function buildHierarchicalData(nodes) {
  nodes.forEach(node => {
    if (node.halfChecked) {
      const parent = hierarchicalData.find(p => p.key === node.parentKey);
      if (parent) {
        parent.children.push(node);
      } else {
        hierarchicalData.push({ key: node.parentKey, children: [node] });
      }
    } else {
      hierarchicalData.push(node);
    }
  });
}

buildHierarchicalData(selectedNodes);