diff --git a/src/components/olmap/BurstPipeAnalysis/BurstPipeAnalysisPanel.tsx b/src/components/olmap/BurstPipeAnalysis/BurstPipeAnalysisPanel.tsx index 4288cb3..929fa3d 100644 --- a/src/components/olmap/BurstPipeAnalysis/BurstPipeAnalysisPanel.tsx +++ b/src/components/olmap/BurstPipeAnalysis/BurstPipeAnalysisPanel.tsx @@ -99,6 +99,16 @@ const BurstPipeAnalysisPanel: React.FC = ({ setCurrentTab(newValue); }; + const handleModeChange = (_event: React.SyntheticEvent, newMode: PanelMode) => { + setPanelMode(newMode); + // 切换模式时,如果当前标签索引超出新模式的标签数量,重置为第一个标签 + // 爆管分析有4个标签(0-3),水质模拟有3个标签(0-2) + const maxTabIndex = newMode === "burst" ? 3 : 2; + if (currentTab > maxTabIndex) { + setCurrentTab(0); + } + }; + const handleLocateScheme = async (scheme: SchemeRecord) => { try { const response = await axios.get( @@ -204,7 +214,7 @@ const BurstPipeAnalysisPanel: React.FC = ({ setPanelMode(value)} + onChange={handleModeChange} variant="fullWidth" sx={{ minHeight: 46,