<!-- 左侧树结构 -->
<template>
  <div class="left-aside">
    <Tree :data="treeData"></Tree>
  </div>
</template>
<script>
import { Tree } from "meri-design";
export default {
  components: { Tree },
  data() {
    return {
      treeData: [
        {
          id: "0",
          name: "重点机房系统图",
          open: true,
          checked: "uncheck",
          children: [
            {
              id: "暖通空调",
              name: "333",
              open: true,
              checked: "uncheck",
              children: [
                {
                  id: "2",
                  name: "冷源",
                  open: true,
                  checked: "uncheck",
                },
                {
                  id: "3",
                  name: "热源",
                  open: true,
                  checked: "uncheck",
                },
                {
                  id: "4",
                  name: "风机",
                  open: true,
                  checked: "uncheck",
                },
              ],
            },
          ],
        },
        {
          id: "0-1",
          name: "机电系统图",
          open: true,
          checked: "uncheck",
          children: [],
        },
        {
          id: "0-2",
          name: "设备版跑图",
          open: true,
          checked: "uncheck",
          children: [],
        },
      ],
    };
  },
  methods: {},
};
</script>
<style lang="less" scoped>
.left-aside {
  background: #f7f9fa;
  width: 100%;
  height: 100%;
}
</style>