<template>
  <!-- <d2-container type="card"> -->
  <el-card class="box-card main">
    <el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="handleClick">
      <el-tab-pane label="柜组任务" name="taskBar">
        <task-bar />
      </el-tab-pane>
      <el-tab-pane label="集团任务" name="taskCom">
        <task-com />
      </el-tab-pane>
      <el-tab-pane label="任务统计" name="taskCount">
        <task-count />
      </el-tab-pane>
    </el-tabs>
  </el-card>
  <!-- </d2-container> -->
</template>

<script>
import TaskBar from "../bar/index";
import TaskCom from "../com/index";
import TaskCount from "../count/index";

export default {
  components: {
    TaskBar,
    TaskCom,
    TaskCount
  },
  data() {
    return {
      cache: {
        nowMenu: "taskBar"
      }
    };
  }
};
</script>

<style lang="scss" scoped>
.main {
  height: 90vh;
  margin: 10px 10px;
}
.ztabs {
  // border: 2px solid red;
  min-height: 100vh;
  // min-height: 500px;
}
d2-container {
  overflow: hidden;
}
</style>
