提交

src/views/Distributed-management/Indicatoralarmstatistics.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="pd10">
+    <el-row>
+      <el-col>
+        <el-tabs
+          v-model="activeName"
+          @tab-click="handleClick"
+          type="border-card"
+        >
+        <!-- 区域告警处理 -->
+          <el-tab-pane
+            label="区域告警处理"
+            name="first"
+            :style="'height:' + vh + ';'"
+          >
+            <Region></Region>
+          </el-tab-pane>
+          <!-- 监测点告警管理 -->
+          <el-tab-pane
+            label="监测点告警管理"
+            name="second"
+            :style="'height:' + vh + ';'"
+          >
+            <Manage></Manage>
+          </el-tab-pane>
+          <!-- 告警统计 -->
+          <el-tab-pane
+            label="告警统计"
+            name="third"
+            :style="'height:' + vh + ';'"
+          >
+            <Numerical></Numerical>
+          </el-tab-pane>
+          <!-- 告警明细查看 -->
+          <el-tab-pane
+            label="告警明细查看"
+            name="four"
+            :style="'height:' + vh + ';'"
+          >
+            <Examine></Examine>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+import { tableheight } from "@/assets/commjs/common";
+import Region from "./components/Indicatoralarm/Region.vue"
+import Manage from "./components/Indicatoralarm/Manage.vue"
+import Numerical from "./components/Indicatoralarm/Numerical.vue"
+import Examine from "./components/Indicatoralarm/Examine.vue"
+export default {
+  components: {Region,Manage,Numerical,Examine},
+  data() {
+    return {
+      vh: null,
+      date: "",
+      input: "",
+      activeName: "first", //区分是那个节点
+      device: "",
+    };
+  },
+  mounted() {
+    this.device = window.devicePixelRatio;
+    this.vh = document.getElementById("app-main-in").offsetHeight - 80;
+    this.onSubmit();
+  },
+  computed: {
+  },
+  methods: {
+    handleClick(tab, event) {
+      // console.log(tab, event);
+      this.onSubmit();
+    },
+    // 表格查询
+    onSubmit() {
+      this.loading = true;
+    },
+  },
+};
+</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 {
+  margin-top: 10px;
+}
+</style>