Skip to content

W
web-monitor
Commit 7bc0407d authored by yanzhongrong's avatar yanzhongrong
Browse files
Options

history status

parent 16f0c94c
Hide whitespace changes
Inline Side-by-side
Showing with 207 additions and 545 deletions
src/views/history/api.js 0 → 100644
View file @ 7bc0407d
import request from '@/utils/request'
const path = {
MonitorStatusList: 'sysHistoryMonitorStatus/selectPage',
MonitorStatusDelete: 'sysHistoryMonitorStatus/batchDeleteHistoryMonitorStatus',
MonitorMaintainList: 'sysHistoryMonitorMaintain/selectPage',
MonitorMaintainDelete: 'sysHistoryMonitorMaintain/selectPage',
ConnectStatusList: 'sysHistoryConnectStatus/selectPage',
ConnectStatusDelete: 'sysHistoryConnectStatus/batchDeleteHistoryConnectStatus',
ConnectMaintainList: 'sysHistoryConnectMaintain/selectPage',
ConnectMaintainDelete: 'sysHistoryConnectMaintain/batchDeleteHistoryConnectMaintain',
}
export function MonitorStatusList() {
return request.post(path.MonitorStatusList, ...arguments)
}
export function MonitorStatusDelete() {
return request.post(path.MonitorStatusDelete, ...arguments)
}
export function MonitorMaintainList() {
return request.post(path.MonitorMaintainList, ...arguments)
}
export function MonitorMaintainDelete() {
return request.post(path.MonitorMaintainDelete, ...arguments)
}
export function ConnectStatusList() {
return request.post(path.ConnectStatusList, ...arguments)
}
export function ConnectStatusDelete() {
return request.post(path.ConnectStatusDelete, ...arguments)
}
export function ConnectMaintainList() {
return request.post(path.ConnectMaintainList, ...arguments)
}
export function ConnectMaintainDelete() {
return request.post(path.ConnectMaintainDelete, ...arguments)
}
src/views/history/const.js 0 → 100644
View file @ 7bc0407d
export const ConnectStatusEnum = {
0: '连接正常',
1: '连接异常'
}
\ No newline at end of file
src/views/history/deviceLinkRepair/index.vue
View file @ 7bc0407d
......@@ -7,184 +7,92 @@
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="toDelete"
>删除</el-button
>
<el-button type="primary">刷新</el-button>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary">清空数据</el-button>
</div>
</div>
<el-table
:data="tableData2"
:data="tableData"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="netDevice" label="网元设备" align="center" />
<el-table-column prop="startPointDeviceName" label="网元设备" align="center" />
<el-table-column
prop="linkStatus"
prop="pointConnectStatus_text"
label="连接状态"
width="150"
align="center"
>
</el-table-column>
<el-table-column prop="netDevice2" label="网元设备" align="center">
<el-table-column prop="endPointDeviceName" label="网元设备" align="center">
</el-table-column>
<el-table-column prop="repairPerson" label="维修人员信息" align="center">
<el-table-column prop="userName" label="维修人员信息" align="center">
</el-table-column>
<el-table-column
prop="linkRepairDate"
prop="connectAlarmMaintainTime"
label="连接告警维修时间"
align="center"
/>
</el-table>
<Pagination
:limit="searchForm.pageSize"
:page="searchForm.pageNum"
:limit="params.size"
:page="params.current"
:total="total"
class="pagination"
@pagination="handlePageChange"
>
</Pagination>
/>
</div>
</template>
<script>
import Pagination from "@/components/Pagination";
import { ConnectMaintainList, ConnectMaintainDelete } from '../api'
import { ConnectStatusEnum } from '../const'
export default {
props: [],
components: { Pagination },
data() {
return {
multipleSelection: [],
searchForm: {
pageNum: 1,
pageSize: 10,
ConnectStatusEnum,
params: {
current: 1,
size: 10,
},
total: 14,
tableData2:[],
tableData: [
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
repairPerson: "张三",
linkRepairDate: "2022/12/18 11:59:42",
},
{
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
linkRepairDate: "2022/12/18 11:59:42",
repairPerson: "张三",
},
],
tableData: [],
};
},
computed: {},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
},
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData()
},
getTableData() {
ConnectMaintainList(this.params).then(res => {
let list = res.records || []
list.forEach(item => {
item.pointConnectStatus_text = this.ConnectStatusEnum[item.pointConnectStatus]
});
this.tableData = list
this.total = res.total
})
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
toDelete() {
ConnectMaintainDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功！')
})
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.linkStatus == "连接异常" && column.label == "连接状态") {
......@@ -198,7 +106,7 @@ tableData2:[],
},
},
mounted() {
this.getTableData()
this.getTableData()
},
};
</script>
......@@ -232,7 +140,7 @@ tableData2:[],
align-items: center;
justify-content: center;
margin: 20px 0;
.pageNum {
.current {
margin: 0 20px;
}
}
......
src/views/history/deviceLinkStatus/index.vue
View file @ 7bc0407d
......@@ -4,209 +4,95 @@
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<el-button
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="toDelete"
>删除</el-button
>
<el-button type="primary">刷新</el-button>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary">清空数据</el-button>
</div>
</div>
<el-table
:data="tableData2"
:data="tableData"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
prop="netDevice"
label="网元设备"
align="center"
/>
<el-table-column prop="startPointDeviceName" label="网元设备" align="center" />
<el-table-column
prop="linkStatus"
prop="pointConnectStatus_text"
label="连接状态"
width="150"
align="center"
>
</el-table-column>
<el-table-column prop="netDevice2" label="网元设备" align="center">
<el-table-column prop="endPointDeviceName" label="网元设备" align="center">
</el-table-column>
<el-table-column prop="uploadTime" label="上传时间" align="center" />
<el-table-column prop="cancelTime" label="取消时间" align="center" />
<el-table-column
prop="uploadDate"
label="上传时间"
align="center"
/>
<el-table-column
prop="cancelDate"
label="取消时间"
align="center"
/>
<el-table-column
prop="linkCancelTime"
prop="theInterruptTime"
label="连接中断时长"
align="center"
/>
</el-table>
<pagination
:limit="searchForm.pageSize"
:page="searchForm.pageNum"
<Pagination
:limit="params.size"
:page="params.current"
:total="total"
class="pagination"
@pagination="handlePageChange"
>
</pagination>
/>
</div>
</template>
<script>
import Pagination from "@/components/Pagination";
import { ConnectStatusList, ConnectStatusDelete } from '../api'
import { ConnectStatusEnum } from '../const'
export default {
props: [],
components: { Pagination },
data() {
return {
multipleSelection: [],
searchForm: {
pageNum: 1,
pageSize: 10,
ConnectStatusEnum,
params: {
current: 1,
size: 10,
},
total: 10,
tableData2:[],
tableData: [
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
{
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
{
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "现场管理单元 K65+308",
linkStatus: "连接正常",
netDevice2: "故障定位单元 K64+287",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
{
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
}, {
netDevice: "监控中心LSC",
linkStatus: "连接异常",
netDevice2: "现场管理单元 K65+308",
uploadDate: "2022/12/18 11:51:12",
cancelDate: "2022/12/18 11:59:42",
linkCancelTime: "5小时2分5秒",
},
],
tableData: [],
};
},
computed: {},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
},
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData()
},
getTableData() {
ConnectStatusList(this.params).then(res => {
let list = res.records || []
list.forEach(item => {
item.pointConnectStatus_text = this.ConnectStatusEnum[item.pointConnectStatus]
})
this.tableData = list
this.total = res.total
})
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
toDelete() {
ConnectStatusDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功！')
})
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.linkStatus == "连接异常" && column.label == "连接状态") {
......@@ -254,7 +140,7 @@ export default {
align-items: center;
justify-content: center;
margin: 20px 0;
.pageNum {
.current {
margin: 0 20px;
}
}
......
src/views/history/leakyCableRepair/index.vue
View file @ 7bc0407d
......@@ -7,212 +7,100 @@
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
@click="deleteCable"
>删除</el-button
>
<el-button type="primary">刷新</el-button>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary">导出</el-button>
</div>
</div>
<el-table
:data="tableData2"
:data="tableData"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@selection-change="handleSelectionChange"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
prop="name"
prop="siteName"
label="基站名称"
width="180"
align="center"
/>
<el-table-column
prop="object"
prop="alarmTarget"
label="告警对象"
width="180"
align="center"
/>
<el-table-column prop="level" label="告警级别" width="150" align="center">
<template slot-scope="scope">
<div>
{{ scope.row.level }}
</div>
</template>
<el-table-column prop="alarmLevelName" label="告警级别" width="150" align="center">
</el-table-column>
<el-table-column prop="message" label="告警信息" align="center">
<template slot-scope="scope">
<div
v-for="(item, index) in scope.row.message.red"
:key="index + 'red'"
class="red message"
>
{{ item }}
</div>
<div
v-for="(item, index) in scope.row.message.green"
:key="index + 'green'"
class="green message"
>
{{ item }}
</div>
<div
v-for="(item, index) in scope.row.message.black"
:key="index + 'black'"
class="black message"
>
{{ item }}
</div>
</template>
<el-table-column prop="alarmInfo" label="告警信息" align="center">
</el-table-column>
<el-table-column prop="uploadDate" label="告警维修时间" align="center" />
<el-table-column prop="alarmMaintainTime" label="告警维修时间" align="center" />
</el-table>
<pagination
:limit="searchForm.pageSize"
:page="searchForm.pageNum"
<Pagination
:limit="params.size"
:page="params.current"
:total="total"
class="pagination"
@pagination="handlePageChange"
>
</pagination>
/>
</div>
</template>
<script>
import Pagination from "@/components/Pagination";
import { MonitorMaintainList, MonitorMaintainDelete } from '../api'
export default {
props: [],
components: { Pagination },
data() {
return {
multipleSelection: [],
searchForm: {
pageNum: 1,
pageSize: 10,
params: {
current: 1,
size: 10,
},
total: 10,
tableData2:[],
tableData: [
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "紧急",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "紧急",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "紧急",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "紧急",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "紧急",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "重要",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
{
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "重要",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
}, {
name: "STATION2未开通",
object: "漏缆FSU2_R1下行方向",
level: "重要",
message: {
red: ["距离：0米 驻波比：8.72"],
green: ["距离：18米 驻波比：1.07", "距离：42米 驻波比：1.02"],
black: ["漏缆百米损耗：2.8"],
},
uploadDate: "2022/12/18 11:51:12",
},
],
tableData: [],
};
},
computed: {},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
},
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
getTableData() {
MonitorMaintainList(this.params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
})
},
deleteCable() {
MonitorMaintainDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功！')
})
},
cellClassFn({row, column, rowIndex, columnIndex}) {
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.level == '紧急' && column.label == '告警级别') {
return 'emergency'
} else if (row.level == '重要' && column.label == '告警级别') {
return 'important'
}
if (rowIndex%2 == 1) {
if (rowIndex % 2 == 1) {
return 'stripe'
}
},
},
mounted() {this.getTableData()},
mounted() { this.getTableData() },
};
</script>
<style lang="scss" scoped>
......@@ -239,7 +127,7 @@ export default {
color: black;
}
& ::v-deep .stripe {
background-color: #EAF1FE;
background-color: #eaf1fe;
}
& ::v-deep .emergency {
background-color: #f00;
......@@ -252,7 +140,7 @@ export default {
align-items: center;
justify-content: center;
margin: 20px 0;
.pageNum {
.current {
margin: 0 20px;
}
}
......
src/views/history/leakyCableStatus/index.vue
View file @ 7bc0407d
......@@ -2,14 +2,15 @@
<!-- 漏缆实时状态 -->
<div class="leakage-cable">
<div class="leakage-top">
<div style="color: #666666">
</div>
<div style="color: #666666"></div>
<div class="operate-btn">
<el-button
:type="multipleSelection.length ? 'primary' : 'info'"
:disabled="!multipleSelection.length"
>删除</el-button>
<el-button type="primary">刷新</el-button>
@click="deleteCable"
>删除</el-button
>
<el-button type="primary" @click="getTableData">刷新</el-button>
<el-button type="primary">查询</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary">图形报表</el-button>
......@@ -17,33 +18,22 @@
</div>
<el-table
ref="multipleTable"
:data="tableData2"
:data="tableData"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{background:'#EAF1FE',color:'#666666'}"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="name" label="基站名称" align="center" />
<el-table-column prop="object" label="告警对象" align="center" />
<el-table-column prop="message" label="告警信息" align="center">
<template slot-scope="scope">
<div v-for="(item, index) in scope.row.message.red" :key="index+'red'" class="red message">
{{ item }}
</div>
<div v-for="(item, index) in scope.row.message.green" :key="index+'green'" class="green message">
{{ item }}
</div>
<div v-for="(item, index) in scope.row.message.black" :key="index+'black'" class="black message">
{{ item }}
</div>
</template>
<el-table-column prop="siteName" label="基站名称" align="center" />
<el-table-column prop="alarmTarget" label="告警对象" align="center" />
<el-table-column prop="alarmInfo" label="告警信息" align="center">
</el-table-column>
<el-table-column prop="uploadDate" label="上传日期" align="center" />
<el-table-column prop="uploadTime" label="上传日期" align="center" />
</el-table>
<pagination
:limit="searchForm.pageSize"
:page="searchForm.pageNum"
<Pagination
:limit="params.size"
:page="params.current"
:total="total"
class="pagination"
@pagination="handlePageChange"
......@@ -52,82 +42,16 @@
</template>
<script>
import Pagination from '@/components/Pagination'
import { MonitorStatusList, MonitorStatusDelete } from '../api'
export default {
components: { Pagination },
data() {
return {
searchForm: {
pageNum: 1,
pageSize: 10
params: {
current: 1,
size: 10
},
total: 10,
tableData2:[],
tableData: [
{
name: 'STATION2未开通',
object: '漏缆FSU2_R1下行方向',
level: '紧急',
message: {
red: ['距离：0米 驻波比：8.72'],
green: ['距离：18米 驻波比：1.07', '距离：42米 驻波比：1.02'],
black: ['漏缆百米损耗：2.8']
},
uploadDate: '2022/12/18 11:51:12'
},
{
name: 'STATION2未开通',
object: '漏缆FSU2_R1下行方向',
level: '紧急',
message: {
red: ['距离：0米 驻波比：8.72'],
green: ['距离：18米 驻波比：1.07', '距离：42米 驻波比：1.02'],
black: ['漏缆百米损耗：2.8']
},
uploadDate: '2022/12/18 11:51:12'
}, {
name: 'STATION2未开通',
object: '漏缆FSU2_R1下行方向',
level: '紧急',
message: {
red: ['距离：0米 驻波比：8.72'],
green: ['距离：18米 驻波比：1.07', '距离：42米 驻波比：1.02'],
black: ['漏缆百米损耗：2.8']
},
uploadDate: '2022/12/18 11:51:12'
}, {
name: 'STATION2未开通',
object: '漏缆FSU2_R1下行方向',
level: '紧急',
message: {
red: ['距离：0米 驻波比：8.72'],
green: ['距离：18米 驻波比：1.07', '距离：42米 驻波比：1.02'],
black: ['漏缆百米损耗：2.8']
},
uploadDate: '2022/12/18 11:51:12'
}, {
name: 'STATION2未开通',
object: '漏缆FSU2_R1下行方向',
level: '紧急',
message: {
red: ['距离：0米 驻波比：8.72'],
green: ['距离：18米 驻波比：1.07', '距离：42米 驻波比：1.02'],
black: ['漏缆百米损耗：2.8']
},
uploadDate: '2022/12/18 11:51:12'
}, {
name: 'STATION2未开通',
object: '漏缆FSU2_R1下行方向',
level: '重要',
message: {
red: ['距离：0米 驻波比：8.72'],
green: ['距离：18米 驻波比：1.07', '距离：42米 驻波比：1.02'],
black: ['漏缆百米损耗：2.8']
},
uploadDate: '2022/12/18 11:51:12'
}
],
tableData: [],
multipleSelection: []
}
},
......@@ -144,23 +68,29 @@ export default {
}
},
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
this.getTableData()
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
getTableData() {
MonitorStatusList(this.params).then(res => {
let list = res.records || []
this.tableData = list
this.total = res.total
})
},
handleSelectionChange(val) {
this.multipleSelection = val
let deleteIds = val.map(item => item.id)
this.multipleSelection = deleteIds
},
deleteCable() {
MonitorStatusDelete({ids: this.multipleSelection}).then(res => {
this.$message.success('删除成功！')
})
}
},
mounted(){
this.getTableData()
mounted() {
this.getTableData()
}
}
</script>
......@@ -189,7 +119,7 @@ export default {
color: black;
}
& ::v-deep .stripe {
background-color: #EAF1FE;
background-color: #eaf1fe;
}
& ::v-deep .emergency {
background-color: #f00;
......
vue.config.js
View file @ 7bc0407d
......@@ -12,6 +12,7 @@ const port = process.env.port || process.env.npm_config_port || 8886 // dev port
const rewriteDefaultConfig = {
changeOrigin: true,
target: 'http://8.142.143.40:8886',
// target: 'http://192.168.0.111:8886',
// ws: true,
headers: {
referer: 'laddercloud.cn'
......
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