fix(analysis): preserve tab panel state

src/components/olmap/MonitoringPlaceOptimization/SchemeQuery.tsx

@@ -30,6 +30,7 @@ import { config, NETWORK_NAME } from "@config/config";
 import { useNotification } from "@refinedev/core";
 import { useMap } from "@components/olmap/core/MapComponent";
 import { queryFeaturesByIds } from "@/utils/mapQueryService";
+import { useControllableObjectState } from "@components/olmap/core/useControllableState";
 import { GeoJSON } from "ol/format";
 import VectorLayer from "ol/layer/Vector";
 import VectorSource from "ol/source/Vector";
@@ -62,19 +63,39 @@ interface SchemeQueryProps {
   onSchemesChange?: (schemes: SchemeRecord[]) => void;
   onLocate?: (id: number) => void;
   network?: string;
+  state?: MonitoringSchemeQueryState;
+  onStateChange?: (state: MonitoringSchemeQueryState) => void;
 }
 
+export interface MonitoringSchemeQueryState {
+  queryAll: boolean;
+  queryDate: Dayjs | null;
+  expandedId: number | null;
+}
+
+export const createMonitoringSchemeQueryState =
+  (): MonitoringSchemeQueryState => ({
+    queryAll: true,
+    queryDate: dayjs(new Date()),
+    expandedId: null,
+  });
+
 const SchemeQuery: React.FC<SchemeQueryProps> = ({
   schemes: externalSchemes,
   onSchemesChange,
   onLocate,
   network = NETWORK_NAME,
+  state,
+  onStateChange,
 }) => {
-  const [queryAll, setQueryAll] = useState<boolean>(true);
-  const [queryDate, setQueryDate] = useState<Dayjs | null>(dayjs(new Date()));
+  const [queryState, , setQueryField] = useControllableObjectState(
+    state,
+    onStateChange,
+    createMonitoringSchemeQueryState(),
+  );
+  const { queryAll, queryDate, expandedId } = queryState;
   const [internalSchemes, setInternalSchemes] = useState<SchemeRecord[]>([]);
   const [loading, setLoading] = useState<boolean>(false);
-  const [expandedId, setExpandedId] = useState<number | null>(null);
 
   const { open } = useNotification();
   const map = useMap();
@@ -228,7 +249,7 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
 
   // 查看详情（展开/收起）
   const handleViewDetails = (id: number) => {
-    setExpandedId(expandedId === id ? null : id);
+    setQueryField("expandedId", expandedId === id ? null : id);
   };
 
   // 保存方案（示例功能）
@@ -250,7 +271,7 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
               control={
                 <Checkbox
                   checked={queryAll}
-                  onChange={(e) => setQueryAll(e.target.checked)}
+                  onChange={(e) => setQueryField("queryAll", e.target.checked)}
                   size="small"
                 />
               }
@@ -264,7 +285,7 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
               <DatePicker
                 value={queryDate}
                 onChange={(value) =>
-                  value && dayjs.isDayjs(value) && setQueryDate(value)
+                  value && dayjs.isDayjs(value) && setQueryField("queryDate", value)
                 }
                 format="YYYY-MM-DD"
                 disabled={queryAll}
@@ -375,7 +396,8 @@ const SchemeQuery: React.FC<SchemeQueryProps> = ({
                         <IconButton
                           size="small"
                           onClick={() =>
-                            setExpandedId(
+                            setQueryField(
+                              "expandedId",
                               expandedId === scheme.id ? null : scheme.id,
                             )
                           }