后台传到前台一个树形结构 Vue+element 树形表格父节点状态开关关闭，子节点全部关闭，并且禁用，父节点开启，解除禁用状态

可以通过以下步骤实现：

1. 在 Vue 组件中定义一棵树形结构的数据，并使用 element-ui 的 Tree 组件展示出来。

2. 在 Tree 组件中添加一个父节点状态开关，用于控制所有子节点的开启和关闭状态。

3. 在开关状态改变时，遍历所有子节点，并设置它们的状态为关闭，并且禁用它们。

4. 同时，将父节点的状态设置为开启，并且解除禁用状态。

以下是示例代码：

<template>
  <el-tree :data="treeData" :props="treeProps" :node-key="nodeKey">
    <template v-slot="{ node, data }">
      <span>{{ data.name }}</span>
      <el-switch v-if="node.level === 0" v-model="data.open" @change="handleSwitchChange(data)" />
    </template>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          name: 'Parent',
          open: true,
          children: [
            {
              name: 'Child 1',
              open: true
            },
            {
              name: 'Child 2',
              open: true
            }
          ]
        }
      ],
      treeProps: {
        children: 'children',
        label: 'name'
      },
      nodeKey: 'name'
    }
  },
  methods: {
    handleSwitchChange(nodeData) {
      const { children } = nodeData
      if (children) {
        children.forEach(child => {
          child.open = false
          child.disabled = true
        })
      }
      nodeData.disabled = false
    }
  }
}
</script>

在上述示例中，我们定义了一棵树形结构，其中包含一个父节点和两个子节点。父节点下面的子节点都有一个开关状态，当父节点的开关状态改变时，我们遍历所有子节点，并设置它们的状态为关闭，并且禁用它们。同时，我们将父节点的状态设置为开启，并且解除禁用状态。这样就可以实现父节点状态开关关闭，子节点全部关闭，并且禁用，父节点开启，解除禁用状态的效果。