提交

src/views/Distributionnetwork-analysis/components/TransientState/Incident.vue

@@ -0,0 +1,91 @@
+<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>