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 + ';'"
          >
           <Index></Index>
          </el-tab-pane>

          <el-tab-pane
            label="变电站台账"
            name="second"
            :style="'height:' + vh + ';'" 
          >
          <Substationaccount></Substationaccount>
          </el-tab-pane>

          <el-tab-pane
            label="10kV线路台账"
            name="third"
            :style="'height:' + vh + ';'"
          >
          <Lineaccount></Lineaccount> 
          </el-tab-pane>

          <el-tab-pane
            label="台区台账"
            name="fourth"
            :style="'height:' + vh + ';'"
          >
          <Stationaccount></Stationaccount>
          </el-tab-pane>

          <el-tab-pane
            label="分布式光伏台账"
            name="fifth"
            :style="'height:' + vh + ';'"
          >
          <Photovoltaicaccount></Photovoltaicaccount>
          </el-tab-pane>

          <el-tab-pane
            label="低压用户台账"
            name="sixth"
            :style="'height:' + vh + ';'"
          >
          <LowVoltageUserAccount></LowVoltageUserAccount>
          </el-tab-pane>

          <el-tab-pane
            label="监测终端台账"
            name="seventh"
            :style="'height:' + vh + ';'"
          >
          <Terminalaccount></Terminalaccount>
          </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 Index from "../components/Accountquery/Index";
import Substationaccount from "../components/Accountquery/Substationaccount";
import Lineaccount from "../components/Accountquery/Lineaccount";
import Stationaccount from "../components/Accountquery/Stationaccount";
import Photovoltaicaccount from "../components/Accountquery/Photovoltaicaccount";
import LowVoltageUserAccount from "../components/Accountquery/LowVoltageUserAccount";
import Terminalaccount from "../components/Accountquery/Terminalaccount";
export default {
    components: { Index, Substationaccount, Lineaccount, Stationaccount, Photovoltaicaccount, LowVoltageUserAccount, Terminalaccount },
    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>
