fix: 适配 watchlist 新数据结构

- CompactSearchBox: 改用 Redux 获取股票列表
 - useWatchlist: 适配 { stock_code, stock_name }[] 结构
 - Center: 修复 watchlist key + H5 评论 Badge 溢出

src/views/Community/components/CompactSearchBox.js

@@ -14,6 +14,7 @@ import dayjs from 'dayjs';
 import debounce from 'lodash/debounce';
 import { useSelector, useDispatch } from 'react-redux';
 import { fetchIndustryData, selectIndustryData, selectIndustryLoading } from '@store/slices/industrySlice';
+import { loadAllStocks } from '@store/slices/stockSlice';
 import { stockService } from '@services/stockService';
 import { logger } from '@utils/logger';
 import TradingTimeFilter from './TradingTimeFilter';
@@ -61,6 +62,7 @@ const CompactSearchBox = ({
     const dispatch = useDispatch();
     const industryData = useSelector(selectIndustryData);
     const industryLoading = useSelector(selectIndustryLoading);
+    const reduxAllStocks = useSelector((state) => state.stock.allStocks);
 
     // 防抖搜索
     const debouncedSearchRef = useRef(null);
@@ -82,16 +84,19 @@ const CompactSearchBox = ({
         };
     }, [triggerSearch]);
 
-    // 加载股票数据
+    // 加载股票数据（从 Redux 获取）
     useEffect(() => {
-        const loadStocks = async () => {
-            const response = await stockService.getAllStocks();
-            if (response.success && response.data) {
-                setAllStocks(response.data);
-            }
-        };
-        loadStocks();
-    }, []);
+        if (!reduxAllStocks || reduxAllStocks.length === 0) {
+            dispatch(loadAllStocks());
+        }
+    }, [dispatch, reduxAllStocks]);
+
+    // 同步 Redux 数据到本地状态
+    useEffect(() => {
+        if (reduxAllStocks && reduxAllStocks.length > 0) {
+            setAllStocks(reduxAllStocks);
+        }
+    }, [reduxAllStocks]);
 
     // 预加载行业数据（解决第一次点击无数据问题）
     useEffect(() => {

src/views/Community/components/StockDetailPanel/hooks/useWatchlist.js

@@ -1,9 +1,9 @@
 // src/views/Community/components/StockDetailPanel/hooks/useWatchlist.js
 import { useSelector, useDispatch, shallowEqual } from 'react-redux';
 import { useEffect, useCallback, useMemo } from 'react';
-import { loadWatchlist, toggleWatchlist as toggleWatchlistAction } from '../../../../../store/slices/stockSlice';
+import { loadWatchlist, toggleWatchlist as toggleWatchlistAction } from '@store/slices/stockSlice';
 import { message } from 'antd';
-import { logger } from '../../../../../utils/logger';
+import { logger } from '@utils/logger';
 
 /**
  * 标准化股票代码为6位格式
@@ -41,8 +41,9 @@ export const useWatchlist = (shouldLoad = true) => {
   const loading = useSelector(state => state.stock.loading.watchlist);
 
   // 转换为 Set 方便快速查询（标准化为6位代码）
+  // 注意: watchlistArray 现在是 { stock_code, stock_name }[] 格式
   const watchlistSet = useMemo(() => {
-    return new Set(watchlistArray.map(normalizeStockCode));
+    return new Set(watchlistArray.map(item => normalizeStockCode(item.stock_code)));
   }, [watchlistArray]);
 
   // 初始化时加载自选股列表（只在 shouldLoad 为 true 时）