已删除行李设置灰色背景和斜体

src/views/advancedQuery/views/advancedHome.vue

@@ -76,8 +76,9 @@
         style="width: 100%"
         show-summary
         :summary-method="summaryRow(tableData.length)"
-        :cell-class-name="cellClass"
         :header-cell-class-name="headerCellClass"
+        :row-class-name="tableRowClassName"
+        :cell-class-name="cellClass"
         :span-method="objectSpanMethod"
         @cell-click="cellClickHandler"
       >
@@ -838,6 +839,13 @@ export default {
       }
       return classes.join(' ')
     },
+    tableRowClassName({ row, rowIndex }) {
+      const classes = []
+      if (row.deleted === 'DEL') {
+        classes.push('bgl-deleted')
+      }
+      return classes.join(' ')
+    },
     cellClass({ row, column, rowIndex, columnIndex }) {
       const classes = []
       if (['FlightNO', 'TransferFlightNO', 'BagSN'].includes(column.property)) {
@@ -1171,23 +1179,13 @@ export default {
       }
     }
 
-    .el-table__body-wrapper {
-      tr.bgl-hui {
+    .el-table__body-wrapper,
+    .el-table__fixed-body-wrapper {
+      tr.bgl-deleted {
         background: #d2d6df;
         td {
           background: #d2d6df;
-        }
-        &.redBorder {
-          position: relative;
-          &::after {
-            content: '';
-            position: absolute;
-            left: 0;
-            bottom: 0;
-            width: 100%;
-            height: 2px;
-            background: #e83f82;
-          }
+          font-style: italic;
         }
       }
     }

src/views/baggageManagement/components/flight/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2022-01-17 10:39:22
- * @LastEditTime: 2022-05-31 11:11:10
+ * @LastEditTime: 2022-06-22 10:06:42
  * @LastEditors: your name
  * @Description: 航班视图
 -->
@@ -637,6 +637,9 @@ export default {
       if (this.warningContainers.includes(row['containerNumber']) || row['latestStatus'] === '待翻减') {
         classes.push('row-warning')
       }
+      if ((row['Status'] === 'DEL')) {
+        classes.push('bgl-deleted')
+      }
       return classes.join(' ')
     },
     // 给表头单元格加上 ascending 或 descending 使用 element 自带的排序箭头变色
@@ -982,8 +985,18 @@ export default {
         color: purple;
       }
     }
-    .row-warning .el-table__cell {
-      background: orange;
+    .el-table__body-wrapper,
+    .el-table__fixed-body-wrapper {
+      tr.bgl-deleted {
+        background: #d2d6df;
+        td {
+          background: #d2d6df;
+          font-style: italic;
+        }
+      }
+      .row-warning .el-table__cell {
+        background: orange;
+      }
     }
   }
 }