<template>
  <!-- <d2-container type="card"> -->
  <el-card class="box-card mains">
    <el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="ztabsClick">
      <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>
</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"
      }
    };
  },
  methods:{
    ztabsClick(){},
  }
};
</script>

<style lang="scss" scoped>
.mains {
  /*border: 1px solid red;*/
  height: calc((100vh - 140px) * 1.0);
  min-width: 1000px;

  margin: 10px 20px 10px 10px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ztabs {
  /*border: 2px solid darkviolet;*/

  height: calc((100vh - 180px) * 1.0);

  width: 100%;
}
</style>
