feat: 添加设备位置冲突检查功能并优化操作日志

feat(api): 在设备API中添加checkPosition接口用于检查U位冲突
feat(frontend): 在设备表单和空闲设备管理中实现U位冲突检查
refactor(backend): 重构操作日志功能，添加设备描述生成和元数据构建工具
fix(backend): 修复批量导入机柜时的ID验证规则
feat(backend): 为机柜导入添加创建和跳过机柜的详细返回信息
fix(backend): 修复设备删除时未检查关联接线的问题
feat(backend): 添加机柜导入模板生成脚本
perf(frontend): 优化机柜管理页面的导入结果展示
fix(frontend): 修复设备端口删除时的关联接线检查

frontend/src/pages/IdleDeviceManagement.jsx

@@ -29,8 +29,10 @@ import {
   InboxOutlined,
   ClockCircleOutlined,
   UploadOutlined,
+  ExclamationCircleOutlined,
 } from '@ant-design/icons';
 import axios from 'axios';
+import { deviceAPI } from '../api';
 
 const { Title, Text, Paragraph } = Typography;
 const { Option } = Select;
@@ -52,6 +54,8 @@ const IdleDeviceManagement = () => {
   const [rooms, setRooms] = useState([]);
   const [selectedRoomId, setSelectedRoomId] = useState(null);
   const [selectedShelveRoomId, setSelectedShelveRoomId] = useState(null);
+  const [shelvePositionConflict, setShelvePositionConflict] = useState(null);
+  const [shelveSelectedRackId, setShelveSelectedRackId] = useState(null);
 
   const fetchIdleDevices = useCallback(async () => {
     setLoading(true);
@@ -144,6 +148,8 @@ const IdleDeviceManagement = () => {
 
   const handleShelve = (record) => {
     setShelvingDevice(record);
+    setShelvePositionConflict(null);
+    setShelveSelectedRackId(null);
     let roomId = null;
     if (record.rackId) {
       const rack = racks.find(r => r.rackId === record.rackId);
@@ -164,12 +170,69 @@ const IdleDeviceManagement = () => {
       position: record.position,
       description: record.description,
     });
+    if (record.rackId) {
+      setShelveSelectedRackId(record.rackId);
+    }
     setIsShelveModalVisible(true);
   };
 
+  const checkShelvePositionConflict = async (rackId, position, height) => {
+    if (!rackId || !position) {
+      setShelvePositionConflict(null);
+      return;
+    }
+
+    try {
+      const result = await deviceAPI.checkPosition(rackId, { position, height: height || 1 });
+      if (!result.available) {
+        setShelvePositionConflict(result.reason);
+      } else {
+        setShelvePositionConflict(null);
+      }
+    } catch (error) {
+      console.error('检查U位冲突失败:', error);
+      setShelvePositionConflict(null);
+    }
+  };
+
+  const handleShelveRackChange = (value) => {
+    setShelveSelectedRackId(value);
+    const position = shelveForm.getFieldValue('position');
+    const height = shelveForm.getFieldValue('height');
+    if (position) {
+      checkShelvePositionConflict(value, position, height);
+    } else {
+      setShelvePositionConflict(null);
+    }
+  };
+
+  const handleShelvePositionChange = (e) => {
+    const value = e.target.value ? parseInt(e.target.value) : null;
+    const height = shelveForm.getFieldValue('height');
+    if (shelveSelectedRackId && value) {
+      checkShelvePositionConflict(shelveSelectedRackId, value, height);
+    } else {
+      setShelvePositionConflict(null);
+    }
+  };
+
+  const handleShelveHeightChange = (e) => {
+    const value = e.target.value ? parseInt(e.target.value) : null;
+    const position = shelveForm.getFieldValue('position');
+    if (shelveSelectedRackId && position) {
+      checkShelvePositionConflict(shelveSelectedRackId, position, value);
+    } else {
+      setShelvePositionConflict(null);
+    }
+  };
+
   const handleShelveSubmit = async () => {
     try {
       const values = await shelveForm.validateFields();
+      if (shelvePositionConflict) {
+        message.error('存在U位冲突，请重新选择上架位置');
+        return;
+      }
       const submitData = {
         name: values.name,
         type: values.type,
@@ -866,6 +929,7 @@ const IdleDeviceManagement = () => {
                     placeholder={selectedShelveRoomId ? "请选择机柜" : "请先选择机房"}
                     disabled={!selectedShelveRoomId}
                     style={{ borderRadius: '8px' }}
+                    onChange={handleShelveRackChange}
                   >
                     {racks
                       .filter((rack) => rack.roomId === selectedShelveRoomId)
@@ -879,10 +943,29 @@ const IdleDeviceManagement = () => {
               </Col>
               <Col span={8}>
                 <Form.Item name="position" label="U位">
-                  <Input type="number" placeholder="请输入U位" min={1} style={{ borderRadius: '8px' }} />
+                  <Input type="number" placeholder="请输入U位" min={1} style={{ borderRadius: '8px' }} onChange={handleShelvePositionChange} />
                 </Form.Item>
               </Col>
             </Row>
+            {shelvePositionConflict && (
+              <div style={{ marginTop: '12px' }}>
+                <div style={{
+                  background: '#fef2f2',
+                  border: '1px solid #fecaca',
+                  borderRadius: '8px',
+                  padding: '12px 16px',
+                  display: 'flex',
+                  alignItems: 'flex-start',
+                  gap: '10px'
+                }}>
+                  <ExclamationCircleOutlined style={{ color: '#ef4444', fontSize: '18px', marginTop: '2px' }} />
+                  <div>
+                    <div style={{ color: '#dc2626', fontWeight: 600, marginBottom: '4px' }}>U位冲突</div>
+                    <div style={{ color: '#991b1b', fontSize: '13px' }}>{shelvePositionConflict}</div>
+                  </div>
+                </div>
+              </div>
+            )}
           </div>
 
           <div style={{