style:样式完成修改

@@ -170,18 +170,43 @@
   cursor: pointer;
 }
 
-// element table 选中 颜色
-// .el-table--enable-row-hover .el-table__body tr:hover>td {
-  //   background-color: #FCFDFD;
-  // }
-
-  // .el-table__body .el-table__row.hover-row td {
-  //   background-color: #FCFDFD;
-  // }
-
-  // .el-table tbody tr:hover>td {
-  //   background-color: #FCFDFD;
-  // }
+// element table 样式修改
+//去掉表格内的线
+table th {
+  border-bottom: 5px solid #000637 !important;
+}
+
+table td {
+  border-bottom: 5px solid #000637 !important;
+}
+
+//去掉最下面的那一条线
+.el-table::before {
+  height: 5px !important;
+  background-color: #000637 !important;
+}
+
+.lb-table {
+  background-color: #000637 !important;
+}
+
+.el-table__body-wrapper {
+  background-color: #000637 !important;
+}
+
+.el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: #103E99 !important;
+}
+
+.el-table__body .el-table__row.hover-row td {
+  background-color: #103E99 !important;
+}
+
+.el-table tbody tr:hover>td {
+  background-color: #103E99 !important;
+}
+
+
 // 表格样式
 .el-table th {
   height: 48px !important;

+.tableClass {
+    /deep/.el-table {
+        border: none !important;
+
+        .cell {
+            color: #FFFFFF !important;
+        }
+
+        .el-table__row {
+            background-color: #00275F !important;
+            margin-top: 5px;
+        }
+
+        thead {
+            background: #103E99 !important;
+
+            & th {
+                //inherit：规定应该从父元素继承 background-color 属性的设置。
+                //transparent：默认。背景颜色为透明。
+                // background-color: inherit !important;
+                background-color: transparent;
+            }
+
+            & tr {
+                // background-color: inherit !important;
+                background-color: transparent;
+            }
+        }
+    }
+}
+
 //*****start*通用表单查询条件，列表样式******//
 .from-clues {
     min-width: 1280px;
@@ -67,72 +98,9 @@
         background: #FFFFFF;
         margin-top: 10px;
 
-        //去掉表格内的线
-        /deep/ table th {
-            border-bottom: 5px solid #000637 !important;
-        }
-
-        /deep/ table td {
-            border-bottom: 5px solid #000637 !important;
-        }
-
-        //去掉最下面的那一条线
-        /deep/.el-table::before {
-            height: 5px !important;
-            background-color: #000637 !important;
-        }
-
-
-        /deep/.lb-table {
-            background-color: #000637 !important;
-        }
-
-        /deep/.el-table__body-wrapper {
-            background-color: #000637 !important;
-        }
-
-        /deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
-            background-color: #103E99 !important;
-        }
-
-        /deep/.el-table__body .el-table__row.hover-row td {
-            background-color: #103E99 !important;
-        }
-
-        /deep/.el-table tbody tr:hover>td {
-            background-color: #103E99 !important;
-        }
-
         //修改表头的背景颜色横向渐变色
+        @extend .tableClass;
 
-        /deep/.el-table {
-            border: none !important;
-
-            .cell {
-                color: #FFFFFF !important;
-            }
-
-            .el-table__row {
-                background-color: #00275F !important;
-                margin-top: 5px;
-            }
-
-            thead {
-                background: #103E99 !important;
-
-                & th {
-                    //inherit：规定应该从父元素继承 background-color 属性的设置。
-                    //transparent：默认。背景颜色为透明。
-                    // background-color: inherit !important;
-                    background-color: transparent;
-                }
-
-                & tr {
-                    // background-color: inherit !important;
-                    background-color: transparent;
-                }
-            }
-        }
     }
 
     .el-form--inline .el-form-item {

@@ -164,6 +164,9 @@
     margin-top: 5px;
     background-color: #000637;
 
+    /deep/tbody tr:nth-child(odd) {
+      background: #000637 !important;
+    }
     .title {
       text-align: center;
       line-height: 36px;

@@ -76,7 +76,7 @@
         </div>
       </div>
       <!-- 底部表格 -->
-      <div class="jrxxlb">
+      <div class="jrxxlb tableClass">
         <div class="title">陕西省平台接入情况</div>
         <!-- 陕西省平台接入情况table -->
         <lb-table ref="table" :pagination="false" :heightNum="408" :column="tableData.columns" :data="tableData.data">
@@ -149,6 +149,15 @@ export default {
           dk: 60,
           wjrqx: '长安县',
           jrdf: 50
+        },
+        {
+          xzqmc: '咸阳市',
+          xzqzs: 100,
+          jrl: 300,
+          jscgl: 20,
+          dk: 60,
+          wjrqx: '长安县',
+          jrdf: 50
         }]
       }
     }
@@ -176,5 +185,6 @@ export default {
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
+@import "~@/styles/public.scss";
 @import "./home.scss";
 </style>