Browse Source

feat:数据异常监控

master
waibao2 1 month ago
parent
commit
8c20c80b26
  1. 72
      src/views/syslog/alarm/index.vue

72
src/views/syslog/alarm/index.vue

@ -12,11 +12,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="开始时间"> <el-form-item label="开始时间">
<el-date-picker v-model="queryParams.startTime" type="datetime" placeholder="选择开始时间" value-format="yyyy-MM-dd HH:mm:ss" class="w200"> <el-date-picker v-model="queryParams.startTime" type="datetime" placeholder="选择开始时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="w200">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="结束时间"> <el-form-item label="结束时间">
<el-date-picker v-model="queryParams.endTime" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd HH:mm:ss" class="w200"> <el-date-picker v-model="queryParams.endTime" type="datetime" placeholder="选择结束时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="w200">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="isDeal"> <el-form-item label="状态" prop="isDeal">
@ -37,8 +37,8 @@
</el-card> </el-card>
<div class="el-card-p card-shadow carder-border mt10 pad10 "> <div class="el-card-p card-shadow carder-border mt10 pad10 ">
<el-table class="table-box" v-table-height v-loading="loading" :data="dataList" @selection-change="handleSelectionChange"> <el-table class="table-box" v-table-height v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" :align="alignment" /> <el-table-column type="selection" width="60" :align="alignment" />
<el-table-column type="index" width="50" :align="alignment" label="序号" /> <el-table-column type="index" width="60" :align="alignment" label="序号" />
<el-table-column label="站点名称" :align="alignment" prop="stnm" /> <el-table-column label="站点名称" :align="alignment" prop="stnm" />
<el-table-column label="时间" :align="alignment" prop="tm" width="180"> <el-table-column label="时间" :align="alignment" prop="tm" width="180">
<template #default="{row}"> <template #default="{row}">
@ -93,9 +93,29 @@
const { const {
proxy proxy
} = getCurrentInstance() } = getCurrentInstance()
const { // const { mainTypes } = proxy.useDict('mainTypes')
mainTypes const mainTypes = [
} = proxy.useDict('mainTypes') {
label: '雨量站',
value: 'A'
},
{
label: '河道站',
value: 'B'
},
{
label: '水库站',
value: 'C'
},
{
label: '潮位站',
value: 'D'
},
{
label: '流量站',
value: 'E'
}
]
const alignment = 'center' const alignment = 'center'
const showSearch = ref(true) const showSearch = ref(true)
const isDeals = [{ const isDeals = [{
@ -112,7 +132,7 @@
limit: 10, limit: 10,
stnmId: "", stnmId: "",
pType: "", pType: "",
startTime: dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss'), startTime: dayjs().subtract(7, 'day').format('YYYY-MM-DD HH:mm:ss'),
endTime: dayjs().format('YYYY-MM-DD HH:mm:ss'), endTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
isDeal: "", isDeal: "",
}) })
@ -134,7 +154,7 @@
} }
/** 搜索按钮操作 */ /** 搜索按钮操作 */
const handleQuery = () => { const handleQuery = () => {
queryParams.pageNum = 1 queryParams.page = 1
getList() getList()
} }
const resetQuery = () => { const resetQuery = () => {
@ -149,7 +169,6 @@
let multiple = ref(true) let multiple = ref(true)
const handleSelectionChange = (selection) => { const handleSelectionChange = (selection) => {
ids.value = selection.map(item => item.id) ids.value = selection.map(item => item.id)
console.log(ids.value, '===')
names.value = selection.map(item => item.stnm) names.value = selection.map(item => item.stnm)
single.value = selection.length !== 1 single.value = selection.length !== 1
multiple.value = !selection.length multiple.value = !selection.length
@ -191,38 +210,7 @@
} }
}) })
} }
/** 导出按钮操作 */
const handleExport = async () => {
var p = {
pageNum: 1,
pageSize: 9999,
stnm: queryParams.stnm
}
var res = await proxy.axiosGet('/basic/warnlevel/list', p);
if (res.code === 200) {
var table = [];
table.push({
A: "站点编码",
B: "站点名称",
C: "开始日期",
D: "结束日期",
E: "警戒水位值"
});
res.rows.forEach(d => {
var row = {
A: d.staid,
B: d.stnm,
C: d.startTime,
D: d.endTime,
E: d.value
};
table.push(row);
});
var header = ["A", "B", "C", "D", "E"];
var fileName = "警戒水位列表";
proxy.exportExcel(header, table, fileName);
}
}
/************************************************************* 弹窗 ***************************************/ /************************************************************* 弹窗 ***************************************/
let formRef = ref(null) let formRef = ref(null)
let biaoshi = ref( let biaoshi = ref(

Loading…
Cancel
Save