提取公共的表格样式 新增故障告警页面

src/views/ems/dzjk/home/index.vue

@@ -24,6 +24,7 @@
           </div>
           <div class="ssgj-container">
             <el-table
+              class="common-table"
               :data="tableData"
               height="100%"
               stripe
@@ -36,7 +37,7 @@
                 label="状态"
                 >
                   <template slot-scope="scope">
-                    <span class="warning-status">{{ scope.row.status === 0 ? '中断':'todo不是0是什么告警'}}</span>
+                    <span class="warning-status circle">{{ scope.row.status === 0 ? '中断':'todo不是0是什么告警'}}</span>
                   </template>
               </el-table-column>
               <el-table-column
@@ -135,25 +136,6 @@ export default {
     ::v-deep{
       .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
         background:#FFF2CB ;
-        border-bottom: none;
-      }
-      .warning-status{
-        color:#FC6B69;
-        &::before {
-          content: "";
-          display: inline-block;
-          width: 10px;
-          height: 10px;
-          border-radius: 50%;
-          background-color: #FC6B69;
-          margin-right: 8px;
-        }
-      }
-      .table-head{
-        color:#515a6e;
-      }
-      .alarm-content{
-        color:#333333;
       }
     }
   }