|
|
@@ -81,14 +81,14 @@
|
|
|
<div class="dark-el-dialog">
|
|
|
<el-dialog width="60%" style="top:15%" :visible.sync="outerVisible" :close-on-click-modal="false">
|
|
|
<div slot="title" class="dialog-title flex justify-between">
|
|
|
- <div>
|
|
|
+ <div class="flex justify-between" style="width: 80%">
|
|
|
<el-button @click="acknowledgeAll()">全部确认</el-button>
|
|
|
- <el-button @click="getAbnormalAlarms('')">全部告警</el-button>
|
|
|
- <el-button @click="getAbnormalAlarms('E1')">通道告警</el-button>
|
|
|
- <el-button @click="getAbnormalAlarms('E2')">上报告警</el-button>
|
|
|
- <el-button @click="getAbnormalAlarms('E3')">站端硬件告警</el-button>
|
|
|
- <el-button @click="getAbnormalAlarms('E4')">中心解析告警</el-button>
|
|
|
- <el-button @click="getAbnormalAlarms('E5')">通用告警</el-button>
|
|
|
+ <div id="btuAll" class="clickAfter" @click="clickBtuClass('btuAll')"><el-button @click="getAbnormalAlarms('')">全部告警</el-button></div>
|
|
|
+ <div id="btuE1" class="clickBefore" @click="clickBtuClass('btuE1')"><el-button @click="getAbnormalAlarms('E1')">通道告警</el-button></div>
|
|
|
+ <div id="btuE2" class="clickBefore" @click="clickBtuClass('btuE2')"><el-button @click="getAbnormalAlarms('E2')">上报告警</el-button></div>
|
|
|
+ <div id="btuE3" class="clickBefore" @click="clickBtuClass('btuE3')"><el-button @click="getAbnormalAlarms('E3')">站端硬件告警</el-button></div>
|
|
|
+ <div id="btuE4" class="clickBefore" @click="clickBtuClass('btuE4')"><el-button @click="getAbnormalAlarms('E4')">中心解析告警</el-button></div>
|
|
|
+ <div id="btuE5" class="clickBefore" @click="clickBtuClass('btuE5')"><el-button @click="getAbnormalAlarms('E5')">通用告警</el-button></div>
|
|
|
<el-button @click="getAlarmConfs()">不告警配置</el-button>
|
|
|
</div>
|
|
|
<div class="dialog-title-badge flex justify-between">
|
|
|
@@ -180,7 +180,6 @@
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
- plain
|
|
|
icon="el-icon-plus"
|
|
|
size="mini"
|
|
|
popper-class="cpp-popper"
|
|
|
@@ -191,7 +190,6 @@
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="success"
|
|
|
- plain
|
|
|
icon="el-icon-edit"
|
|
|
size="mini"
|
|
|
popper-class="cpp-popper"
|
|
|
@@ -202,7 +200,6 @@
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="danger"
|
|
|
- plain
|
|
|
icon="el-icon-delete"
|
|
|
size="mini"
|
|
|
popper-class="cpp-popper"
|
|
|
@@ -210,17 +207,17 @@
|
|
|
>删除
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
-<!-- <el-col :span="1.5">-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="danger"-->
|
|
|
-<!-- plain-->
|
|
|
-<!-- icon="el-icon-select"-->
|
|
|
-<!-- size="mini"-->
|
|
|
-<!-- popper-class="cpp-popper"-->
|
|
|
-<!-- @click="getAlarmConfs"-->
|
|
|
-<!-- >查询-->
|
|
|
-<!-- </el-button>-->
|
|
|
-<!-- </el-col>-->
|
|
|
+ <!-- <el-col :span="1.5">-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="danger"-->
|
|
|
+ <!-- plain-->
|
|
|
+ <!-- icon="el-icon-select"-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- popper-class="cpp-popper"-->
|
|
|
+ <!-- @click="getAlarmConfs"-->
|
|
|
+ <!-- >查询-->
|
|
|
+ <!-- </el-button>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
</el-row>
|
|
|
|
|
|
<div style="padding-top: 10px">
|
|
|
@@ -347,11 +344,11 @@ export default {
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
- xdbl:0,
|
|
|
+ xdbl: 0,
|
|
|
// 限电场站数
|
|
|
- xdczs:0,
|
|
|
+ xdczs: 0,
|
|
|
// 总场站数
|
|
|
- zczs:0,
|
|
|
+ zczs: 0,
|
|
|
realList: [],
|
|
|
ableList: [],
|
|
|
theoryList: [],
|
|
|
@@ -488,7 +485,7 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
formatNumber(num) {
|
|
|
- if (Number(num)==0){
|
|
|
+ if (Number(num) == 0) {
|
|
|
return 0
|
|
|
}
|
|
|
// 转换为字符串以便处理
|
|
|
@@ -500,8 +497,7 @@ export default {
|
|
|
if (nums[0].length == 3) {
|
|
|
|
|
|
return parseFloat(num.toFixed(1));
|
|
|
- }
|
|
|
- else{
|
|
|
+ } else {
|
|
|
return nums[0];
|
|
|
}
|
|
|
},
|
|
|
@@ -535,7 +531,7 @@ export default {
|
|
|
this.envData.radiance = envDataMap.fzdAvg
|
|
|
|
|
|
this.drawChart()
|
|
|
- }).catch(err=>{
|
|
|
+ }).catch(err => {
|
|
|
clearInterval(this.sysBizDataTimer);
|
|
|
})
|
|
|
},
|
|
|
@@ -588,7 +584,7 @@ export default {
|
|
|
|
|
|
})
|
|
|
},
|
|
|
- changeInfo(){
|
|
|
+ changeInfo() {
|
|
|
this.getAlarmConfs()
|
|
|
},
|
|
|
getAlarmConfs() {
|
|
|
@@ -641,13 +637,13 @@ export default {
|
|
|
// }
|
|
|
|
|
|
},
|
|
|
- /*模拟数据*/
|
|
|
- mockData(num) {
|
|
|
- let data = []
|
|
|
- for (let i = 0; i <= 96; i++) {
|
|
|
- data.push(Math.floor(Math.round(Math.random() * 10) * num, 2))
|
|
|
- }
|
|
|
- return data
|
|
|
+ clickBtuClass(id) {
|
|
|
+ let clickItem = document.getElementById(id)
|
|
|
+ let activeItem = document.querySelector('.clickAfter')
|
|
|
+ activeItem.classList.remove('clickAfter')
|
|
|
+ activeItem.classList.add('clickBefore')
|
|
|
+ clickItem.classList.remove('clickBefore')
|
|
|
+ clickItem.classList.add('clickAfter')
|
|
|
},
|
|
|
drawChart() {
|
|
|
gaugeOption.series[0].data[0].value = this.xdczs
|
|
|
@@ -877,7 +873,7 @@ export default {
|
|
|
})
|
|
|
return result
|
|
|
},
|
|
|
- checkRadioMethod ({ row }) {
|
|
|
+ checkRadioMethod({row}) {
|
|
|
return row.expireTime > formatToDateTime(new Date().getTime())
|
|
|
}
|
|
|
|
|
|
@@ -915,6 +911,7 @@ $top-container-height: 11vh;
|
|
|
top: 5px;
|
|
|
right: 5px;
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-badge__content {
|
|
|
border-radius: .5vw;
|
|
|
font-size: .6vw;
|
|
|
@@ -925,6 +922,7 @@ $top-container-height: 11vh;
|
|
|
}
|
|
|
|
|
|
.home-jump-btu {
|
|
|
+ border-color: #1890ff;
|
|
|
width: 5vw;
|
|
|
height: 3.15vh;
|
|
|
cursor: pointer;
|
|
|
@@ -934,6 +932,10 @@ $top-container-height: 11vh;
|
|
|
font-size: .85vw;
|
|
|
}
|
|
|
|
|
|
+.home-jump-btu:active {
|
|
|
+ transform: translateY(2px);
|
|
|
+}
|
|
|
+
|
|
|
.chartStyle {
|
|
|
width: 100%;
|
|
|
height: 35vh;
|
|
|
@@ -959,12 +961,15 @@ $top-container-height: 11vh;
|
|
|
left: 3vw;
|
|
|
font-size: 1vw;
|
|
|
}
|
|
|
-.left-img{
|
|
|
+
|
|
|
+.left-img {
|
|
|
width: 5vw;
|
|
|
}
|
|
|
-.badge-img{
|
|
|
+
|
|
|
+.badge-img {
|
|
|
width: 1.5vw;
|
|
|
}
|
|
|
+
|
|
|
.border-style {
|
|
|
border-radius: 5px;
|
|
|
box-shadow: inset 0px 1px 8px 5px rgba(29, 128, 218, 0.63);
|
|
|
@@ -1073,4 +1078,23 @@ $top-container-height: 11vh;
|
|
|
border: none;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.clickAfter {
|
|
|
+ ::v-deep .el-button {
|
|
|
+ border-color: #49e9f8 !important;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ ::v-deep .el-button:hover {
|
|
|
+ border-color: #49e9f8 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.clickBefore {
|
|
|
+ ::v-deep .el-button {
|
|
|
+ border-color: #1890ff !important;
|
|
|
+ }
|
|
|
+ ::v-deep .el-button:hover {
|
|
|
+ border-color: #49e9f8 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
zy