<template>
  <div >
    <el-row>
      <el-col>
        <el-tabs
          v-model="activeName"
          @tab-click="handleClick"
        >
          <!-- 区域暂态事件统计 -->
          <el-tab-pane
            label="区域超标统计"
            name="first"
     
          >
            <Regionalstatistics v-if="activeName=='first'"></Regionalstatistics>
          </el-tab-pane>
        
          <!-- 区域暂态指标分类统计表 -->
          <el-tab-pane
            label="区域稳态指标超标分类统计表"
            name="second"
          >
            <RegionalStatisticalTable v-if="activeName=='second'"></RegionalStatisticalTable>
          </el-tab-pane>

          <!-- 变电站暂态指标分类统计表 -->
          <el-tab-pane
            label="区域电站母线电压类指标超标统计"
            name="third"
          >
            <Busstatistics v-if="activeName=='third'"></Busstatistics>
          </el-tab-pane>

          <!-- 区域干扰源电流类指标超标统计 -->
          <el-tab-pane
            label="区域干扰源电流类指标超标统计"
            name="fourth"
          >
            <Interferencestatistics v-if="activeName=='fourth'"></Interferencestatistics>
          </el-tab-pane>

          <!-- 变电站（换流站）稳态指标超标分类统计表 -->
          <el-tab-pane
            label="变电站（换流站）稳态指标超标分类统计表"
            name="fifth"
          >
            <SubstationStatistics v-if="activeName=='fifth'"></SubstationStatistics>
          </el-tab-pane>

          <!-- 稳态指标超标明细表 -->
          <el-tab-pane
            label="稳态指标超标明细表"
            name="sixth"
          >
            <Steadystateschedule v-if="activeName=='sixth'"></Steadystateschedule>
          </el-tab-pane>
         
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import Regionalstatistics from "./Steadystatestatistics/Regionalstatistics.vue"
import RegionalStatisticalTable from "./Steadystatestatistics/RegionalStatisticalTable.vue"
import Busstatistics from "./Steadystatestatistics/Busstatistics.vue"
import Interferencestatistics from "./Steadystatestatistics/Interferencestatistics.vue"
import SubstationStatistics from "./Steadystatestatistics/SubstationStatistics.vue"
import Steadystateschedule from "./Steadystatestatistics/Steadystateschedule.vue"

export default {
    components: { Regionalstatistics, RegionalStatisticalTable, Busstatistics, Interferencestatistics, SubstationStatistics, Steadystateschedule },
  data() {
    return {
      vh: undefined,
      date: "",
      input: "",
      height: null,
      activeName: "first" //区分是那个节点
    };
  },
  mounted() {
    this.vh = window.sessionStorage.getItem('appheight') - 131 + "px";
  },
  computed: {
    // height() {
    //   return "100vh" - this.$refs.form.offsetHeight + 259;
    // },
  },
  methods: {
    handleClick(tab, event) {
      // if (tab.label == "暂态事件分布统计") {
      //   this.echarts();
      //   this.echarts2();
      //   this.echarts4();
      //   this.iticData();
      //   this.semif();
      //   this.echarts3();
      // }
      // this.onSubmit();
    }
  }
};
</script>
<style lang="less" scoped>
@import url("../../../styles/comStyle.less");
::v-deep .el-table .cell {
  text-align: center;
}
::v-deep .el-tabs--border-card > .el-tabs__content {
  padding: 10px;
}
::v-deep .el-table.el-table--small td {
  height: 40px;
}
::v-deep .el-row {
  width: 100%;
}
</style>
