l<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 + ';'"
          >
           <WholeNetwork></WholeNetwork>
          </el-tab-pane>
          <el-tab-pane
            label="各渗透率光伏台区基准水平"
            name="second"
            :style="'height:' + vh + ';'"
          >
          <Arealevel></Arealevel>
          </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 WholeNetwork from "./components/Powerquality/WholeNetwork.vue";
import Arealevel from "./components/Powerquality/Arealevel.vue";
export default {
    components: { WholeNetwork, Arealevel },
    data() {
        return {
            vh: "",
            activeName: "first",
            device: "",
        };
    },
    created() {
    },
    mounted() {
        this.device = window.devicePixelRatio;
        this.vh = document.getElementById("app-main-in").offsetHeight - 80 + "px";
    },
    computed: {
    //计算表格高度
    // height(){
    //   return '100vh'- this.$refs.form.offsetHeight +259;
    // }
    },
    methods: {
        handleClick(tab, event) {
            // console.log(tab, event);
        },
    },
};
</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;
}
.block {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
</style>
