完成时间轴前后端数据连通

src/components/olmap/SCADADeviceList.tsx

@@ -178,7 +178,7 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
   };
 
   return (
-    <Paper className="absolute left-4 top-20 w-90 max-h-[calc(100vh-100px)] bg-white/95 backdrop-blur-[10px] rounded-xl shadow-lg overflow-hidden flex flex-col opacity-95 transition-opacity duration-200 ease-in-out hover:opacity-100">
+    <Paper className="absolute left-4 top-20 w-90 max-h-[calc(100vh-100px)] bg-white rounded-xl shadow-lg overflow-hidden flex flex-col opacity-95 transition-opacity duration-200 ease-in-out hover:opacity-100">
       {/* 头部控制栏 */}
       <Box
         sx={{
@@ -228,7 +228,7 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
         <Box sx={{ p: 2, backgroundColor: "grey.50" }}>
           <Stack spacing={2}>
             {/* 搜索框 */}
-            <Box className="h-10 flex items-center border border-gray-300 rounded-lg p-0.5">
+            <Box className="h-10 flex items-center border border-gray-300 rounded-md p-0.5">
               <InputBase
                 sx={{ ml: 1, flex: 1 }}
                 placeholder="搜索设备名称、ID 或类型..."
@@ -395,6 +395,11 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
                             </Typography>
                           </Stack>
                         }
+                        slotProps={{
+                          secondary: {
+                            component: "div", // 使其支持多行
+                          },
+                        }}
                       />
 
                       <Tooltip title="缩放到设备位置">