src/views/xndc/modules/center-bottom.vue

@@ -133,7 +133,7 @@ export default {
   }
 
   /deep/ .el-table__header {
-    background: url(../../Articles/img/bg1.png);
+    //background: url(../../Articles/img/bg1.png);
   }
 
   ///deep/ .el-table th.el-table__cell.is-leaf {
@@ -205,16 +205,14 @@ export default {
   }
 
   /deep/ .el-table__header tr {
-    background: url(../../Articles/img/bg1.png);
+    background: url(../../../assets/images/dialog/t-line.png) no-repeat;
+    background-size: cover;
+    //background-size: 100% 100%;
     //height: 49px;
   }
 
-  /deep/ .el-table th.el-table__cell {
-    background: none;
-  }
-
   /deep/ .el-table__body {
-    //-webkit-border-vertical-spacing: 13px; // 垂直间距
+    -webkit-border-vertical-spacing: 2px; // 垂直间距
   }
 
   /deep/ .el-form-item__content {
@@ -224,5 +222,20 @@ export default {
   /deep/ .el-table, .el-table__expanded-cell {
     background-color: rgb(1, 40, 81);
   }
+
+  //取消表格背景，取消边框
+  /deep/ .el-table th.el-table__cell {
+    background: none;
+    border: 0;
+  }
+
+  //取消下边框
+  .el-table::before {
+    height: 0;
+  }
+
+  .el-table__row > td {
+    border: none;
+  }
 }
 </style>

src/views/xndc/modules/center-middle.vue

@@ -133,7 +133,7 @@ export default {
   }
 
   /deep/ .el-table__header {
-    background: url(../../Articles/img/bg1.png);
+    //background: url(../../Articles/img/bg1.png);
   }
 
   ///deep/ .el-table th.el-table__cell.is-leaf {
@@ -205,14 +205,11 @@ export default {
   }
 
   /deep/ .el-table__header tr {
-    background: url(../../Articles/img/bg1.png);
+    background: url(../../../assets/images/dialog/t-line.png) no-repeat;
+    background-size: cover;
     //height: 49px;
   }
 
-  /deep/ .el-table th.el-table__cell {
-    background: none;
-  }
-
   /deep/ .el-table__body {
     //-webkit-border-vertical-spacing: 13px; // 垂直间距
   }
@@ -224,5 +221,18 @@ export default {
   /deep/ .el-table, .el-table__expanded-cell {
     background-color: rgb(1, 40, 81);
   }
+
+  /deep/ .el-table th.el-table__cell {
+    background: none;
+    border: 0;
+  }
+
+  .el-table::before {
+    height: 0;
+  }
+
+  .el-table__row > td {
+    border: none;
+  }
 }
 </style>

src/views/xndc/modules/center-top.vue

@@ -12,13 +12,17 @@
           :row-style="{backgroundColor:'rgb(4,66,115,0.3)'}"
           style="background: none;margin-top: -1%;"
           :show-header="false"
+          @row-click="handleRowClick"
       >
         <el-table-column align="center" label="信息" prop="info">
           <template slot-scope="scope">
             <div style="height: 25px">
+              <img src="../../../assets/images/warning1.png" style="position:absolute;top: 10px;" :width="20"
+                   :height="20"
+                   alt="" v-if="scope.row.state === 1">
               <img src="../../../assets/images/warning.png" style="position:absolute;top: 10px;" :width="20"
                    :height="20"
-                   alt="">
+                   alt="" v-if="scope.row.state === 2">
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ scope.row.info }}
             </div>
           </template>
@@ -51,6 +55,10 @@ export default {
     }
   },
   methods: {
+    handleRowClick(row, event, column) {
+      // 在这里处理行点击事件
+      console.log('行点击事件：', row, event, column);
+    }
   },
   mounted() {
     this.tableData = [
@@ -179,12 +187,8 @@ export default {
     //height: 49px;
   }
 
-  /deep/ .el-table th.el-table__cell {
-    background: none;
-  }
-
   /deep/ .el-table__body {
-    //-webkit-border-vertical-spacing: 13px; // 垂直间距
+    //-webkit-border-vertical-spacing: 5px; // 垂直间距
   }
 
   /deep/ .el-form-item__content {
@@ -194,5 +198,18 @@ export default {
   /deep/ .el-table, .el-table__expanded-cell {
     background-color: rgb(1, 40, 81);
   }
+
+  /deep/ .el-table th.el-table__cell {
+    background: none;
+    border: 0;
+  }
+
+  .el-table::before {
+    height: 0;
+  }
+
+  .el-table__row > td {
+    border: none;
+  }
 }
 </style>

src/views/xndc/modules/left-top.vue

@@ -179,10 +179,6 @@ export default {
     //height: 49px;
   }
 
-  /deep/ .el-table th.el-table__cell {
-    background: none;
-  }
-
   /deep/ .el-table__body {
     //-webkit-border-vertical-spacing: 13px; // 垂直间距
   }
@@ -194,5 +190,18 @@ export default {
   /deep/ .el-table, .el-table__expanded-cell {
     background-color: rgb(1, 40, 81);
   }
+
+  /deep/ .el-table th.el-table__cell {
+    background: none;
+    border: 0;
+  }
+
+  .el-table::before {
+    height: 0;
+  }
+
+  .el-table__row > td {
+    border: none;
+  }
 }
 </style>