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

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

@@ -25,11 +25,11 @@
         </div>
       </div>
     </el-card>
-    <div class="table-container">
-      <el-table
+    <el-table
+        class="common-table"
         :data="tableData"
         stripe
-        style="width: 100%;">
+        style="width: 100%;margin-top:25px;">
         <el-table-column
           prop=""
           label="名称">
@@ -58,8 +58,7 @@
           prop="maxID"
           label="单体最大值ID">
         </el-table-column>
-      </el-table>
-    </div>
+  </el-table>
   </div>
 </template>
 
@@ -138,16 +137,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;
-    }
-    .table-head{
-      color:#515a6e;
-    }
-  }
-}
 </style>