1

src/views/modules/board/SORoutingBoard.vue

@@ -159,6 +159,9 @@
     },
     methods: {
       tableRowClassName ({row, rowIndex}) {
+        if ( new Date(row.sScheduledDate) <new Date(this.dayjs().format('YYYY-MM-DD'))) {
+          return 'false-row'
+        }
         if (row.outWorkFlag == 'N') {
           return 'success-row'
         }
@@ -242,12 +245,15 @@
 
   .board2 .el-table .success-row {
     background: #1bb61b;
+    color: #f2f6fc;
   }
   .board2 .el-table .false-row {
     /*background: #cbcb14;*/
     background: #db1212;
+    color: #f2f6fc;
   }
   .board2 .el-table .yellow-row{
     background: #ffff00;
+    color: #f2f6fc;
   }
 </style>

src/views/modules/board/SORoutingBoardAll.vue

@@ -151,6 +151,9 @@
     },
     methods: {
       tableRowClassName ({row, rowIndex}) {
+        if ( new Date(row.sScheduledDate) <new Date(this.dayjs().format('YYYY-MM-DD'))) {
+          return 'false-row'
+        }
         if (row.outWorkFlag == 'N') {
           return 'success-row'
         }
@@ -234,12 +237,15 @@
 
   .board2 .el-table .success-row {
     background: #1bb61b;
+    color: #f2f6fc;
   }
   .board2 .el-table .false-row {
     /*background: #cbcb14;*/
     background: #db1212;
+    color: #f2f6fc;
   }
   .board2 .el-table .yellow-row{
     background: #ffff00;
+    color: #f2f6fc;
   }
 </style>