属性查询面板添加计算值；完善时间轴获取数据的缓存机制；

src/app/OlMap/MapComponent.tsx

@@ -29,6 +29,10 @@ interface MapComponentProps {
   children?: React.ReactNode;
 }
 interface DataContextType {
+  currentTime?: number; // 当前时间
+  setCurrentTime?: React.Dispatch<React.SetStateAction<number>>;
+  selectedDate?: Date; // 选择的日期
+  setSelectedDate?: React.Dispatch<React.SetStateAction<Date>>;
   currentJunctionCalData?: any[]; // 当前计算结果
   setCurrentJunctionCalData?: React.Dispatch<React.SetStateAction<any[]>>;
   currentPipeCalData?: any[]; // 当前计算结果
@@ -97,6 +101,10 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
 
   const [map, setMap] = useState<OlMap>();
   // currentCalData 用于存储当前计算结果
+  const [currentTime, setCurrentTime] = useState<number>(0);
+  const [selectedDate, setSelectedDate] = useState<Date>(new Date("2025-9-17"));
+  // const [selectedDate, setSelectedDate] = useState<Date>(new Date()); // 默认今天
+
   const [currentJunctionCalData, setCurrentJunctionCalData] = useState<any[]>(
     []
   );
@@ -113,8 +121,8 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
   const [showPipeText, setShowPipeText] = useState(false); // 控制管道文本显示
   const [showJunctionTextLayer, setShowJunctionTextLayer] = useState(true); // 控制节点文本图层显示
   const [showPipeTextLayer, setShowPipeTextLayer] = useState(true); // 控制管道文本图层显示
-  const [junctionText, setJunctionText] = useState("pressure");
-  const [pipeText, setPipeText] = useState("flow");
+  const [junctionText, setJunctionText] = useState("");
+  const [pipeText, setPipeText] = useState("");
   const flowAnimation = useRef(false); // 添加动画控制标志
   const [currentZoom, setCurrentZoom] = useState(12); // 当前缩放级别
   // 防抖更新函数
@@ -418,7 +426,8 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
         fontFamily: "Monaco, monospace",
         getText: (d: any) =>
           d[junctionText] ? (d[junctionText] as number).toFixed(3) : "",
-        getSize: 12,
+        getSize: 14,
+        fontWeight: "bold",
         getColor: [150, 150, 255],
         getAngle: 0,
         getTextAnchor: "middle",
@@ -448,7 +457,8 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
         fontFamily: "Monaco, monospace",
         getText: (d: any) =>
           d[pipeText] ? (d[pipeText] as number).toFixed(3) : "",
-        getSize: 14,
+        getSize: 12,
+        fontWeight: "bold",
         getColor: [120, 128, 181],
         getAngle: (d: any) => d.angle || 0,
         getPixelOffset: [0, -8],
@@ -491,13 +501,14 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
       const waterflowLayer = new TripsLayer({
         id: "waterflowLayer",
         data: pipeData,
-        getPath: (d) => (flowAnimation.current ? d.path : []),
+        getPath: (d) => d.path,
         getTimestamps: (d) => {
           return d.timestamps; // 这些应该是与 currentTime 匹配的数值
         },
         getColor: [0, 220, 255],
         opacity: 0.8,
-        visible: currentZoom >= 12 && currentZoom <= 24,
+        visible:
+          flowAnimation.current && currentZoom >= 12 && currentZoom <= 24,
         widthMinPixels: 5,
         jointRounded: true, // 拐角变圆
         // capRounded: true, // 端点变圆
@@ -589,6 +600,10 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
     <>
       <DataContext.Provider
         value={{
+          currentTime,
+          setCurrentTime,
+          selectedDate,
+          setSelectedDate,
           currentJunctionCalData,
           setCurrentJunctionCalData,
           currentPipeCalData,