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

src/components/olmap/BurstLocation/BurstLocationPanel.tsx

@@ -12,7 +12,7 @@ import {
 import AnalysisParameters from "./AnalysisParameters";
 import LocationResults from "./LocationResults";
 import SchemeQuery from "./SchemeQuery";
-import { BurstLocationResult } from "./types";
+import { BurstLocationResult, BurstSchemeRecord } from "./types";
 
 const TabPanel = ({
   value,
@@ -32,6 +32,7 @@ const BurstLocationPanel: React.FC = () => {
   const [open, setOpen] = useState(true);
   const [tab, setTab] = useState(0);
   const [result, setResult] = useState<BurstLocationResult | null>(null);
+  const [schemes, setSchemes] = useState<BurstSchemeRecord[]>([]);
 
   const drawerWidth = 450;
   const panelTitle = "爆管定位";
@@ -148,7 +149,7 @@ const BurstLocationPanel: React.FC = () => {
             <AnalysisParameters onResult={handleResult} />
           </TabPanel>
           <TabPanel value={tab} index={1}>
-            <SchemeQuery onViewResult={handleViewResult} />
+            <SchemeQuery onViewResult={handleViewResult} schemes={schemes} onSchemesChange={setSchemes} />
           </TabPanel>
           <TabPanel value={tab} index={2}>
             <LocationResults result={result} />

src/components/olmap/BurstLocation/SchemeQuery.tsx

@@ -32,15 +32,19 @@ import { FLOW_DISPLAY_UNIT, toM3h } from "@utils/units";
 
 interface Props {
   onViewResult: (result: BurstLocationResult) => void;
+  schemes?: BurstSchemeRecord[];
+  onSchemesChange?: (schemes: BurstSchemeRecord[]) => 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<BurstSchemeRecord[]>([]);
+  const [internalSchemes, setInternalSchemes] = useState<BurstSchemeRecord[]>([]);
   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<BurstSchemeRecord, "scheme_name" | "username" | "create_time">,
@@ -87,11 +91,12 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult }) => {
       }
 
       const response = await api.get(url, { params });
-      setSchemes(response.data);
+      const nextSchemes = response.data as BurstSchemeRecord[];
+      setSchemes(nextSchemes);
       open?.({
         type: "success",
         message: "查询成功",
-        description: `共找到 ${response.data.length} 条记录`,
+        description: `共找到 ${nextSchemes.length} 条记录`,
       });
     } catch (error: any) {
       console.error(error);