From c771e40f6427918fcdbfb4c61b6237a57c99846c Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Tue, 30 Sep 2025 13:52:17 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将下拉框高度调整为40px
- 在下拉框上方添加label
---
 app/pages/support/documents.vue | 80 +++++++++++++++++++++-----------
 app/pages/support/faq.vue       | 81 ++++++++++++++++++++++-----------
 2 files changed, 107 insertions(+), 54 deletions(-)

diff --git a/app/pages/support/documents.vue b/app/pages/support/documents.vue
index efd080c..9a1de99 100644
--- a/app/pages/support/documents.vue
+++ b/app/pages/support/documents.vue
@@ -26,32 +26,47 @@
         </el-breadcrumb>
       </div>
       <div class="document-category">
-        <el-select v-model="selectedType" placeholder="选择产品类型" clearable>
-          <el-option
-            v-for="type in productionTypeOptions"
-            :key="type.documentId"
-            :label="type.type"
-            :value="type.documentId"
-          />
-        </el-select>
-        <el-select
-          v-model="selectedProduction"
-          placeholder="选择系列产品"
-          clearable
-        >
-          <el-option
-            v-for="production in productionOptions"
-            :key="production.documentId"
-            :label="production.title"
-            :value="production.documentId"
-          />
-        </el-select>
-        <el-input
-          v-model="keyword"
-          placeholder="输入关键词..."
-          clearable
-          :prefix-icon="Search"
-        />
+        <el-row :gutter="12">
+          <el-col :span="8">
+            <span class="select-label">产品分类</span>
+            <el-select
+              v-model="selectedType"
+              placeholder="选择产品类型"
+              clearable
+            >
+              <el-option
+                v-for="type in productionTypeOptions"
+                :key="type.documentId"
+                :label="type.type"
+                :value="type.documentId"
+              />
+            </el-select>
+          </el-col>
+          <el-col :span="8">
+            <span class="select-label">产品系列</span>
+            <el-select
+              v-model="selectedProduction"
+              placeholder="选择系列产品"
+              clearable
+            >
+              <el-option
+                v-for="production in productionOptions"
+                :key="production.documentId"
+                :label="production.title"
+                :value="production.documentId"
+              />
+            </el-select>
+          </el-col>
+          <el-col :span="8">
+            <span class="select-label">关键词</span>
+            <el-input
+              v-model="keyword"
+              placeholder="输入关键词..."
+              clearable
+              :prefix-icon="Search"
+            />
+          </el-col>
+        </el-row>
       </div>
       <div class="page-content">
         <document-list :documents="filteredDocuments" />
@@ -182,12 +197,23 @@
   }
 
   .document-category {
-    display: flex;
     padding: 0rem 2rem;
     gap: 4px;
+    margin-bottom: 0.5rem;
   }
 
   .page-content {
     padding: 1rem 2rem 2rem;
   }
+
+  .select-label {
+    color: var(--el-text-color-secondary);
+    font-size: 0.9rem;
+  }
+
+  :deep(.el-select__wrapper),
+  :deep(.el-input__wrapper) {
+    height: 40px;
+    font-size: 0.9rem;
+  }
 </style>
diff --git a/app/pages/support/faq.vue b/app/pages/support/faq.vue
index da59242..bcf33e3 100644
--- a/app/pages/support/faq.vue
+++ b/app/pages/support/faq.vue
@@ -25,33 +25,49 @@
           </el-breadcrumb-item>
         </el-breadcrumb>
       </div>
+
       <div class="question-category">
-        <el-select v-model="selectedType" placeholder="选择产品类型" clearable>
-          <el-option
-            v-for="type in productionTypeOptions"
-            :key="type.documentId"
-            :label="type.type"
-            :value="type.documentId"
-          />
-        </el-select>
-        <el-select
-          v-model="selectedProduction"
-          placeholder="选择系列产品"
-          clearable
-        >
-          <el-option
-            v-for="production in productionOptions"
-            :key="production.documentId"
-            :label="production.title"
-            :value="production.documentId"
-          />
-        </el-select>
-        <el-input
-          v-model="keyword"
-          placeholder="输入关键词..."
-          clearable
-          :prefix-icon="Search"
-        />
+        <el-row :gutter="12">
+          <el-col :span="8">
+            <span class="select-label">产品分类</span>
+            <el-select
+              v-model="selectedType"
+              placeholder="选择产品类型"
+              clearable
+            >
+              <el-option
+                v-for="type in productionTypeOptions"
+                :key="type.documentId"
+                :label="type.type"
+                :value="type.documentId"
+              />
+            </el-select>
+          </el-col>
+          <el-col :span="8">
+            <span class="select-label">产品系列</span>
+            <el-select
+              v-model="selectedProduction"
+              placeholder="选择系列产品"
+              clearable
+            >
+              <el-option
+                v-for="production in productionOptions"
+                :key="production.documentId"
+                :label="production.title"
+                :value="production.documentId"
+              />
+            </el-select>
+          </el-col>
+          <el-col :span="8">
+            <span class="select-label">关键词</span>
+            <el-input
+              v-model="keyword"
+              placeholder="输入关键词..."
+              clearable
+              :prefix-icon="Search"
+            />
+          </el-col>
+        </el-row>
       </div>
       <div class="page-content">
         <question-list :questions="filteredQuestions" />
@@ -174,12 +190,23 @@
   }
 
   .question-category {
-    display: flex;
     padding: 0rem 2rem;
     gap: 4px;
+    margin-bottom: 0.5rem;
   }
 
   .page-content {
     padding: 1rem 2rem 2rem;
   }
+
+  .select-label {
+    color: var(--el-text-color-secondary);
+    font-size: 0.9rem;
+  }
+
+  :deep(.el-select__wrapper),
+  :deep(.el-input__wrapper) {
+    height: 40px;
+    font-size: 0.9rem;
+  }
 </style>