l
<template>
  <div>
    <el-row>
      <el-col>
        <el-tabs v-model.trim="activeName" @tab-click="handleClick">
<!--          <el-tab-pane-->
<!--            label="台账质量统计表"-->
<!--            name="first"-->
<!--            :style="'height:' + vh + ';'"-->
<!--          >-->
<!--          <Accountquality v-if="activeName=='first'"></Accountquality>-->
<!--          </el-tab-pane>-->

          <el-tab-pane
            label="监测指标数据质量统计"
            name="second"
            :style="'height:' + vh + ';'"
          >
          <Qualitystatistics v-if="activeName=='second'"></Qualitystatistics>
          </el-tab-pane>

<!--          <el-tab-pane-->
<!--            label="监测指标数据质量问题汇总统计"-->
<!--            name="third"-->
<!--            :style="'height:' + vh + ';'"-->
<!--          >-->
<!--          <Summarystatistics v-if="activeName=='third'"></Summarystatistics>-->
<!--          </el-tab-pane>-->

          <el-tab-pane
              label="监测点数据完整性"
              name="third"
              :style="'height:' + vh + ';'"
          >
            <monitorIntegrity v-if="activeName=='third'"></monitorIntegrity>
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import Accountquality from './statistical/Accountquality.vue';
import Qualitystatistics from './statistical/Qualitystatistics.vue';
import monitorIntegrity from './monitor/monitorIntegrity.vue';
import Summarystatistics from './statistical/Summarystatistics.vue';
export default {
  components: { Accountquality, Qualitystatistics, Summarystatistics,monitorIntegrity },
  data() {
    return {
      vh: "",
      activeName: "second",
      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') - 150 + "px";
        },
    handleClick(tab, event) {
      //console.log(tab, event);
    },
  },
};
</script>
<style lang="less" scoped>
@import url("../../../../styles/comStyle.less");

</style>
