feat(ui): 统一面板空状态引导

src/components/olmap/SCADA/SCADADataPanel.tsx

@@ -40,6 +40,7 @@ import { useGetIdentity } from "@refinedev/core";
 import { useNotification } from "@refinedev/core";
 import { api } from "@/lib/api";
 import { apiFetch } from "@/lib/apiFetch";
+import PanelEmptyState from "@components/olmap/common/PanelEmptyState";
 
 dayjs.extend(utc);
 dayjs.extend(timezone);
@@ -314,11 +315,11 @@ const emptyStateMessages: Record<
 > = {
   chart: {
     title: "暂无时序数据",
-    subtitle: "请切换时间段来获取曲线",
+    subtitle: "请调整时间范围，或确认所选设备在该时段已有数据。",
   },
   table: {
     title: "暂无表格数据",
-    subtitle: "请切换时间段来获取记录",
+    subtitle: "请调整时间范围，或确认所选设备在该时段已有数据。",
   },
 };
 
@@ -721,28 +722,23 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
   );
 
   const renderEmpty = () => {
+    if (!hasDevices) {
+      return (
+        <PanelEmptyState
+          icon={<ShowChart />}
+          title="尚未选择设备"
+          description="请先在设备列表中选择需要查看的 SCADA 设备。"
+        />
+      );
+    }
+
     const message = emptyStateMessages[activeTab];
     return (
-      <Box
-        sx={{
-          flex: 1,
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          justifyContent: "center",
-          py: 8,
-          color: "text.secondary",
-          height: "100%",
-        }}
-      >
-        <ShowChart sx={{ fontSize: 64, mb: 2, opacity: 0.3 }} />
-        <Typography variant="h6" gutterBottom sx={{ fontWeight: 500 }}>
-          {message.title}
-        </Typography>
-        <Typography variant="body2" color="text.secondary">
-          {message.subtitle}
-        </Typography>
-      </Box>
+      <PanelEmptyState
+        icon={activeTab === "chart" ? <ShowChart /> : <TableChart />}
+        title={message.title}
+        description={message.subtitle}
+      />
     );
   };
 
@@ -1254,15 +1250,6 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
               </Stack>
             </LocalizationProvider>
 
-            {!hasDevices && (
-              <Typography
-                variant="caption"
-                color="warning.main"
-                sx={{ mt: 1, display: "block" }}
-              >
-                未选择任何设备，无法获取数据。
-              </Typography>
-            )}
             {error && (
               <Typography
                 variant="caption"