|
|
@@ -30,8 +30,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-button type="primary" plain>重置</el-button>
|
|
|
- <el-button type="primary">搜索</el-button>
|
|
|
+ <el-button type="primary" plain @click="initdata">重置</el-button>
|
|
|
+ <el-button type="primary" @click="searchdata">搜索</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -47,20 +47,12 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
<el-table :data="tabledata" border>
|
|
|
- <el-table-column label="告警名称"></el-table-column>
|
|
|
- <el-table-column label="告警值"></el-table-column>
|
|
|
- <el-table-column label="告警设备"></el-table-column>
|
|
|
- <el-table-column label="告警内容"></el-table-column>
|
|
|
- <el-table-column label="处理人"></el-table-column>
|
|
|
- <el-table-column label="处理方式"></el-table-column>
|
|
|
- <el-table-column label="处理时间"></el-table-column>
|
|
|
- <el-table-column label="状态"></el-table-column>
|
|
|
- <el-table-column label="告警时间"></el-table-column>
|
|
|
+ <el-table-column v-for="item in cloumdata.filter(i=>i.visible)" :prop="item.prop" :label="item.label" ></el-table-column>
|
|
|
<el-table-column label="操作">
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
<el-button link>
|
|
|
- <el-tooltip effect="dark" content="编辑">
|
|
|
+ <el-tooltip effect="dark" content="处理">
|
|
|
<el-icon>
|
|
|
<Edit />
|
|
|
</el-icon>
|
|
|
@@ -107,17 +99,79 @@
|
|
|
<script setup lang="ts" name="Units">
|
|
|
import {ref} from "vue";
|
|
|
import {useRoute, useRouter} from "vue-router";
|
|
|
+import {listWarn,updateWarn,delWarn} from "@/api/data/warn"
|
|
|
|
|
|
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
|
|
|
|
+const tabledata = ref([])
|
|
|
const searchform = ref({
|
|
|
alarmname: '',
|
|
|
alarmtime:['','']
|
|
|
});
|
|
|
|
|
|
-const tabledata = ref([1])
|
|
|
+const currentdata = ref({
|
|
|
+ "id": 0,
|
|
|
+ "name": "",
|
|
|
+ "val": 0,
|
|
|
+ "equipmentId": 0,
|
|
|
+ "equipmentName": "",
|
|
|
+ "content": "",
|
|
|
+ "handler": "",
|
|
|
+ "handleWay": "",
|
|
|
+ "handleContent": "",
|
|
|
+ "handleTime": "",
|
|
|
+ "alarmTime": "",
|
|
|
+ "status": "",
|
|
|
+ "remark": "",
|
|
|
+})
|
|
|
+
|
|
|
+const initdata = ()=>{
|
|
|
+ searchform.value = {
|
|
|
+ alarmname: '',
|
|
|
+ alarmtime:['','']
|
|
|
+ }
|
|
|
+ pagedata.value = {
|
|
|
+ total:0,
|
|
|
+ size:10,
|
|
|
+ current:1
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const cloumdata = ref([
|
|
|
+ {label: '告警名称', prop:'name',visible:true},
|
|
|
+ {label: '告警值', prop:'val',visible:true},
|
|
|
+ {label: '告警设备', prop:'equipmentName',visible:true},
|
|
|
+ {label: '告警内容', prop:'content',visible:true},
|
|
|
+ {label: '处理人', prop:'handler',visible:true},
|
|
|
+ {label: '处理方式', prop:'handleWay',visible:true},
|
|
|
+ {label: '处理时间', prop:'handleTime',visible:true},
|
|
|
+ {label: '状态', prop:'status',visible:true},
|
|
|
+ {label: '告警时间', prop:'alarmTime',visible:true},
|
|
|
+]);
|
|
|
+
|
|
|
+
|
|
|
+const pagedata = ref({
|
|
|
+ total:0,
|
|
|
+ size:10,
|
|
|
+ current:1
|
|
|
+});
|
|
|
+
|
|
|
+const getalldata = () => {
|
|
|
+ listWarn({...searchform.value,pageSize:pagedata.value.size,pageNum:pagedata.value.current}).then(res => {
|
|
|
+ const {rows,total,page} = res;
|
|
|
+ pagedata.value = {total:total,current:page, size:10};
|
|
|
+ tabledata.value = rows
|
|
|
+ })
|
|
|
+}
|
|
|
+getalldata()
|
|
|
+
|
|
|
+
|
|
|
+const searchdata= ()=>{
|
|
|
+ pagedata.value = {total:0,size:10,current:1};
|
|
|
+ getalldata();
|
|
|
+}
|
|
|
|
|
|
|
|
|
</script>
|