131 lines
3.5 KiB
Vue
131 lines
3.5 KiB
Vue
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>
|