92 lines
2.4 KiB
Vue
92 lines
2.4 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-row>
|
||
|
|
<el-col>
|
||
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||
|
|
<!-- 区域暂态事件统计 -->
|
||
|
|
<el-tab-pane label="区域暂态事件统计" name="first">
|
||
|
|
<EventStatistics v-if="activeName == 'first'"></EventStatistics>
|
||
|
|
</el-tab-pane>
|
||
|
|
|
||
|
|
<!-- 区域暂态指标分类统计 -->
|
||
|
|
<el-tab-pane label="区域暂态指标分类统计" name="third">
|
||
|
|
<ClassifiedStatistics
|
||
|
|
v-if="activeName == 'third'"
|
||
|
|
></ClassifiedStatistics>
|
||
|
|
</el-tab-pane>
|
||
|
|
<!-- 变电站暂态指标分类统计表 -->
|
||
|
|
<el-tab-pane
|
||
|
|
label="变电站暂态指标分类统计表"
|
||
|
|
name="Substationstatistics"
|
||
|
|
>
|
||
|
|
<Substationstatistics
|
||
|
|
v-if="activeName == 'Substationstatistics'"
|
||
|
|
></Substationstatistics>
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
// import { tableheight } from "@/assets/commjs/common";
|
||
|
|
import EventStatistics from "./EventStatistics.vue";
|
||
|
|
import ClassifiedStatistics from "./ClassifiedStatistics.vue";
|
||
|
|
import Substationstatistics from "./Substationstatistics.vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: { EventStatistics, ClassifiedStatistics, Substationstatistics },
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
vh: undefined,
|
||
|
|
date: "",
|
||
|
|
input: "",
|
||
|
|
height: null,
|
||
|
|
activeName: "first", //区分是那个节点
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
this.setHeight()
|
||
|
|
window.addEventListener('resize', this.setHeight)
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
beforeDestroy() {
|
||
|
|
window.removeEventListener('resize', this.setHeight)
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
setHeight() {
|
||
|
|
this.vh = window.sessionStorage.getItem('appheight') - 143 + "px";
|
||
|
|
|
||
|
|
},
|
||
|
|
handleClick(tab, event) {
|
||
|
|
// if (tab.label == "暂态事件分布统计") {
|
||
|
|
// this.echarts();
|
||
|
|
// this.echarts2();
|
||
|
|
// this.echarts4();
|
||
|
|
// this.iticData();
|
||
|
|
// this.semif();
|
||
|
|
// this.echarts3();
|
||
|
|
// }
|
||
|
|
// this.onSubmit();
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</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;
|
||
|
|
}
|
||
|
|
::v-deep .el-table.el-table--small td {
|
||
|
|
height: 40px;
|
||
|
|
}
|
||
|
|
::v-deep .el-row {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|