feat(workbench): expand SCADA monitoring and investigation presentation

src/features/workbench/components/toolbar-panel.tsx

@@ -48,6 +48,8 @@ import {
 import { waterNetworkToolbarItems } from "../map/toolbar-config";
 import type { WorkbenchGeocoding } from "../hooks/use-workbench-geocoding";
 import { GeocodingPanel } from "./geocoding-panel";
+import { FeatureLocationPanel, type FeatureLocationPanelProps } from "./feature-location-panel";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/ui/tabs";
 
 export type ToolbarToolId = "geocoding" | "layers" | "measure" | "analysis" | "annotation" | "more";
 export type ExportViewPreset = "current" | "4k";
@@ -98,6 +100,7 @@ const DRAW_TOOL_OPTIONS: Array<{
 
 export type ToolbarPanelProps = {
   geocoding: WorkbenchGeocoding;
+  featureLocation: FeatureLocationPanelProps;
   activeToolId: ToolbarToolId | null;
   activeMeasureModeId: WorkbenchMeasureMode;
   activeMeasureUnitId: WorkbenchMeasureUnit;
@@ -140,6 +143,7 @@ export type ToolbarPanelProps = {
 
 export function ToolbarPanel({
   geocoding,
+  featureLocation,
   activeToolId,
   activeMeasureModeId,
   activeMeasureUnitId,
@@ -203,6 +207,7 @@ export function ToolbarPanel({
   );
 
   const [renderedToolId, setRenderedToolId] = useState<ToolbarToolId | null>(activeToolId);
+  const [locationMode, setLocationMode] = useState("address");
   const panelVisible = Boolean(activeToolId);
 
   useEffect(() => {
@@ -232,12 +237,28 @@ export function ToolbarPanel({
   if (renderedToolId === "geocoding") {
     return (
       <MapControlPanel
-        key="geocoding" title="地址定位" description={geocoding.configured ? `${geocoding.region} · 天地图地名搜索` : "当前项目暂未配置地名搜索"} icon={Icon}
+        key="geocoding" title="定位" description={locationMode === "features" ? "按图层和要素 ID 定位" : geocoding.configured ? `${geocoding.region} · 天地图地名搜索` : "当前项目暂未配置地名搜索"} icon={Icon}
         widthClassName={`${panelWidthClassName ?? "w-[324px] max-h-[calc(100dvh-13.25rem)]"} flex flex-col overflow-hidden`}
         contentClassName="flex min-h-0 flex-1 flex-col"
         visible={panelVisible}
       >
-        <GeocodingPanel geocoding={geocoding} />
+        <Tabs value={locationMode} onValueChange={(value) => {
+          if (value === "features" && geocoding.picking) geocoding.togglePicking();
+          setLocationMode(value);
+        }} className="flex min-h-0 flex-1 flex-col gap-3">
+          <TabsList aria-label="定位方式" className="surface-control grid shrink-0 grid-cols-2">
+            <TabsTrigger value="address">地址地名</TabsTrigger>
+            <TabsTrigger value="features">管网要素</TabsTrigger>
+          </TabsList>
+          <TabsContent value="address" forceMount hidden={locationMode !== "address"}
+            className="flex min-h-0 flex-1 flex-col overflow-hidden">
+            <GeocodingPanel geocoding={geocoding} />
+          </TabsContent>
+          <TabsContent value="features" forceMount hidden={locationMode !== "features"}
+            className="min-h-0 flex-1 overflow-y-auto overscroll-contain pr-0.5">
+            <FeatureLocationPanel {...featureLocation} />
+          </TabsContent>
+        </Tabs>
       </MapControlPanel>
     );
   }