<template>
    <div class="pd10">
        <el-row>
            <el-col>
                <el-tabs v-model.trim="activeName" @tab-click="handleClick" type="border-card">
                    <el-tab-pane label="终端通信管理" name="first" :style="'height:' + vh + ';'">
                        <communication v-if="activeName == 'first'"></communication>
                    </el-tab-pane>

                    <el-tab-pane label="终端异常管理" name="second" :style="'height:' + vh + ';'">
                        <Exceptionmanagement v-if="activeName == 'second'"></Exceptionmanagement>
                    </el-tab-pane>

                    <!-- <el-tab-pane
              label="终端异常清单"
              name="third"
              :style="'height:' + vh + ';'"
            >
            <Exceptionlist v-if="activeName=='third'"></Exceptionlist>
            </el-tab-pane> -->

                    <el-tab-pane label="终端质量评价" name="fourth" :style="'height:' + vh + ';'">
                        <Qualityevaluation v-if="activeName == 'fourth'"></Qualityevaluation>
                    </el-tab-pane>
                </el-tabs>
            </el-col>
        </el-row>
    </div>
</template>
<script>
// import { tableheight } from "@/assets/commjs/common";
// import { getWholeNetworkData ,getPlatformAreaData } from "@/api/evaluate";
import communication from './components/mochaITOM/communication.vue'
import Exceptionmanagement from './components/mochaITOM/Exceptionmanagement.vue'
import Exceptionlist from './components/mochaITOM/Exceptionlist.vue'
import Qualityevaluation from './components/mochaITOM/Qualityevaluation.vue'
export default {
    name: 'zdywglck',
    components: {
        Exceptionmanagement,
        communication,
        Exceptionlist,
        Qualityevaluation
    },
    data() {
        return {
            vh: '',
            activeName: 'first',
            device: ''
        }
    },
    created() {},
    mounted() {
        this.setHeight()
        window.addEventListener('resize', this.setHeight)
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.setHeight)
    },
    methods: {
            setHeight() {
            this.device = window.devicePixelRatio
            this.vh = window.sessionStorage.getItem('appheight') - 80 + 'px'
        },
        handleClick(tab, event) {
            //  console.log(tab, event);
        }
    }
}
</script>
<style lang="less" scoped>
@import url('../../styles/comStyle.less');
</style>
