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

src/components/olmap/DMALeakDetection/SchemeQuery.tsx

@@ -28,15 +28,19 @@ import { FLOW_DISPLAY_UNIT, toM3h } from "@utils/units";
 
 interface Props {
   onViewResult: (result: LeakageResultDetail) => void;
+  schemes?: LeakageSchemeRecord[];
+  onSchemesChange?: (schemes: LeakageSchemeRecord[]) => 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<LeakageSchemeRecord[]>([]);
+  const [internalSchemes, setInternalSchemes] = useState<LeakageSchemeRecord[]>([]);
   const [loading, setLoading] = useState(false);
   const [expandedId, setExpandedId] = useState<number | null>(null);
+  const schemes = externalSchemes !== undefined ? externalSchemes : internalSchemes;
+  const setSchemes = onSchemesChange || setInternalSchemes;
 
   const handleQuery = async () => {
     setLoading(true);
@@ -48,7 +52,8 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult }) => {
       const response = await api.get(`${config.BACKEND_URL}/api/v1/leakage/schemes/`, {
         params,
       });
-      setSchemes(response.data);
+      const nextSchemes = response.data as LeakageSchemeRecord[];
+      setSchemes(nextSchemes);
     } catch (error: any) {
       open?.({
         type: "error",