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

src/views/ems/dzjk/sbjk/bmsdcc/index.vue

@@ -25,12 +25,12 @@
           </div>
         </div>
     </el-card>
-    <div class="table-container">
-      <el-table
+    <el-table
+        class="common-table"
         :data="tableData"
         stripe
         max-height="500"
-        style="width: 100%">
+        style="width: 100%;margin-top:25px;">
         <el-table-column
           prop="name"
           width="190"
@@ -84,7 +84,6 @@
         </el-table-column>
 
       </el-table>
-    </div>
   </div>
 </template>
 
@@ -158,20 +157,4 @@ export default {
   }
 }
 
-
-//表格样式
-.table-container{
-  margin-top:25px;
-  ::v-deep{
-    .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
-      border-bottom: none;
-    }
-    .el-table .el-table__header-wrapper th{
-      background-color: #f1f5fc;
-    }
-    .table-head{
-      color:#515a6e;
-    }
-  }
-}
 </style>