From 0996e910d9d5c4b48b329586c7dcece4e4e0de8f Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Sat, 1 Nov 2025 16:26:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BA=A7=E5=93=81=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E5=99=A8=E7=AB=96=E5=B1=8F=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 切换到竖屏是产品筛选器改为两行
---
 app/components/shared/ProductFilter.vue | 58 ++++++++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/app/components/shared/ProductFilter.vue b/app/components/shared/ProductFilter.vue
index b1f2dea..664e1ff 100644
--- a/app/components/shared/ProductFilter.vue
+++ b/app/components/shared/ProductFilter.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="question-category">
-    <el-row :gutter="12">
+    <el-row class="hide-on-mobile" :gutter="12">
       <el-col :span="8">
         <span class="select-label">产品分类</span>
         <el-select
@@ -43,6 +43,48 @@
         />
       </el-col>
     </el-row>
+    <el-row class="display-on-mobile" :gutter="12">
+      <el-col :span="12">
+        <span class="select-label">产品分类</span>
+        <el-select
+          v-model="model.selectedType"
+          placeholder="选择产品类型"
+          clearable
+        >
+          <el-option
+            v-for="type in productTypeOptions"
+            :key="type.id"
+            :label="type.name"
+            :value="type.id"
+          />
+        </el-select>
+      </el-col>
+
+      <el-col :span="12">
+        <span class="select-label">产品系列</span>
+        <el-select
+          v-model="model.selectedProduct"
+          placeholder="选择系列产品"
+          clearable
+        >
+          <el-option
+            v-for="product in productOptions"
+            :key="product.id"
+            :label="product.name"
+            :value="product.id"
+          />
+        </el-select>
+      </el-col>
+    </el-row>
+    <el-row class="display-on-mobile">
+      <span class="select-label">关键词</span>
+      <el-input
+        v-model="model.keyword"
+        placeholder="输入关键词..."
+        clearable
+        :prefix-icon="Search"
+      />
+    </el-row>
   </div>
 </template>
 
@@ -82,4 +124,18 @@
     height: 40px;
     font-size: 0.9rem;
   }
+
+  .display-on-mobile {
+    display: none;
+  }
+
+  @media (max-width: 768px) {
+    .hide-on-mobile {
+      display: none;
+    }
+    .display-on-mobile {
+      display: flex;
+      margin-bottom: 1rem;
+    }
+  }
 </style>