feat(equipLedger): add row background color based on colorType

为设备台账表格根据colorType字段添加不同的行背景色，区分展示不同状态的设备数据

src/views/equipManage/equipLedger/index.vue

@@ -33,7 +33,7 @@
     </div>
 
     <!-- 数据表格 -->
-    <el-table v-loading="loading" :data="tableData" border @selection-change="handleSelectionChange">
+    <el-table v-loading="loading" :data="tableData" border @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" prop="rowIndex" width="70" align="center">
         <template #default="scope">
@@ -420,6 +420,17 @@ function handleBatchDelete() {
   }).catch(() => { })
 }
 
+function tableRowClassName({ row }) {
+  if (row.colorType === 'RED') {
+    return 'row-red'
+  } else if (row.colorType === 'ORANGE') {
+    return 'row-orange'
+  } else if (row.colorType === 'YELLOW') {
+    return 'row-yellow'
+  }
+  return ''
+}
+
 function handleExport() {
   proxy.download('equipment/ledger/export', {
     ...queryParams
@@ -588,4 +599,16 @@ onMounted(() => {
   flex-wrap: wrap;
   gap: 10px;
 }
+
+:deep(.row-red) {
+  background-color: rgba(245, 108, 108, 0.3) !important;
+}
+
+:deep(.row-orange) {
+  background-color: rgba(230, 162, 60, 0.3) !important;
+}
+
+:deep(.row-yellow) {
+  background-color: rgba(255, 206, 86, 0.3) !important;
+}
 </style>