- {/* 第一行：搜索框 + 日期筛选 */}
-
- {/* 搜索框 - flex: 1 占满剩余空间 */}
- {
- if (e.key === 'Enter') {
- handleMainSearch();
- }
- }}
- style={{ flex: 1, minWidth: isMobile ? 100 : 200 }}
- className="gold-placeholder"
- allowClear={{
- clearIcon:
- }}
- >
- }
- placeholder="搜索股票/话题..."
- style={{
- border: 'none',
- background: 'transparent',
- color: PROFESSIONAL_COLORS.text.primary,
- boxShadow: 'none'
- }}
- />
-
-
- {/* 分隔线 - H5 时隐藏 */}
- {!isMobile && }
-
- {/* 日期筛选按钮组 */}
-
-
-
-
-
-
- {/* 第二行：筛选条件 - 主线模式下隐藏（主线模式有自己的筛选器） */}
- {mode !== 'mainline' && (
-
- {/* 左侧筛选 */}
-
- {/* 行业筛选 */}
-
-
- {isMobile ? '行业' : '行业筛选'}
-
- }
- changeOnSelect
- showSearch={{
- filter: (inputValue, path) =>
- path.some(option =>
- option.label.toLowerCase().includes(inputValue.toLowerCase())
- )
- }}
- allowClear
- expandTrigger="hover"
- displayRender={(labels) => labels[labels.length - 1] || (isMobile ? '行业' : '行业筛选')}
- disabled={industryLoading}
- style={{ minWidth: isMobile ? 70 : 80 }}
- suffixIcon={null}
- className="transparent-cascader"
- />
-
- {/* 事件等级 */}
-
-
- {isMobile ? '等级' : '事件等级'}
-
- }
- maxTagCount={0}
- maxTagPlaceholder={(omittedValues) => isMobile ? `${omittedValues.length}项` : `已选 ${omittedValues.length} 项`}
- className="bracket-select"
- >
- {IMPORTANCE_OPTIONS.map(opt => (
-
- ))}
-
-
-
- {/* 右侧排序和重置 */}
-
- {/* 排序 */}
-
- {SORT_OPTIONS.map(opt => (
-
- ))}
-
-
- {/* 重置按钮 */}
- }
- onClick={handleReset}
- type="text"
- style={{ color: PROFESSIONAL_COLORS.text.secondary }}
- >
- {!isMobile && '重置筛选'}
-
-
-
- )}
+ const results = stockService.fuzzySearch(value, allStocks, 10);
+ const options = results.map((stock) => ({
+ value: stock.code,
+ label: (
+
+
+ {stock.code}
+ {stock.name}
- );
+ ),
+ stockInfo: stock,
+ }));
+
+ setStockOptions(options);
+ };
+
+ // 股票选择
+ const handleStockSelect = (_value, option) => {
+ const stockInfo = option.stockInfo;
+ if (stockInfo) {
+ trackingFunctions.trackRelatedStockClicked?.({
+ stockCode: stockInfo.code,
+ stockName: stockInfo.name,
+ source: "search_box_autocomplete",
+ timestamp: new Date().toISOString(),
+ });
+
+ const displayValue = `${stockInfo.code} ${stockInfo.name}`;
+ setInputValue(displayValue);
+ stockDisplayValueRef.current = { code: stockInfo.code, displayValue };
+
+ const params = createFilterParams({ q: stockInfo.code, industry_code: "" });
+ triggerSearch(params);
+ }
+ };
+
+ // 重要性变更
+ const handleImportanceChange = (value) => {
+ setImportance(value);
+ debouncedSearchRef.current?.cancel();
+
+ const importanceStr = value.length === 0 ? "all" : value.join(",");
+ trackingFunctions.trackNewsFilterApplied?.({
+ filterType: "importance",
+ filterValue: importanceStr,
+ timestamp: new Date().toISOString(),
+ });
+
+ triggerSearch(createFilterParams({ importance: importanceStr }));
+ };
+
+ // 排序变更
+ const handleSortChange = (value) => {
+ setSort(value);
+ debouncedSearchRef.current?.cancel();
+
+ trackingFunctions.trackNewsSorted?.({
+ sortBy: value,
+ previousSortBy: sort,
+ timestamp: new Date().toISOString(),
+ });
+
+ triggerSearch(createFilterParams({ sort: value }));
+ };
+
+ // 行业变更
+ const handleIndustryChange = (value) => {
+ setIndustryValue(value);
+ debouncedSearchRef.current?.cancel();
+
+ trackingFunctions.trackNewsFilterApplied?.({
+ filterType: "industry",
+ filterValue: value?.[value.length - 1] || "",
+ timestamp: new Date().toISOString(),
+ });
+
+ triggerSearch(createFilterParams({ industry_code: value?.[value.length - 1] || "" }));
+ };
+
+ // 时间筛选变更
+ const handleTradingTimeChange = (timeConfig) => {
+ if (!timeConfig) {
+ setTradingTimeRange(null);
+ trackingFunctions.trackNewsFilterApplied?.({
+ filterType: "time_range",
+ filterValue: "cleared",
+ timestamp: new Date().toISOString(),
+ });
+ triggerSearch(createFilterParams({ start_date: "", end_date: "", recent_days: "" }));
+ return;
+ }
+
+ const { range, type, label, key } = timeConfig;
+ let params = {};
+
+ if (type === "all") {
+ params = { start_date: "", end_date: "", recent_days: "" };
+ } else if (type === "recent_days") {
+ params = { recent_days: range, start_date: "", end_date: "" };
+ } else {
+ params = {
+ start_date: range[0].format("YYYY-MM-DD HH:mm:ss"),
+ end_date: range[1].format("YYYY-MM-DD HH:mm:ss"),
+ recent_days: "",
+ };
+ }
+
+ setTradingTimeRange({ ...params, label, key });
+ trackingFunctions.trackNewsFilterApplied?.({
+ filterType: "time_range",
+ filterValue: label,
+ timeRangeType: type,
+ timestamp: new Date().toISOString(),
+ });
+
+ triggerSearch(createFilterParams({ ...params, mode }));
+ };
+
+ // 主搜索
+ const handleMainSearch = () => {
+ debouncedSearchRef.current?.cancel();
+ const params = createFilterParams({ q: inputValue, industry_code: "" });
+
+ if (inputValue) {
+ trackingFunctions.trackNewsSearched?.({
+ searchQuery: inputValue,
+ searchType: "main_search",
+ filters: params,
+ timestamp: new Date().toISOString(),
+ });
+ }
+
+ triggerSearch(params);
+ };
+
+ // 重置
+ const handleReset = () => {
+ setInputValue("");
+ setStockOptions([]);
+ setIndustryValue([]);
+ setSort("new");
+ setImportance([]);
+ setTradingTimeRange(null);
+
+ trackingFunctions.trackNewsFilterApplied?.({
+ filterType: "reset",
+ filterValue: "all_filters_cleared",
+ timestamp: new Date().toISOString(),
+ });
+
+ onSearch({
+ q: "",
+ industry_code: "",
+ sort: "new",
+ importance: "all",
+ start_date: "",
+ end_date: "",
+ recent_days: "",
+ page: 1,
+ _forceRefresh: Date.now(),
+ });
+ };
+
+ const handleCascaderFocus = async () => {
+ if (!industryData || industryData.length === 0) {
+ dispatch(fetchIndustryData());
+ }
+ };
+
+ return (
+
+ {/* 第一行：搜索框 + 日期筛选 */}
+
+ e.key === "Enter" && handleMainSearch()}
+ style={{ flex: 1, minWidth: isMobile ? 100 : 200 }}
+ className="gold-placeholder"
+ allowClear={{
+ clearIcon: (
+
+ ),
+ }}
+ >
+ }
+ placeholder="搜索股票/话题..."
+ style={{
+ border: "none",
+ background: "transparent",
+ color: PROFESSIONAL_COLORS.text.primary,
+ boxShadow: "none",
+ }}
+ />
+
+
+ {!isMobile && (
+
+ )}
+
+
+
+
+
+
+
+ {/* 第二行：筛选条件 */}
+ {mode !== "mainline" && (
+
+
+
+
+ {isMobile ? "行业" : "行业筛选"}
+
+ }
+ changeOnSelect
+ showSearch={{
+ filter: (inputValue, path) =>
+ path.some((option) =>
+ option.label.toLowerCase().includes(inputValue.toLowerCase())
+ ),
+ }}
+ allowClear
+ expandTrigger="hover"
+ displayRender={(labels) =>
+ labels[labels.length - 1] || (isMobile ? "行业" : "行业筛选")
+ }
+ disabled={industryLoading}
+ style={{ minWidth: isMobile ? 70 : 80 }}
+ suffixIcon={null}
+ className="transparent-cascader"
+ />
+
+
+
+ {isMobile ? "等级" : "事件等级"}
+
+ }
+ maxTagCount={0}
+ maxTagPlaceholder={(omittedValues) =>
+ isMobile ? `${omittedValues.length}项` : `已选 ${omittedValues.length} 项`
+ }
+ className="bracket-select"
+ >
+ {IMPORTANCE_OPTIONS.map((opt) => (
+
+ ))}
+
+
+
+
+
+ {SORT_OPTIONS.map((opt) => (
+
+ ))}
+
+
+ }
+ onClick={handleReset}
+ type="text"
+ style={{ color: PROFESSIONAL_COLORS.text.secondary }}
+ >
+ {!isMobile && "重置筛选"}
+
+
+
+ )}
+
+ );
};
export default CompactSearchBox;
diff --git a/src/views/Community/components/SearchFilters/CompactSearchBox/constants.js b/src/views/Community/components/SearchFilters/CompactSearchBox/constants.js
new file mode 100644
index 00000000..80247ddb
--- /dev/null
+++ b/src/views/Community/components/SearchFilters/CompactSearchBox/constants.js
@@ -0,0 +1,18 @@
+// CompactSearchBox 常量定义
+
+// 排序选项常量
+export const SORT_OPTIONS = [
+ { value: "new", label: "最新排序", mobileLabel: "最新" },
+ { value: "hot", label: "最热排序", mobileLabel: "热门" },
+ { value: "importance", label: "重要性排序", mobileLabel: "重要" },
+ { value: "returns_avg", label: "平均收益", mobileLabel: "均收" },
+ { value: "returns_week", label: "周收益", mobileLabel: "周收" },
+];
+
+// 重要性等级常量
+export const IMPORTANCE_OPTIONS = [
+ { value: "S", label: "S级" },
+ { value: "A", label: "A级" },
+ { value: "B", label: "B级" },
+ { value: "C", label: "C级" },
+];
diff --git a/src/views/Community/components/SearchFilters/CompactSearchBox/index.js b/src/views/Community/components/SearchFilters/CompactSearchBox/index.js
new file mode 100644
index 00000000..4eed6d6b
--- /dev/null
+++ b/src/views/Community/components/SearchFilters/CompactSearchBox/index.js
@@ -0,0 +1,4 @@
+// CompactSearchBox 模块导出
+
+export { SORT_OPTIONS, IMPORTANCE_OPTIONS } from "./constants";
+export { findIndustryPath, inferTimeRangeFromFilters, buildFilterParams } from "./utils";
diff --git a/src/views/Community/components/SearchFilters/CompactSearchBox/utils.js b/src/views/Community/components/SearchFilters/CompactSearchBox/utils.js
new file mode 100644
index 00000000..29c30dd4
--- /dev/null
+++ b/src/views/Community/components/SearchFilters/CompactSearchBox/utils.js
@@ -0,0 +1,140 @@
+// CompactSearchBox 工具函数
+
+import dayjs from "dayjs";
+
+/**
+ * 在行业树中查找指定代码的完整路径
+ * @param {string} targetCode - 目标行业代码
+ * @param {Array} data - 行业数据树
+ * @param {Array} currentPath - 当前路径（递归用）
+ * @returns {Array|null} - 找到的完整路径，未找到返回 null
+ */
+export const findIndustryPath = (targetCode, data, currentPath = []) => {
+ if (!data || data.length === 0) return null;
+
+ for (const item of data) {
+ const newPath = [...currentPath, item.value];
+
+ if (item.value === targetCode) {
+ return newPath;
+ }
+
+ if (item.children && item.children.length > 0) {
+ const found = findIndustryPath(targetCode, item.children, newPath);
+ if (found) return found;
+ }
+ }
+ return null;
+};
+
+/**
+ * 从 filters 中推断时间范围配置
+ * @param {Object} filters - 筛选条件
+ * @returns {Object|null} - 时间范围配置
+ */
+export const inferTimeRangeFromFilters = (filters) => {
+ if (!filters) return null;
+
+ const hasTimeInFilters =
+ filters.start_date ||
+ filters.end_date ||
+ filters.recent_days ||
+ filters.time_filter_key;
+
+ if (!hasTimeInFilters) return null;
+
+ let inferredKey = filters.time_filter_key || "custom";
+ let inferredLabel = "";
+
+ if (filters.time_filter_key === "current-trading-day") {
+ inferredKey = "current-trading-day";
+ inferredLabel = "当前交易日";
+ } else if (filters.time_filter_key === "all") {
+ inferredKey = "all";
+ inferredLabel = "全部";
+ } else if (filters.recent_days) {
+ if (filters.recent_days === "7") {
+ inferredKey = "week";
+ inferredLabel = "近一周";
+ } else if (filters.recent_days === "30") {
+ inferredKey = "month";
+ inferredLabel = "近一月";
+ } else {
+ inferredLabel = `近${filters.recent_days}天`;
+ }
+ } else if (filters.start_date && filters.end_date) {
+ inferredLabel = `${dayjs(filters.start_date).format("MM-DD HH:mm")} - ${dayjs(filters.end_date).format("MM-DD HH:mm")}`;
+ }
+
+ return {
+ start_date: filters.start_date || "",
+ end_date: filters.end_date || "",
+ recent_days: filters.recent_days || "",
+ label: inferredLabel,
+ key: inferredKey,
+ };
+};
+
+/**
+ * 构建筛选参数
+ * @param {Object} options - 配置选项
+ * @returns {Object} - 构建的参数对象
+ */
+export const buildFilterParams = ({
+ overrides = {},
+ sort,
+ importance,
+ filtersQ,
+ industryValue,
+ tradingTimeRange,
+ mode,
+ pageSize,
+}) => {
+ const sortValue = overrides.sort ?? sort;
+ let actualSort = sortValue;
+ let returnType;
+
+ if (sortValue === "returns_avg") {
+ actualSort = "returns";
+ returnType = "avg";
+ } else if (sortValue === "returns_week") {
+ actualSort = "returns";
+ returnType = "week";
+ }
+
+ let importanceValue = overrides.importance ?? importance;
+ if (Array.isArray(importanceValue)) {
+ importanceValue =
+ importanceValue.length === 0 ? "all" : importanceValue.join(",");
+ }
+
+ const result = {
+ ...overrides,
+ sort: actualSort,
+ _sortDisplay: sortValue,
+ importance: importanceValue,
+ q: overrides.q ?? filtersQ ?? "",
+ industry_code: overrides.industry_code ?? (industryValue?.join(",") || ""),
+ start_date: overrides.start_date ?? (tradingTimeRange?.start_date || ""),
+ end_date: overrides.end_date ?? (tradingTimeRange?.end_date || ""),
+ recent_days: overrides.recent_days ?? (tradingTimeRange?.recent_days || ""),
+ page: 1,
+ };
+
+ delete result.per_page;
+
+ if (returnType) {
+ result.return_type = returnType;
+ } else {
+ delete result.return_type;
+ }
+
+ if (mode !== undefined && mode !== null) {
+ result.mode = mode;
+ }
+ if (pageSize !== undefined && pageSize !== null) {
+ result.per_page = pageSize;
+ }
+
+ return result;
+};