From e13fdef1f61cc3770891b461c223c8fa03b51727 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sat, 9 May 2026 15:24:18 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=B7=A5=E5=8E=82=E5=BB=BA?=
 =?UTF-8?q?=E6=A8=A1=E6=A8=A1=E5=9D=97-=E7=AD=9B=E9=80=89=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6=E6=B7=BB=E5=8A=A0=E2=80=9C=E6=9B=B4=E5=A4=9A=E2=80=9D?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/erp/autocode/AutocodeIndex.vue | 19 +++++++++++++++++--
 src/views/mes/bom/index.vue              | 16 +++++++++++++++-
 src/views/mes/organization/index.vue     | 16 +++++++++++++++-
 3 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/src/views/erp/autocode/AutocodeIndex.vue b/src/views/erp/autocode/AutocodeIndex.vue
index 1154d1e6..671fc2f1 100644
--- a/src/views/erp/autocode/AutocodeIndex.vue
+++ b/src/views/erp/autocode/AutocodeIndex.vue
@@ -36,7 +36,7 @@
         />
       </el-form-item>
 
-      <el-form-item :label="t('FactoryModeling.AutocodeRule.searchRemarkLabel')" prop="remark">
+      <el-form-item :label="t('FactoryModeling.AutocodeRule.searchRemarkLabel')" prop="remark" v-show="showAllFilters">
         <el-input
           v-model="queryParams.remark"
           :placeholder="t('FactoryModeling.AutocodeRule.searchRemarkPlaceholder')"
@@ -45,7 +45,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('FactoryModeling.AutocodeRule.searchIsEnableLabel')" prop="isEnable">
+      <el-form-item :label="t('FactoryModeling.AutocodeRule.searchIsEnableLabel')" prop="isEnable" v-show="showAllFilters">
         <el-select
           v-model="queryParams.isEnable"
           :placeholder="t('FactoryModeling.AutocodeRule.searchIsEnablePlaceholder')"
@@ -60,6 +60,14 @@
           />
         </el-select>
       </el-form-item>
+
+      <el-form-item v-if="filterCount > 3">
+        <el-button plain @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? '收起' : '更多' }}
+        </el-button>
+      </el-form-item>
+
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('FactoryModeling.AutocodeRule.searchButtonText') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('FactoryModeling.AutocodeRule.resetButtonText') }}</el-button>
@@ -200,6 +208,13 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false) // 是否显示所有筛选框
+const filterCount = 5 // 筛选框数量（ruleCode、ruleName、ruleDesc、remark、isEnable）
+
+/** 切换筛选框展开/折叠 */
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 
 const getBarcodeTypeLabel = (value: any) => {
   const str = value === undefined || value === null ? '' : String(value)
diff --git a/src/views/mes/bom/index.vue b/src/views/mes/bom/index.vue
index 8e3c1677..6d1d8d06 100644
--- a/src/views/mes/bom/index.vue
+++ b/src/views/mes/bom/index.vue
@@ -37,7 +37,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('FactoryModeling.ProductBOM.searchEnableLabel')" prop="isEnable">
+      <el-form-item :label="t('FactoryModeling.ProductBOM.searchEnableLabel')" prop="isEnable" v-show="showAllFilters">
         <el-select
           v-model="queryParams.isEnable"
           :placeholder="t('FactoryModeling.ProductBOM.searchEnablePlaceholder')"
@@ -54,6 +54,13 @@
         </el-select>
       </el-form-item>
       
+      <el-form-item v-if="filterCount > 3">
+        <el-button plain @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? '收起' : '更多' }}
+        </el-button>
+      </el-form-item>
+      
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('FactoryModeling.ProductBOM.searchButtonText') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('FactoryModeling.ProductBOM.resetButtonText') }}</el-button>
@@ -178,6 +185,13 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false) // 是否显示所有筛选框
+const filterCount = 4 // 筛选框数量（code、productId、remark、isEnable）
+
+/** 切换筛选框展开/折叠 */
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 
 /** 查询列表 */
 const getList = async () => {
diff --git a/src/views/mes/organization/index.vue b/src/views/mes/organization/index.vue
index bc469728..0fd42f0c 100644
--- a/src/views/mes/organization/index.vue
+++ b/src/views/mes/organization/index.vue
@@ -54,7 +54,7 @@
           />
         </el-select>
       </el-form-item> -->
-      <el-form-item :label="t('FactoryModeling.FactoryStructure.searchOrgClassLabel')" prop="orgClass">
+      <el-form-item :label="t('FactoryModeling.FactoryStructure.searchOrgClassLabel')" prop="orgClass" v-show="showAllFilters">
         <el-select
           v-model="queryParams.orgClass"
           :placeholder="t('FactoryModeling.FactoryStructure.searchOrgClassPlaceholder')"
@@ -70,6 +70,13 @@
         </el-select>
       </el-form-item>
     
+      <el-form-item v-if="filterCount > 3">
+        <el-button plain @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? '收起' : '更多' }}
+        </el-button>
+      </el-form-item>
+    
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('FactoryModeling.FactoryStructure.searchButtonText') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('FactoryModeling.FactoryStructure.resetButtonText') }}</el-button>
@@ -219,6 +226,13 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false) // 是否显示所有筛选框
+const filterCount = 4 // 筛选框数量（code、parentId、name、orgClass）
+
+/** 切换筛选框展开/折叠 */
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 
 /** 查询列表 */
 const getList = async () => {