change - 生产任务-库存使用中库存不够的高亮显示

hw-ui/src/views/mes/productOrder/index.vue

@@ -611,10 +611,7 @@
 
     <el-dialog title="库存使用信息" :visible.sync="materialUsageOpen" width="1000px" append-to-body>
 
-      <el-table v-loading="loading" :data="materialUsageList">
-        <!--el-table-column label="库存ID" align="center" prop="stockTotalId"/>
-        <el-table-column label="物料ID" align="center" prop="materialId"/>
-        <el-table-column label="物料编码" align="center" prop="materialCode"/-->
+      <el-table v-loading="loading" :data="materialUsageList" :row-class-name="tableRowClassName">
         <el-table-column label="物料名称" align="center" prop="materialName"/>
         <el-table-column label="物料规格" align="center" prop="materialSpec"/>
         <el-table-column label="需要数量" align="center" prop="standardAmount" width="100"/>
@@ -1427,7 +1424,17 @@ export default {
     //   }).catch(() => {
     //   });
     // },
-
+    tableRowClassName({row}) {
+      if (row.availableAmount < row.standardAmount) {
+        return 'warning-row';
+      }
+      return '';
+    },
   }
 };
 </script>
+<style>
+.el-table .warning-row {
+  background-color: #ff3c3c;
+}
+</style>