<template>
  <div class="comp_box">
    <el-tabs class="footTabs" v-model="activeName">
      <el-tab-pane label="按事件分类" name="first">
        <Eventfiltering />
      </el-tab-pane>
      <el-tab-pane label="按卡口" name="second">
        <Sitefiltering />
      </el-tab-pane>
      <el-tab-pane label="按日期" name="third">
        <Timefiltering />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Eventfiltering from "./components/Eventfiltering/index.vue";
import Sitefiltering from "./components/Sitefiltering/index.vue";
import Timefiltering from "./components/Timefiltering/index.vue";

export default {
  name: "StatisticalAnalysis",
  components: {
    Eventfiltering,
    Sitefiltering,
    Timefiltering,
  },
  data() {
    return {
      activeName: "first",
    };
  },
  props: {
    text: {
      type: String,
      default: "暂无数据",
    },
  },
  methods: {
    // changeTabs(tab, event) {
    //   console.log(tab, event);
    //   // this.activeName = value;
    // },
  },
  mounted() {},
};
</script>

<style lang="scss" scoped>
.comp_box {
  // padding-top:160px;
  width: 100%;
  height: 100%;
  color: #8a9eaa;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 15px 25px;
  .footTabs {
    display: inline;
    width: 99%;
    height: 100%;
  }
  ::v-deep .el-tabs__content {
    height: 100%;
  }
  ::v-deep .el-tab-pane {
    height: 100%;
  }
}
</style>
