设备监控标题样式统一

src/assets/styles/common.scss

@@ -26,18 +26,15 @@
       border-bottom: none;
       font-size: 12px;
       background: #F1F5FB ;
+      position: relative;
       .card-title{
         font-weight: 500;
         color:#333333;
       }
-      .large-title{
-        font-size: 20px;
-        font-weight: 500;
-        line-height: 40px;
-      }
       .el-button--text{
         color: #666666;
       }
+
     }
 }
 .common-card-container-body-no-padding{
@@ -50,6 +47,59 @@
       background-color: transparent;
     }
 }
+//单站监控 设备监控card公共样式
+.sbjk-card-container{
+  .el-card__header {
+    background-color: transparent;
+    padding: 10px 14px;
+    color: #ffffff;
+    position: relative;
+    border-radius: 5px 5px 0 0;
+    .large-title{
+      font-size: 20px;
+      font-weight: 500;
+      line-height: 40px;
+      padding: 0 50px 0 11px;
+      display: inline-block;
+      vertical-align: middle;
+    }
+    .info {
+      display: inline-block;
+      vertical-align: middle;
+      color: #ffffff;
+      font-size: 12px;
+      line-height: 20px;
+    }
+    .el-button--text{
+      color: #666666;
+    }
+    .alarm{
+      position: absolute;
+      right: 25px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
+  //红色背景颜色标题
+  &.warning-card-container{
+    .el-card__header {
+      background-color: #fc6b69;
+    }
+  }
+  //绿色背景颜色标题
+  &.running-card-container {
+    .el-card__header {
+      background-color: #05aea3;
+    }
+  }
+  //灰色背景颜色标题
+  &.timing-card-container {
+    .el-card__header {
+      background-color: #666666;
+    }
+  }
+}
+
 /* card标题里的时间选择器 */
 .time-range-card {
   &.common-card-container .el-card__header {