diff --git a/src/app/OlMap/Controls/HistoryDataPanel.tsx b/src/app/OlMap/Controls/HistoryDataPanel.tsx index 8f8e22b..aa63af2 100644 --- a/src/app/OlMap/Controls/HistoryDataPanel.tsx +++ b/src/app/OlMap/Controls/HistoryDataPanel.tsx @@ -779,8 +779,8 @@ const SCADADataPanel: React.FC = ({ ref={draggableRef} sx={{ position: "absolute", - right: "2rem", - top: "2rem", + right: "1rem", + top: "1rem", width: "min(920px, calc(100vw - 2rem))", maxWidth: "100vw", height: "860px", diff --git a/src/app/OlMap/Controls/Toolbar.tsx b/src/app/OlMap/Controls/Toolbar.tsx index 2ea00aa..e3500ac 100644 --- a/src/app/OlMap/Controls/Toolbar.tsx +++ b/src/app/OlMap/Controls/Toolbar.tsx @@ -52,17 +52,26 @@ const Toolbar: React.FC = ({ { isActive: false, // 默认不激活,不显示图例 layerId: "junctions", - layerName: "节点图层", + layerName: "节点", styleConfig: { property: "pressure", classificationMethod: "custom_breaks", + customBreaks: [16, 18, 20, 22, 24, 26], + customColors: [ + "rgba(255, 0, 0, 1)", + "rgba(255, 127, 0, 1)", + "rgba(255, 215, 0, 1)", + "rgba(199, 224, 0, 1)", + "rgba(76, 175, 80, 1)", + "rgba(0, 158, 115, 1)", + ], segments: 6, minSize: 4, maxSize: 12, minStrokeWidth: 2, maxStrokeWidth: 8, fixedStrokeWidth: 3, - colorType: "gradient", + colorType: "rainbow", singlePaletteIndex: 0, gradientPaletteIndex: 0, rainbowPaletteIndex: 0, @@ -72,7 +81,7 @@ const Toolbar: React.FC = ({ }, legendConfig: { layerId: "junctions", - layerName: "节点图层", + layerName: "节点", property: "压力", // 暂时为空,等计算后更新 colors: [], type: "point", @@ -83,7 +92,7 @@ const Toolbar: React.FC = ({ { isActive: false, // 默认不激活,不显示图例 layerId: "pipes", - layerName: "管道图层", + layerName: "管道", styleConfig: { property: "flow", classificationMethod: "pretty_breaks", @@ -103,7 +112,7 @@ const Toolbar: React.FC = ({ }, legendConfig: { layerId: "pipes", - layerName: "管道图层", + layerName: "管道", property: "流量", // 暂时为空,等计算后更新 colors: [], type: "linestring",