<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>
