<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="second" :style="'height:' + vh + ';'">
            <Monitoringpoint v-if="activeName == 'second'"></Monitoringpoint>
          </el-tab-pane>


        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>

import Monitoringpoint from '../../components/Monitoringpoint'


export default {
  name: 'uploadGw',
  components: {
    Monitoringpoint
  },
  data() {
    return {
      vh: '',
      activeName: 'first',
      device: ''
    }
  },
  created() {},
  mounted() {
    this.setHeight()
    window.addEventListener('resize', this.setHeight)
  },
  computed: {
    //计算表格高度
    // height(){
    //   return '100vh'- this.$refs.form.offsetHeight +259;
    // }
  },
  methods: {
    setHeight() {
      this.device = window.devicePixelRatio
      this.vh = window.sessionStorage.getItem('appheight') - 80 + 'px'
    },
    handleClick(tab, event) {
      // console.log(tab, event);
    }
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.setHeight)
  }
}
</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;
}

.block {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
</style>
