feat: 添加空闲设备状态支持并优化耗材导入功能

refactor(设备管理): 重构状态筛选和高级搜索界面

perf(机柜管理): 优化U位计算方式为基于设备高度

fix(耗材管理): 修复导入时库存计算不准确的问题

style(耗材统计): 调整表格样式和实时刷新功能

docs: 更新设备状态映射包含空闲状态

frontend/src/components/DeviceDetailDrawer.jsx

@@ -469,12 +469,15 @@ function DeviceDetailDrawer({
         {customFieldEntries.length > 0 && (
           <Card title="自定义字段" size="small" style={{ marginBottom: 16 }}>
             <Row gutter={[24, 16]}>
-              {customFieldEntries.map(([key, value]) => (
-                <Col span={8} key={key}>
-                  <div style={{ color: '#666', fontSize: '12px', marginBottom: 4 }}>{key}</div>
-                  <div style={{ fontWeight: 500 }}>{String(value)}</div>
-                </Col>
-              ))}
+              {customFieldEntries.map(([key, value]) => {
+                const fieldLabel = tooltipFields?.[key]?.label || key;
+                return (
+                  <Col span={8} key={key}>
+                    <div style={{ color: '#666', fontSize: '12px', marginBottom: 4 }}>{fieldLabel}</div>
+                    <div style={{ fontWeight: 500 }}>{String(value)}</div>
+                  </Col>
+                );
+              })}
             </Row>
           </Card>
         )}

frontend/src/components/device/DeviceDetailModal.jsx

@@ -163,7 +163,7 @@ const DeviceDetailModal = ({
               </Col>
               <Col span={8}>
                 <div style={{ color: '#666', fontSize: '12px', marginBottom: '4px' }}>功率</div>
-                <div style={{ fontWeight: 500 }}>{device.power ? `${device.power}W` : '-'}</div>
+                <div style={{ fontWeight: 500 }}>{device.powerConsumption ? `${device.powerConsumption}W` : '-'}</div>
               </Col>
               <Col span={8}>
                 <div style={{ color: '#666', fontSize: '12px', marginBottom: '4px' }}>状态</div>