95 lines
2.3 KiB
Vue
95 lines
2.3 KiB
Vue
<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>
|