更新图例，处理小于零的异常数据显示

src/app/OlMap/MapComponent.tsx

@@ -214,17 +214,6 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
       }),
     });
   };
-  // 定义 valves 图层的样式函数，使用固定图标
-  // const valveStyle = () => {
-  //   const valveIcon = "/icons/valve.svg";
-  //   return new Style({
-  //     image: new Icon({
-  //       src: valveIcon,
-  //       scale: 0.1, // 根据需要调整图标大小
-  //       anchor: [0.5, 0.5], // 图标锚点居中
-  //     }),
-  //   });
-  // };
   const valveStyle = {
     "icon-src": "/icons/valve.svg",
     "icon-scale": 0.1,
@@ -681,7 +670,7 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
         getPosition: (d: any) => d.position,
         fontFamily: "Monaco, monospace",
         getText: (d: any) =>
-          d[pipeText] ? (d[pipeText] as number).toFixed(3) : "",
+          d[pipeText] ? Math.abs(d[pipeText] as number).toFixed(3) : "",
         getSize: 18,
         fontWeight: "bold",
         getColor: [0, 0, 0],