添加方案记录缓存支持到爆管和漏损检测面板

src/components/olmap/BurstDetection/SchemeQuery.tsx

@@ -31,15 +31,19 @@ import {
 
 interface Props {
   onViewResult: (result: BurstDetectionResult) => void;
+  schemes?: BurstDetectionSchemeRecord[];
+  onSchemesChange?: (schemes: BurstDetectionSchemeRecord[]) => void;
 }
 
-const SchemeQuery: React.FC<Props> = ({ onViewResult }) => {
+const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes, onSchemesChange }) => {
   const { open } = useNotification();
   const [queryAll, setQueryAll] = useState(true);
   const [queryDate, setQueryDate] = useState<Dayjs | null>(dayjs());
-  const [schemes, setSchemes] = useState<BurstDetectionSchemeRecord[]>([]);
+  const [internalSchemes, setInternalSchemes] = useState<BurstDetectionSchemeRecord[]>([]);
   const [loading, setLoading] = useState(false);
   const [expandedId, setExpandedId] = useState<number | null>(null);
+  const schemes = externalSchemes !== undefined ? externalSchemes : internalSchemes;
+  const setSchemes = onSchemesChange || setInternalSchemes;
 
   const buildDisplayResult = (
     scheme: Pick<BurstDetectionSchemeRecord, "scheme_name" | "username" | "create_time">,
@@ -88,11 +92,12 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult }) => {
       }
 
       const response = await api.get("/api/v1/burst-detection/schemes/", { params });
-      setSchemes(response.data);
+      const nextSchemes = response.data as BurstDetectionSchemeRecord[];
+      setSchemes(nextSchemes);
       open?.({
         type: "success",
         message: "查询成功",
-        description: `共找到 ${response.data.length} 条侦测记录。`,
+        description: `共找到 ${nextSchemes.length} 条侦测记录。`,
       });
     } catch (error: any) {
       open?.({