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

src/components/olmap/BurstDetection/BurstDetectionPanel.tsx

@@ -12,7 +12,7 @@ import {
 import AnalysisParameters from "./AnalysisParameters";
 import DetectionResults from "./DetectionResults";
 import SchemeQuery from "./SchemeQuery";
-import { BurstDetectionResult } from "./types";
+import { BurstDetectionResult, BurstDetectionSchemeRecord } from "./types";
 
 const TabPanel = ({
   value,
@@ -32,6 +32,7 @@ const BurstDetectionPanel: React.FC = () => {
   const [open, setOpen] = useState(true);
   const [tab, setTab] = useState(0);
   const [result, setResult] = useState<BurstDetectionResult | null>(null);
+  const [schemes, setSchemes] = useState<BurstDetectionSchemeRecord[]>([]);
 
   const drawerWidth = 450;
   const panelTitle = "爆管侦测";
@@ -139,7 +140,7 @@ const BurstDetectionPanel: React.FC = () => {
             <AnalysisParameters onResult={handleResult} />
           </TabPanel>
           <TabPanel value={tab} index={1}>
-            <SchemeQuery onViewResult={handleResult} />
+            <SchemeQuery onViewResult={handleResult} schemes={schemes} onSchemesChange={setSchemes} />
           </TabPanel>
           <TabPanel value={tab} index={2}>
             <DetectionResults result={result} />

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?.({