update pay ui

src/views/StockOverview/components/HotspotOverview/hooks/useHotspotData.js

@@ -0,0 +1,53 @@
+/**
+ * 热点概览数据获取 Hook
+ * 负责获取指数分时数据和概念异动数据
+ */
+import { useState, useEffect, useCallback } from 'react';
+import { logger } from '@utils/logger';
+
+/**
+ * @param {Date|null} selectedDate - 选中的交易日期
+ * @returns {Object} 数据和状态
+ */
+export const useHotspotData = (selectedDate) => {
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(null);
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      const dateParam = selectedDate
+        ? `?date=${selectedDate.toISOString().split('T')[0]}`
+        : '';
+      const response = await fetch(`/api/market/hotspot-overview${dateParam}`);
+      const result = await response.json();
+
+      if (result.success) {
+        setData(result.data);
+      } else {
+        setError(result.error || '获取数据失败');
+      }
+    } catch (err) {
+      logger.error('useHotspotData', 'fetchData', err);
+      setError('网络请求失败');
+    } finally {
+      setLoading(false);
+    }
+  }, [selectedDate]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return {
+    loading,
+    error,
+    data,
+    refetch: fetchData,
+  };
+};
+
+export default useHotspotData;