From e6a3e0522041c899c6e5b2ac64ab5abbb79ce898 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 11 May 2026 15:38:58 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=A4=87=E4=BB=B6=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97-=E6=B7=BB=E5=8A=A0=E2=80=9C=E5=B1=95=E5=BC=80/?=
 =?UTF-8?q?=E6=94=B6=E8=B5=B7=E2=80=9D=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/erp/component/in/index.vue     | 15 +++++++++++++--
 src/views/erp/component/out/index.vue    | 15 +++++++++++++--
 src/views/erp/component/record/index.vue | 13 ++++++++++++-
 src/views/erp/component/stock/index.vue  | 11 +++++++++++
 4 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/src/views/erp/component/in/index.vue b/src/views/erp/component/in/index.vue
index 3ddeb7ee..39a1a982 100644
--- a/src/views/erp/component/in/index.vue
+++ b/src/views/erp/component/in/index.vue
@@ -52,7 +52,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('SparePartsManagement.SpareIn.warehouse')" prop="warehouseId">
+      <el-form-item :label="t('SparePartsManagement.SpareIn.warehouse')" prop="warehouseId" v-show="showAllFilters">
         <el-select
           v-model="queryParams.warehouseId"
           clearable
@@ -68,7 +68,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('SparePartsManagement.SpareIn.remark')" prop="remark">
+      <el-form-item :label="t('SparePartsManagement.SpareIn.remark')" prop="remark" v-show="showAllFilters">
         <el-input
           v-model="queryParams.remark"
           :placeholder="t('SparePartsManagement.SpareIn.placeholderRemark')"
@@ -77,6 +77,12 @@
           class="!w-240px"
         />
       </el-form-item>
+      <el-form-item v-if="filterCount > 3">
+        <el-button type="text" class="text-primary" @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
+        </el-button>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('common.reset') }}</el-button>
@@ -253,6 +259,11 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false)
+const filterCount = 5
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
 const supplierList = ref<SupplierVO[]>([]) // 供应商列表
diff --git a/src/views/erp/component/out/index.vue b/src/views/erp/component/out/index.vue
index 93963310..e2da4546 100644
--- a/src/views/erp/component/out/index.vue
+++ b/src/views/erp/component/out/index.vue
@@ -45,7 +45,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('SparePartsManagement.SpareOut.warehouse')" prop="warehouseId">
+      <el-form-item :label="t('SparePartsManagement.SpareOut.warehouse')" prop="warehouseId" v-show="showAllFilters">
         <el-select
           v-model="queryParams.warehouseId"
           clearable
@@ -61,7 +61,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('SparePartsManagement.SpareOut.remark')" prop="remark">
+      <el-form-item :label="t('SparePartsManagement.SpareOut.remark')" prop="remark" v-show="showAllFilters">
         <el-input
           v-model="queryParams.remark"
           :placeholder="t('SparePartsManagement.SpareOut.placeholderRemark')"
@@ -70,6 +70,12 @@
           class="!w-240px"
         />
       </el-form-item>
+      <el-form-item v-if="filterCount > 3">
+        <el-button type="text" class="text-primary" @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
+        </el-button>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('common.reset') }}</el-button>
@@ -248,6 +254,11 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false)
+const filterCount = 5
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
 
diff --git a/src/views/erp/component/record/index.vue b/src/views/erp/component/record/index.vue
index 002fc2af..c75121f6 100644
--- a/src/views/erp/component/record/index.vue
+++ b/src/views/erp/component/record/index.vue
@@ -52,7 +52,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('SparePartsManagement.SpareRecord.createTime')" prop="createTime">
+      <el-form-item :label="t('SparePartsManagement.SpareRecord.createTime')" prop="createTime" v-show="showAllFilters">
         <el-date-picker
           v-model="queryParams.createTime"
           value-format="YYYY-MM-DD HH:mm:ss"
@@ -63,6 +63,12 @@
           class="!w-220px"
         />
       </el-form-item>
+      <el-form-item v-if="filterCount > 3">
+        <el-button type="text" class="text-primary" @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
+        </el-button>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('common.reset') }}</el-button>
@@ -173,6 +179,11 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false)
+const filterCount = 4
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
 
diff --git a/src/views/erp/component/stock/index.vue b/src/views/erp/component/stock/index.vue
index 6f9e39e3..f87c7eed 100644
--- a/src/views/erp/component/stock/index.vue
+++ b/src/views/erp/component/stock/index.vue
@@ -43,6 +43,12 @@
           />
         </el-select>
       </el-form-item>
+      <el-form-item v-if="filterCount > 3">
+        <el-button type="text" class="text-primary" @click="toggleFilters">
+          <Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
+          {{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
+        </el-button>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('common.reset') }}</el-button>
@@ -118,6 +124,11 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false)
+const filterCount = 2
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表