Skip to content

W
web-monitor
Commit 34a3eef9 authored by dupengyu's avatar dupengyu
Browse files
Options

路由及列表参数变更，新增模块文件

parent 2929a4e8
Hide whitespace changes
Inline Side-by-side
Showing with 354 additions and 88 deletions
src/router/index.js
View file @ 34a3eef9
......@@ -47,6 +47,12 @@ export const constantRoutes = [
name: 'device',
component: () => import('@/views/alarm/device/index'),
meta: { title: '设备连接告警' }
},
{
path: 'statistics',
name: 'statistics',
component: () => import('@/views/alarm/statistics/index'),
meta: { title: '告警信息统计' }
}
]
},
......@@ -73,6 +79,12 @@ export const constantRoutes = [
]
},
{
path: 'parameter',
name: 'parameter',
component: () => import('@/views/setting/parameter/index'),
meta: { title: '参数查询' }
},
{
path: "/detail/",
name: "detail",
......
src/views/alarm/cableTime/components/search.vue 0 → 100644
View file @ 34a3eef9
<template>
<div>
<el-form
class="search-form"
:model="form"
ref="form"
label-width="80px"
:inline="true"
size="mini"
>
<el-form-item label="基站名称">
<el-select v-model="form.siteId" placeholder="请选择基站名称" clearable>
<el-option
v-for="item in siteList"
:key="item.id"
:label="item.siteName"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="告警对象">
<el-input
v-model="form.alarmTargetName"
clearable
placeholder="请输入网元设备"
></el-input>
</el-form-item>
<el-form-item label="告警级别">
<el-select
v-model="form.alarmLevelName"
placeholder="请选择告警级别"
clearable
>
<el-option
v-for="(val, key) in alarmLeval"
:key="key"
:label="val"
:value="val"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="告警类型">
<el-select
v-model="form.alarmLevelName"
placeholder="请选择告警类型"
clearable
>
<el-option
v-for="(val, key) in alarmLeval"
:key="key"
:label="val"
:value="val"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="告警产生时间" label-width="110px">
<el-date-picker
v-model="dateRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="success" @click="toSearch">查询</el-button>
<el-button type="primary" @click="reset">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { commonQuery } from "@/views/history/api";
import { alarmLeval } from "@/const";
export default {
name: "search",
data() {
return {
siteList: [],
form: formInit(),
alarmLeval,
dateRange:[]
};
},
mounted() {
this.getInit();
},
methods: {
toSearch() {
this.$emit("search", this.form);
},
reset() {
this.form = formInit();
this.$emit("search");
},
getInit() {
commonQuery().then((res) => {
this.siteList = res.siteList || [];
});
},
},
};
function formInit() {
return {
siteId: null,
alarmTargetName: "",
alarmLevelName: null,
};
}
</script>
<style scoped lang="scss">
.w200 {
width: 200px;
}
.search-form {
padding: 10px;
background-color: #eaf1fe;
margin-bottom: 20px;
border-radius: 8px;
.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
margin-bottom: 0;
}
}
</style>
\ No newline at end of file
src/views/alarm/cableTime/index.vue
View file @ 34a3eef9
......@@ -40,13 +40,19 @@
width="180"
align="center"
/>
<el-table-column
prop="siteName"
label="告警类型"
width="150"
align="center"
/>
<el-table-column
prop="alarmLevelName"
label="告警级别"
width="150"
align="center"
/>
<el-table-column prop="alarmInfo" label="告警信息" align="center">
<el-table-column prop="alarmInfo" label="告警内容" align="center">
<template slot-scope="scope">
<div
v-for="(item, index) in scope.row.alarmInfo"
......@@ -61,12 +67,18 @@
</template>
</el-table-column>
<el-table-column
prop="lateUploadTime"
prop="siteName"
label="告警触发值"
width="150"
align="center"
/>
<el-table-column
prop="告警发生时间"
label="最新上传时间"
align="center"
width="200"
/>
<el-table-column
<!-- <el-table-column
prop="statusTimeChange"
label="状态变化时间"
align="center"
......@@ -83,7 +95,7 @@
label="确认时间"
width="180"
align="center"
/>
/> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button
......@@ -174,12 +186,12 @@
</template>
<script>
import { cableTimeList, cableConfirm, cableCancel } from '../api';
import { exportLeakyCable } from '@/api/export';
import search from '@/views/monitor/leakageCable/components/search.vue';
import download from '@/utils/download';
import { successAlert, warningAlert } from '@/utils/alert';
import { levelStyle } from '@/const/index';
import { cableTimeList, cableConfirm, cableCancel } from "../api";
import { exportLeakyCable } from "@/api/export";
import search from "./components/search.vue";
import download from "@/utils/download";
import { successAlert, warningAlert } from "@/utils/alert";
import { levelStyle } from "@/const/index";
export default {
components: { search },
......@@ -190,26 +202,30 @@ export default {
centerDialogVisible: false,
params: {
current: 1,
size: 10
size: 10,
},
total: 10,
tableData: [],
tabs: [
{
label: '未确认',
key: 0
label: "未确认",
key: 0,
},
{
label: '已确认',
key: 1
}
label: "已确认",
key: 1,
},
{
label: "已消除",
key: 2,
},
],
isQuery: false,
istrue: 0,
searchOption: {},
exids: [],
levelStyle
}
levelStyle,
};
},
created() {
this.getTableData();
......@@ -218,17 +234,29 @@ export default {
methods: {
// 表格背景图颜色
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.alarmLevelName === '紧急' && column.property === 'alarmLevelName') {
return 'emergency';
} else if (row.alarmLevelName === '重要' && column.property === 'alarmLevelName') {
return 'important';
} else if (row.alarmLevelName === '一般' && column.property === 'alarmLevelName') {
return 'common';
} else if (row.alarmLevelName === '正常' && column.property === 'alarmLevelName') {
return 'normal';
if (
row.alarmLevelName === "紧急" &&
column.property === "alarmLevelName"
) {
return "emergency";
} else if (
row.alarmLevelName === "重要" &&
column.property === "alarmLevelName"
) {
return "important";
} else if (
row.alarmLevelName === "一般" &&
column.property === "alarmLevelName"
) {
return "common";
} else if (
row.alarmLevelName === "正常" &&
column.property === "alarmLevelName"
) {
return "normal";
}
if (rowIndex % 2 === 1) {
return 'stripe';
return "stripe";
}
},
// 刷新
......@@ -254,36 +282,38 @@ export default {
let param = {
confirmStatus: this.confirmStatus,
...this.params,
...this.searchOption
}
...this.searchOption,
};
cableTimeList(param).then((res) => {
let list = res.records || [];
list.forEach(item => {
if (item.alarmInfo !== '' && item.alarmInfo != null) {
list.forEach((item) => {
if (item.alarmInfo !== "" && item.alarmInfo != null) {
item.alarmInfo = JSON.parse(item.alarmInfo);
item.lossValue = eval(item.alarmInfo.map(k => k.lossValue).join('+'));
item.lossValue = eval(
item.alarmInfo.map((k) => k.lossValue).join("+")
);
}
})
});
this.tableData = list;
this.total = res.total;
this.exids = list.map(i => i.id);
this.exids = list.map((i) => i.id);
if (this.istrue == 1) {
if (this.tableData.length != 0) {
successAlert('操作成功');
successAlert("操作成功");
} else {
warningAlert('查询结果为空');
warningAlert("查询结果为空");
}
this.istrue = 0;
}
})
});
},
// 编辑确认告警
confirm(dialogInfo) {
let id = dialogInfo.id;
cableConfirm({ id: id }).then((res) => {
this.getTableData();
this.$store.dispatch('alarm/getCableTime');
})
this.$store.dispatch("alarm/getCableTime");
});
this.centerDialogVisible = false;
},
// 表格确认告警
......@@ -295,11 +325,11 @@ export default {
cancel(dialogInfo) {
let query = {
alarmLevelName: dialogInfo.alarmLevelName,
id: dialogInfo.id
}
id: dialogInfo.id,
};
cableCancel(query).then((res) => {
this.getTableData();
})
});
this.centerDialogVisible = false;
},
// 表格取消告警
......@@ -315,16 +345,16 @@ export default {
// 导出
exportList() {
if (this.exids.length === 0) {
this.$message.warning('暂无数据');
this.$message.warning("暂无数据");
return false;
} else {
exportLeakyCable({ ids: this.exids }).then((res) => {
download(res, 'vnd.ms-excel', `漏缆监测告警.xls`);
})
download(res, "vnd.ms-excel", `漏缆监测告警.xls`);
});
}
}
}
}
},
},
};
</script>
<style lang="scss" scoped>
......
src/views/alarm/device/components/search.vue
View file @ 34a3eef9
<template>
<div>
<el-form class="search-form" ref="form" :model="form" label-width="80px" :inline="true" size="mini">
<el-form
class="search-form"
ref="form"
:model="form"
label-width="80px"
:inline="true"
size="mini"
>
<el-form-item label="网元设备">
<el-input v-model="form.pointDeviceName" clearable placeholder="请输入网元设备"></el-input>
<el-input
v-model="form.pointDeviceName"
clearable
placeholder="请输入网元设备"
></el-input>
</el-form-item>
<el-form-item label="监测设备厂家" label-width="120px">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上传时间">
<el-date-picker
......@@ -11,7 +33,8 @@
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item>
......@@ -23,38 +46,46 @@
</template>
<script>
import { ConnectStatusEnum } from '@/const/index';
import { ConnectStatusEnum } from "@/const/index";
export default {
name: 'Search',
name: "Search",
data() {
return {
form: formInit(),
ConnectStatusEnum,
dateRange: []
}
dateRange: [],
value:'',
options: [
{ value: '选项1', label: '选项1' },
{ value: '选项2', label: '选项2' },
{ value: '选项3', label: '选项3' },
{ value: '选项4', label: '选项4' },
{ value: '选项5', label: '选项5' }
]
};
},
methods: {
toSearch() {
this.form.startUploadTime = this.dateRange[0];
this.form.endUploadTime = this.dateRange[1];
this.$emit('search', this.form);
this.$emit("search", this.form);
},
reset() {
this.dateRange = [];
this.form = formInit();
this.$emit('search');
}
}
}
this.$emit("search");
},
},
};
function formInit() {
return {
pointDeviceName: '',
pointConnectStatus: '',
startUploadTime: '',
endUploadTime: ''
}
pointDeviceName: "",
pointConnectStatus: "",
startUploadTime: "",
endUploadTime: "",
};
}
</script>
<style scoped lang="scss">
......@@ -63,10 +94,11 @@ function formInit() {
}
.search-form {
padding: 10px;
background-color: #EAF1FE;
background-color: #eaf1fe;
margin-bottom: 20px;
border-radius: 8px;
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
margin-bottom: 0;
}
}
......
src/views/alarm/statistics/index.vue 0 → 100644
View file @ 34a3eef9
<template>
<div>告警信息统计</div>
</template>
<script>
export default {};
</script>
<style scoped lang="scss">
</style>
\ No newline at end of file
src/views/setting/parameter/index.vue 0 → 100644
View file @ 34a3eef9
<template>
<div class="parameter">
<div class="parameter-btn">
<el-button
class="ml10"
type="primary"
size="mini"
icon="el-icon-refresh-right"
@click="getInit"
>刷新</el-button
>
<el-button
class="ml10"
type="primary"
size="mini"
icon="el-icon-search"
@click="getInit"
>查询</el-button
>
</div>
<div class="card">
</div>
</div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.parameter {
.parameter-btn {
display: flex;
justify-content: flex-end;
}
.card{
padding: 16px;
border-radius: 8px;
border: 1px solid #D7D7D7;
}
}
</style>
\ No newline at end of file
src/views/setting/statistics/comp/fsuTable.vue
View file @ 34a3eef9
......@@ -143,13 +143,8 @@
</div>
</template>
<script>
import fsu from '@/views/setting/add/comp/FSU.vue';
import {
fsulist,
fsubatchDelete,
railWaylist,
selectForSite,
} from "../../api";
import fsu from "@/views/setting/add/comp/FSU.vue";
import { fsulist, fsubatchDelete, railWaylist, selectForSite } from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
import download from "@/utils/download";
import { exportFsu } from "@/api/export";
......@@ -174,7 +169,7 @@ export default {
block: 0,
istrue: 0,
exids: [],
curInfo: {}
curInfo: {},
};
},
created() {
......@@ -192,13 +187,13 @@ export default {
},
methods: {
toEdit(row) {
this.visible = true
this.curInfo = row
this.visible = true;
this.curInfo = row;
},
update(data) {
this.visible = false
this.visible = false;
if (data) {
this.getTableData()
this.getTableData();
}
},
changerailWay() {
......
src/views/setting/statistics/comp/leakyTable.vue
View file @ 34a3eef9
......@@ -164,6 +164,9 @@
<el-link type="primary" :underline="false" @click="toEdit(row)"
>编辑</el-link
>
<el-link type="primary" :underline="false" @click="handleSetting(row)"
>参数设置</el-link
>
</template>
</el-table-column>
</el-table>
......@@ -186,7 +189,7 @@
</div>
</template>
<script>
import leakyCable from '@/views/setting/add/comp/leakyCable.vue';
import leakyCable from "@/views/setting/add/comp/leakyCable.vue";
import {
leakyCablelist,
leakyCablebatchDelete,
......@@ -222,7 +225,7 @@ export default {
istrue: 0,
exids: [],
curInfo: {},
visible: false
visible: false,
};
},
created() {
......@@ -313,7 +316,7 @@ export default {
query: {
id: row.id,
type: 5,
name: row.leakyCableDescribe
name: row.leakyCableDescribe,
},
});
},
......
src/views/setting/statistics/comp/lineTable.vue
View file @ 34a3eef9
......@@ -9,6 +9,7 @@
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="block = !block">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
</div>
</div>
<el-form
......@@ -163,6 +164,9 @@
>
<el-link type="primary" :underline="false" @click="toEdit(row)"
>编辑</el-link
>
<el-link type="primary" :underline="false" @click="handleSetting(row)"
>参数设置</el-link
>
</template>
</el-table-column>
......
src/views/setting/statistics/comp/monitorTable.vue
View file @ 34a3eef9
......@@ -9,6 +9,7 @@
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="block = !block">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
<el-button type="primary" @click="handleAutomatic">自动添加设备</el-button>
</div>
</div>
<el-form
......@@ -127,6 +128,9 @@
>
<el-link type="primary" :underline="false" @click="toEdit(row)"
>编辑</el-link
>
<el-link type="primary" :underline="false" @click="handleSetting(row)"
>参数设置</el-link
>
</template>
</el-table-column>
......
src/views/setting/statistics/comp/stationTable.vue
View file @ 34a3eef9
......@@ -9,6 +9,7 @@
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="block = !block">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
</div>
</div>
<el-form
......@@ -121,7 +122,7 @@
</div>
</template>
<script>
import station from '@/views/setting/add/comp/station.vue'
import station from "@/views/setting/add/comp/station.vue";
import { sitelist, sitebatchDelete, railWaylist } from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
import download from "@/utils/download";
......@@ -145,7 +146,7 @@ export default {
block: 0,
istrue: 0,
exids: [],
curInfo: {}
curInfo: {},
};
},
created() {
......@@ -163,13 +164,13 @@ export default {
},
methods: {
toEdit(row) {
this.visible = true
this.curInfo = row
this.visible = true;
this.curInfo = row;
},
update(data) {
this.visible = false
this.visible = false;
if (data) {
this.getTableData()
this.getTableData();
}
},
tableRowClassName({ row, rowIndex }) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment