实现DMA漏损识别面板整体设计
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user