实现DMA漏损识别面板整体设计

This commit is contained in:
JIANG
2026-03-06 09:59:06 +08:00
parent b73481d604
commit 377fc32f4c
10 changed files with 1096 additions and 68 deletions
@@ -1,30 +0,0 @@
"use client";
import React from "react";
import { Box, Typography } from "@mui/material";
interface ResultsPanelProps {
schemeName?: string;
}
const ResultsPanel: React.FC<ResultsPanelProps> = ({ schemeName }) => {
return (
<Box className="flex flex-col h-full">
<Box className="flex-1 overflow-auto bg-white rounded border border-gray-200 p-5">
<Typography variant="h6" className="font-semibold text-gray-900">
</Typography>
<Typography variant="body2" className="text-gray-600 mt-2">
</Typography>
{schemeName && (
<Typography variant="caption" className="text-gray-500 mt-4 block">
{schemeName}
</Typography>
)}
</Box>
</Box>
);
};
export default ResultsPanel;
@@ -19,7 +19,6 @@ import {
} from "@mui/icons-material";
import ContaminantAnalysisParameters from "./AnalysisParameters";
import ContaminantSchemeQuery from "./SchemeQuery";
import ContaminantResultsPanel from "./ResultsPanel";
import { useData } from "@app/OlMap/MapComponent";
interface WaterQualityPanelProps {
@@ -175,10 +174,6 @@ const WaterQualityPanel: React.FC<WaterQualityPanelProps> = ({
<TabPanel value={currentTab} index={1}>
<ContaminantSchemeQuery onViewResults={() => setCurrentTab(2)} />
</TabPanel>
<TabPanel value={currentTab} index={2}>
<ContaminantResultsPanel schemeName={data?.schemeName} />
</TabPanel>
</Box>
</Drawer>
</>