<template>
    <div >
      <el-row>
        <el-col>
          <el-tabs
            v-model="activeName"
            @tab-click="handleClick"
          >
            <!-- 区域暂态事件统计 -->
            <el-tab-pane
              label="ITIC曲线"
              name="first"
       
            >
              <ITIC v-if="activeName=='first'"></ITIC>
            </el-tab-pane>
          
            <!-- 区域暂态指标分类统计表 -->
            <el-tab-pane
              label="SEMI F47曲线"
              name="second"
            >
              <SEMIF47 v-if="activeName=='second'"></SEMIF47>
            </el-tab-pane>
           
          </el-tabs>
        </el-col>
      </el-row>
    </div>
  </template>
  <script> 
  import ITIC from "./curve/ITIC.vue"
  import SEMIF47 from "./curve/SEMIF47.vue"
//   import ClassifiedStatistics from "./Indicatorstatistics/ClassifiedStatistics.vue"
  
  export default {
      components: { ITIC, SEMIF47 },
    data() {
      return {
        vh: undefined,
        date: "",
        input: "",
        height: null,
        activeName: "first" //区分是那个节点
      };
    },
    mounted() {
      this.vh = document.getElementById("app-main-in").offsetHeight - 143 + "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");
  /deep/.el-table .cell {
    text-align: center;
  }
  /deep/.el-tabs--border-card > .el-tabs__content {
    padding: 10px;
  }
  /deep/.el-table.el-table--small td {
    height: 40px;
  }
  /deep/.el-row {
    width: 100%;
  }
  </style>
  