Parcourir la source

Merge branch 'FJC' into 'dev'

fix: 报警等级样式

See merge request skyeye/skyeye_frontend/skyeye-admin!103
zhu die il y a 1 an
Parent
commit
2476dda5b1
1 fichiers modifiés avec 17 ajouts et 14 suppressions
  1. 17 14
      src/views/message/alarmMessages/alarmMessages.vue

+ 17 - 14
src/views/message/alarmMessages/alarmMessages.vue

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