<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">
                        <ClassifiedStatistics v-if="activeName == 'second'"></ClassifiedStatistics>
                    </el-tab-pane>

                    <!-- 变电站暂态指标分类统计表 -->
                    <el-tab-pane label="变电站暂态指标分类统计表" name="third">
                        <Substationstatistics v-if="activeName == 'third'"></Substationstatistics>
                    </el-tab-pane>
                </el-tabs>
            </el-col>
        </el-row>
    </div>
</template>
<script>
import Regionalstatistics from './Indicatorstatistics/Regionalstatistics.vue'
import ClassifiedStatistics from './Indicatorstatistics/ClassifiedStatistics.vue'
import Substationstatistics from './Indicatorstatistics/Substationstatistics.vue'

export default {
    components: { Regionalstatistics, ClassifiedStatistics, Substationstatistics },
    data() {
        return {
            vh: undefined,
            date: '',
            input: '',
            height: null,
            activeName: 'first' //区分是那个节点
        }
    },
    mounted() {
        this.setHeight()
        window.addEventListener('resize', this.setHeight)
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.setHeight)
    },
    methods: {
        setHeight() {
            this.vh = window.sessionStorage.getItem('appheight') - 143 + 'px'
        },

        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>
