完成了机柜可视化功能，鼠标悬停显示设备信息

backend/package-lock.json

@@ -15,7 +15,8 @@
         "express-fileupload": "^1.5.2",
         "iconv-lite": "^0.6.3",
         "sequelize": "^6.32.1",
-        "sqlite3": "^5.1.6"
+        "sqlite3": "^5.1.6",
+        "three": "^0.182.0"
       },
       "devDependencies": {
         "nodemon": "^3.0.1"
@@ -2730,6 +2731,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/three": {
+      "version": "0.182.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.182.0.tgz",
+      "integrity": "sha512-GbHabT+Irv+ihI1/f5kIIsZ+Ef9Sl5A1Y7imvS5RQjWgtTPfPnZ43JmlYI7NtCRDK9zir20lQpfg8/9Yd02OvQ==",
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",

backend/package.json

@@ -14,7 +14,8 @@
     "express-fileupload": "^1.5.2",
     "iconv-lite": "^0.6.3",
     "sequelize": "^6.32.1",
-    "sqlite3": "^5.1.6"
+    "sqlite3": "^5.1.6",
+    "three": "^0.182.0"
   },
   "devDependencies": {
     "nodemon": "^3.0.1"

backend/routes/devices.js

@@ -14,7 +14,7 @@ const DeviceField = require('../models/DeviceField');
 // 获取所有设备（支持搜索和筛选）
 router.get('/', async (req, res) => {
   try {
-    const { keyword, status, type, page = 1, pageSize = 10 } = req.query;
+    const { keyword, status, type, rackId, page = 1, pageSize = 10 } = req.query;
     const offset = (page - 1) * pageSize;
     
     // 构建查询条件
@@ -44,6 +44,11 @@ router.get('/', async (req, res) => {
       where.type = type;
     }
     
+    // 机柜筛选（用于机柜可视化功能）
+    if (rackId) {
+      where.rackId = rackId;
+    }
+    
     // 执行查询
     const { count, rows } = await Device.findAndCountAll({
       where,

backend/server.js

@@ -5,7 +5,7 @@ const { sequelize } = require('./db');
 
 // 创建Express应用
 const app = express();
-const PORT = process.env.PORT || 3001;
+const PORT = process.env.PORT || 8000;
 
 // 中间件
 app.use(cors());