|
@@ -24,7 +24,7 @@
|
|
|
|
|
|
|
|
<el-table-column prop="alarmLevel" label="报警等级">
|
|
<el-table-column prop="alarmLevel" label="报警等级">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span
|
|
|
|
|
|
|
+ <div
|
|
|
:class="
|
|
:class="
|
|
|
scope.row.alarmLevel === '一般问题'
|
|
scope.row.alarmLevel === '一般问题'
|
|
|
? 'generalIssue'
|
|
? 'generalIssue'
|
|
@@ -34,7 +34,7 @@
|
|
|
"
|
|
"
|
|
|
>
|
|
>
|
|
|
{{ scope.row.alarmLevel }}
|
|
{{ scope.row.alarmLevel }}
|
|
|
- </span>
|
|
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
|
@@ -184,34 +184,37 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.generalIssue {
|
|
.generalIssue {
|
|
|
- width: 64px;
|
|
|
|
|
- height: 22px;
|
|
|
|
|
|
|
+ width: 70px;
|
|
|
|
|
+ height: 25px;
|
|
|
|
|
+ line-height: 25px;
|
|
|
|
|
+ margin: auto;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- line-height: 22px;
|
|
|
|
|
color: #507df7;
|
|
color: #507df7;
|
|
|
background-color: #e9f3fe;
|
|
background-color: #e9f3fe;
|
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|
|
|
- border: 1px solid #e9f3fe;
|
|
|
|
|
|
|
+ border: 0.1px solid #507df7;
|
|
|
}
|
|
}
|
|
|
.mediumIssue {
|
|
.mediumIssue {
|
|
|
- width: 64px;
|
|
|
|
|
- height: 22px;
|
|
|
|
|
|
|
+ width: 70px;
|
|
|
|
|
+ height: 25px;
|
|
|
|
|
+ line-height: 25px;
|
|
|
|
|
+ margin: auto;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- line-height: 22px;
|
|
|
|
|
color: #faad14;
|
|
color: #faad14;
|
|
|
background-color: #fffbe6;
|
|
background-color: #fffbe6;
|
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|
|
|
- border: 1px solid #fffbe6;
|
|
|
|
|
|
|
+ border: 0.1px solid #faad14;
|
|
|
}
|
|
}
|
|
|
.seriousIssue {
|
|
.seriousIssue {
|
|
|
- width: 64px;
|
|
|
|
|
- height: 22px;
|
|
|
|
|
|
|
+ width: 70px;
|
|
|
|
|
+ height: 25px;
|
|
|
|
|
+ line-height: 25px;
|
|
|
|
|
+ margin: auto;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- line-height: 22px;
|
|
|
|
|
color: #ed6863;
|
|
color: #ed6863;
|
|
|
background-color: #fdf1f0;
|
|
background-color: #fdf1f0;
|
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|
|
|
- border: 1px solid #fdf1f0;
|
|
|
|
|
|
|
+ border: 0.1px solid #ed6863;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.operation {
|
|
.operation {
|