From 82e4fab55c8aa813226e1d4af46fa6e3fc724842 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Mon, 22 Dec 2025 15:57:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0Company=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=9A=84UI=E4=B8=BAFUI=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SearchFilters/CompactSearchBox.js         | 164 +++++++++---------
 1 file changed, 83 insertions(+), 81 deletions(-)

diff --git a/src/views/Community/components/SearchFilters/CompactSearchBox.js b/src/views/Community/components/SearchFilters/CompactSearchBox.js
index d61ca138..d6b6016b 100644
--- a/src/views/Community/components/SearchFilters/CompactSearchBox.js
+++ b/src/views/Community/components/SearchFilters/CompactSearchBox.js
@@ -524,90 +524,92 @@ const CompactSearchBox = ({
                 </div>
             </Flex>
 
-            {/* 第二行：筛选条件 */}
-            <Flex justify="space-between" align="center">
-                {/* 左侧筛选 */}
-                <Space size={isMobile ? 4 : 8}>
-                    {/* 行业筛选 */}
-                    <Cascader
-                        value={industryValue}
-                        onChange={handleIndustryChange}
-                        onFocus={handleCascaderFocus}
-                        options={industryData || []}
-                        placeholder={
-                            <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-                                <FilterOutlined style={{ fontSize: 12 }} />
-                                {isMobile ? '行业' : '行业筛选'}
-                            </span>
-                        }
-                        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"
-                    />
-
-                    {/* 事件等级 */}
-                    <AntSelect
-                        mode="multiple"
-                        value={importance}
-                        onChange={handleImportanceChange}
-                        style={{ minWidth: isMobile ? 100 : 120 }}
-                        placeholder={
-                            <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-                                <ThunderboltOutlined style={{ fontSize: 12 }} />
-                                {isMobile ? '等级' : '事件等级'}
-                            </span>
-                        }
-                        maxTagCount={0}
-                        maxTagPlaceholder={(omittedValues) => isMobile ? `${omittedValues.length}项` : `已选 ${omittedValues.length} 项`}
-                        className="bracket-select"
-                    >
-                        {IMPORTANCE_OPTIONS.map(opt => (
-                            <Option key={opt.value} value={opt.value}>{opt.label}</Option>
-                        ))}
-                    </AntSelect>
-                </Space>
-
-                {/* 右侧排序和重置 */}
-                <Space size={isMobile ? 4 : 8}>
-                    {/* 排序 */}
-                    <AntSelect
-                        value={sort}
-                        onChange={handleSortChange}
-                        style={{ minWidth: isMobile ? 55 : 120 }}
-                        className="bracket-select"
-                    >
-                        {SORT_OPTIONS.map(opt => (
-                            <Option key={opt.value} value={opt.value}>
+            {/* 第二行：筛选条件 - 主线模式下隐藏（主线模式有自己的筛选器） */}
+            {mode !== 'mainline' && (
+                <Flex justify="space-between" align="center">
+                    {/* 左侧筛选 */}
+                    <Space size={isMobile ? 4 : 8}>
+                        {/* 行业筛选 */}
+                        <Cascader
+                            value={industryValue}
+                            onChange={handleIndustryChange}
+                            onFocus={handleCascaderFocus}
+                            options={industryData || []}
+                            placeholder={
                                 <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-                                    <SortAscendingOutlined style={{ fontSize: 12 }} />
-                                    {isMobile ? opt.mobileLabel : opt.label}
+                                    <FilterOutlined style={{ fontSize: 12 }} />
+                                    {isMobile ? '行业' : '行业筛选'}
                                 </span>
-                            </Option>
-                        ))}
-                    </AntSelect>
+                            }
+                            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"
+                        />
 
-                    {/* 重置按钮 */}
-                    <Button
-                        icon={<ReloadOutlined />}
-                        onClick={handleReset}
-                        type="text"
-                        style={{ color: PROFESSIONAL_COLORS.text.secondary }}
-                    >
-                        {!isMobile && '重置筛选'}
-                    </Button>
-                </Space>
-            </Flex>
+                        {/* 事件等级 */}
+                        <AntSelect
+                            mode="multiple"
+                            value={importance}
+                            onChange={handleImportanceChange}
+                            style={{ minWidth: isMobile ? 100 : 120 }}
+                            placeholder={
+                                <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
+                                    <ThunderboltOutlined style={{ fontSize: 12 }} />
+                                    {isMobile ? '等级' : '事件等级'}
+                                </span>
+                            }
+                            maxTagCount={0}
+                            maxTagPlaceholder={(omittedValues) => isMobile ? `${omittedValues.length}项` : `已选 ${omittedValues.length} 项`}
+                            className="bracket-select"
+                        >
+                            {IMPORTANCE_OPTIONS.map(opt => (
+                                <Option key={opt.value} value={opt.value}>{opt.label}</Option>
+                            ))}
+                        </AntSelect>
+                    </Space>
+
+                    {/* 右侧排序和重置 */}
+                    <Space size={isMobile ? 4 : 8}>
+                        {/* 排序 */}
+                        <AntSelect
+                            value={sort}
+                            onChange={handleSortChange}
+                            style={{ minWidth: isMobile ? 55 : 120 }}
+                            className="bracket-select"
+                        >
+                            {SORT_OPTIONS.map(opt => (
+                                <Option key={opt.value} value={opt.value}>
+                                    <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
+                                        <SortAscendingOutlined style={{ fontSize: 12 }} />
+                                        {isMobile ? opt.mobileLabel : opt.label}
+                                    </span>
+                                </Option>
+                            ))}
+                        </AntSelect>
+
+                        {/* 重置按钮 */}
+                        <Button
+                            icon={<ReloadOutlined />}
+                            onClick={handleReset}
+                            type="text"
+                            style={{ color: PROFESSIONAL_COLORS.text.secondary }}
+                        >
+                            {!isMobile && '重置筛选'}
+                        </Button>
+                    </Space>
+                </Flex>
+            )}
         </div>
     );
 };