<template>
    <div class="treeBody">
      <el-tree
        :data="data"
        :props="defaultProps"
        node-key="f_EnCode"
        :check-strictly="true"
        show-checkbox
        default-expand-all
        ref="tree"
        highlight-current
        @check-change="handleNodeClicks"
        :default-checked-keys="defKeys"
      ></el-tree>
  </div>
</template>
<script>

export default {
  data() {
    return {
      defaultProps: {
        children: "children",
        label: "f_FullName"
      },
      data: [],
      // 選擇的id
      id: "",
      // 選中單選
      checkedId: "",
      defKeys: [],
      name: ""
    };
  },
  created() {
    //  選中回填
    if (this.$route.query.idNum) {
      this.defKeys[0] = this.$route.query.idNum;
    }
  },
  mounted() {
    this.getData();
  },
  methods: {
   setCheckedKeys() {
      this.$refs.tree.setCheckedKeys([3]);
    },
    resetChecked() {
      this.$refs.tree.setCheckedKeys([]);
    },
    handleNodeClicks(item, node, self) {
      if (node === true) {
        this.checkedId = item.f_EnCode;
        this.name = item.f_TreeName;
        this.id = this.checkedId;
        this.$refs.tree.setCheckedKeys([item.f_EnCode]);
      } else {
        if (this.checkedId == item.f_EnCode) {
          this.$refs.tree.setCheckedKeys([item.f_EnCode]);
        }
      }
    },
    // 通過遞歸的形式慈格，獲取角色下所有三級權(quán)限的id掘鄙，并保存到 defKeys 數(shù)組中
    getLeafKeys(node) {
      // 如果當前 node 節(jié)點不包含 children 屬性培他，則是三級節(jié)點
      if (!node.children.length == 0) {
      // 除了最后一級所有節(jié)點disabled為true
        node.disabled = true;
      }
      node.children.forEach(item => this.getLeafKeys(item));
    },
    getData() {
      var projectTree = JSON.parse(localStorage.getItem("projectTree"));
      this.data = projectTree;
      var arr = this.data;
      arr.map(item => {
        this.getLeafKeys(item);
      });
    }
  }
};
</script>
<style lang="less" scope>
</style>