蓝色区分疑问订单

src/views/FinancialManagement/CarInsurance/Verifytasks/Verifyintasks.vue

@@ -16,6 +16,7 @@
       stripe
       @expand-change="handleRowChange"
       ref="expandTable"
+      :row-class-name="tableRowColor"
       :header-cell-style="{
         background: '#F2F7FC',
         fontWeight: '700',
@@ -1859,6 +1860,12 @@ export default {
         this.pageRequest.endDate = e[1];
       }
     },
+    tableRowColor({ row, rowIndex }) {
+      console.log(row.problemOrder);
+      if (row.problemOrder  == 1) {
+        return "blue-row";
+      }
+    },
   },
 };
 </script>
@@ -2385,4 +2392,12 @@ export default {
   height: 20px;
   font-size: 13px;
 }
+/deep/ .el-table .el-table__row.blue-row {
+  background: #409eff;
+  opacity: .8;
+  color: #fff;
+}
+/deep/.el-table .el-table__row.blue-row:hover{
+  color: #000;
+}
 </style>

src/views/FinancialManagement/CarInsurance/Verifytasks/Verifyuntasks.vue

@@ -3,7 +3,7 @@
     <retrievalForm :fields="retrievalFields" @submit="handleFormSubmit" @toggleCollapse="toggleCollapse"
       @areaSelectChange="areaSelectChange"></retrievalForm>
     <el-table size="small" :data="pageResult" height="590" border v-loading="loading" highlight-current-row
-      @expand-change="handleRowChange" ref="expandTable" :row-class-name="tableRowClassName"
+      @expand-change="handleRowChange" ref="expandTable" :row-class-name="tableRowColor"
       :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
       <el-table-column prop="subOrderId" label="订单号" align="center"></el-table-column>
       <el-table-column prop="username" label="业务员工号" align="center">
@@ -1692,6 +1692,12 @@ export default {
       }
 
     },
+    tableRowColor({ row, rowIndex }) {
+      console.log(row.problemOrder);
+      if (row.problemOrder  == 1) {
+        return "blue-row";
+      }
+    },
   }
 }
 </script>
@@ -2224,4 +2230,12 @@ export default {
   height: 20px;
   font-size: 13px;
 }
+/deep/ .el-table .el-table__row.blue-row {
+  background: #409eff;
+  opacity: .8;
+  color: #fff;
+}
+/deep/.el-table .el-table__row.blue-row:hover{
+  color: #000;
+}
 </style>