table样式

gassafety-web/src/assets/styles/gassafety.scss

@@ -387,3 +387,53 @@
     height: 140px !important;
   }
 }
+
+
+// 设备巡检详情页表格样式
+.detail {
+  .el-table {
+    .el-table__header-wrapper,
+    .el-table__fixed-header-wrapper {
+      th {
+        word-break: break-word;
+        background-color: #1181e8;
+        color: #fff;
+        height: 40px;
+        font-size: 14px;
+      }
+    }
+    .el-table__body-wrapper {
+      .el-table__row:nth-child(2n + 1) {
+        background-color: #e6e6e6;
+        // &:hover {
+        //   td {
+        //     background-color: #f4f4f4;
+        //   }
+        // }
+        td {
+          .cell {
+            color: #053b6a;
+          }
+        }
+      }
+      .el-table__row:nth-child(2n) {
+        background-color: #f4f4f4;
+        // &:hover {
+        //   td {
+        //     background-color: #e6e6e6;
+        //   }
+        // }
+        td {
+          .cell {
+            color: #053b6a;
+          }
+        }
+      }
+    }
+    .el-table__body-wrapper {
+      .el-button [class*="el-icon-"] + span {
+        margin-left: 1px;
+      }
+    }
+  }
+}
\ No newline at end of file

gassafety-web/src/views/deviceInspection/inspectiondetail/index.vue

@@ -63,7 +63,7 @@
             </el-form>
           </el-col>
           <el-col :span="24">
-            <el-table max-height="175px" :data="form.inspectionDataList" style="width: 89%; margin-left: 30px;">
+            <el-table  max-height="175px" :data="form.inspectionDataList" style="width: 89%; margin-left: 30px;">
               <el-table-column label="设备名称" align="center" prop="deviceName" />
               <el-table-column label="设备编号" align="center" prop="deviceCode" />
               <el-table-column label="设备类型" align="center" prop="deviceType" />