From 1461cb2b254a1eb40336e441ba2dbc4936207037 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 11 May 2026 14:46:13 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E4=BB=93=E5=82=A8=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86-=E6=B7=BB=E5=8A=A0=E2=80=9C=E5=B1=95=E5=BC=80/?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=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/stock/in/index.vue          | 20 ++++++++++++++++----
 src/views/erp/stock/out/index.vue         | 20 ++++++++++++++++----
 src/views/erp/stock/record/index.vue      | 16 ++++++++++++++--
 src/views/erp/stock/warehouse/index.vue   | 12 ++++++++++++
 src/views/erp/warehousearea/index.vue     | 14 +++++++++++++-
 src/views/erp/warehouselocation/index.vue | 16 ++++++++++++++--
 6 files changed, 85 insertions(+), 13 deletions(-)

diff --git a/src/views/erp/stock/in/index.vue b/src/views/erp/stock/in/index.vue
index bc2b0f3f..ed58dbb8 100644
--- a/src/views/erp/stock/in/index.vue
+++ b/src/views/erp/stock/in/index.vue
@@ -60,7 +60,7 @@
           />
         </el-select>
       </el-form-item> -->
-      <el-form-item :label="t('ErpStock.In.warehouse')" prop="warehouseId">
+      <el-form-item :label="t('ErpStock.In.warehouse')" prop="warehouseId" v-show="showAllFilters">
         <el-select
           v-model="queryParams.warehouseId"
           clearable
@@ -76,7 +76,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.In.creator')" prop="creator">
+      <el-form-item :label="t('ErpStock.In.creator')" prop="creator" v-show="showAllFilters">
         <el-select
           v-model="queryParams.creator"
           clearable
@@ -92,7 +92,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.In.status')" prop="status">
+      <el-form-item :label="t('ErpStock.In.status')" prop="status" v-show="showAllFilters">
         <el-select
           v-model="queryParams.status"
           :placeholder="t('ErpStock.In.placeholderStatus')"
@@ -107,7 +107,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.In.remark')" prop="remark">
+      <el-form-item :label="t('ErpStock.In.remark')" prop="remark" v-show="showAllFilters">
         <el-input
           v-model="queryParams.remark"
           :placeholder="t('ErpStock.In.placeholderRemark')"
@@ -116,6 +116,13 @@
           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>
@@ -308,6 +315,11 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false)
+const filterCount = 7
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
 const supplierList = ref<SupplierVO[]>([]) // 供应商列表
diff --git a/src/views/erp/stock/out/index.vue b/src/views/erp/stock/out/index.vue
index bfb0ee63..f11f485c 100644
--- a/src/views/erp/stock/out/index.vue
+++ b/src/views/erp/stock/out/index.vue
@@ -60,7 +60,7 @@
           />
         </el-select>
       </el-form-item> -->
-      <el-form-item :label="t('ErpStock.Out.warehouse')" prop="warehouseId">
+      <el-form-item :label="t('ErpStock.Out.warehouse')" prop="warehouseId" v-show="showAllFilters">
         <el-select
           v-model="queryParams.warehouseId"
           clearable
@@ -76,7 +76,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.In.creator')" prop="creator">
+      <el-form-item :label="t('ErpStock.In.creator')" prop="creator" v-show="showAllFilters">
         <el-select
           v-model="queryParams.creator"
           clearable
@@ -92,7 +92,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.In.status')" prop="status">
+      <el-form-item :label="t('ErpStock.In.status')" prop="status" v-show="showAllFilters">
         <el-select
           v-model="queryParams.status"
           :placeholder="t('ErpStock.In.placeholderStatus')"
@@ -107,7 +107,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.Out.remark')" prop="remark">
+      <el-form-item :label="t('ErpStock.Out.remark')" prop="remark" v-show="showAllFilters">
         <el-input
           v-model="queryParams.remark"
           :placeholder="t('ErpStock.Out.placeholderRemark')"
@@ -116,6 +116,13 @@
           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>
@@ -317,6 +324,11 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
+const showAllFilters = ref(false)
+const filterCount = 7
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const productList = ref<ProductVO[]>([]) // 产品列表
 const warehouseList = ref<WarehouseVO[]>([]) // 仓库列表
 const customerList = ref<CustomerVO[]>([]) // 客户列表
diff --git a/src/views/erp/stock/record/index.vue b/src/views/erp/stock/record/index.vue
index 704b615d..7bac3dc0 100644
--- a/src/views/erp/stock/record/index.vue
+++ b/src/views/erp/stock/record/index.vue
@@ -57,7 +57,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="t('ErpStock.Record.bizNo')" prop="bizNo">
+      <el-form-item :label="t('ErpStock.Record.bizNo')" prop="bizNo" v-show="showAllFilters">
         <el-input
           v-model="queryParams.bizNo"
           :placeholder="t('ErpStock.Record.placeholderBizNo')"
@@ -66,7 +66,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('common.createTime')" prop="createTime">
+      <el-form-item :label="t('common.createTime')" prop="createTime" v-show="showAllFilters">
         <el-date-picker
           v-model="queryParams.createTime"
           value-format="YYYY-MM-DD HH:mm:ss"
@@ -77,6 +77,13 @@
           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>
@@ -200,6 +207,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 categoryTabs = ref<ProductCategoryVO[]>([])
diff --git a/src/views/erp/stock/warehouse/index.vue b/src/views/erp/stock/warehouse/index.vue
index 2d740bb7..fe505046 100644
--- a/src/views/erp/stock/warehouse/index.vue
+++ b/src/views/erp/stock/warehouse/index.vue
@@ -33,6 +33,13 @@
           />
         </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>
@@ -245,6 +252,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 detailDialogVisible = ref(false) // 详情弹窗的是否展示
 const detailData = ref<WarehouseVO | null>(null) // 详情的数据
 const activeTab = ref('area') // 当前激活的tab
diff --git a/src/views/erp/warehousearea/index.vue b/src/views/erp/warehousearea/index.vue
index 1feed687..c612bdf8 100644
--- a/src/views/erp/warehousearea/index.vue
+++ b/src/views/erp/warehousearea/index.vue
@@ -40,7 +40,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('ErpStock.WarehouseArea.status')" prop="status">
+      <el-form-item :label="t('ErpStock.WarehouseArea.status')" prop="status" v-show="showAllFilters">
         <el-select
           v-model="queryParams.status"
           :placeholder="t('ErpStock.WarehouseArea.placeholderStatus')"
@@ -55,6 +55,13 @@
           />
         </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>
@@ -149,6 +156,11 @@ const queryParams = reactive({
   status: undefined
 })
 const queryFormRef = ref()
+const showAllFilters = ref(false)
+const filterCount = 4
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const warehouseList = ref<any[]>([])
 
 const getWarehouseName = (warehouseId: number) => {
diff --git a/src/views/erp/warehouselocation/index.vue b/src/views/erp/warehouselocation/index.vue
index 9d92f67c..147ef28f 100644
--- a/src/views/erp/warehouselocation/index.vue
+++ b/src/views/erp/warehouselocation/index.vue
@@ -47,7 +47,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('ErpStock.WarehouseLocation.name')" prop="name">
+      <el-form-item :label="t('ErpStock.WarehouseLocation.name')" prop="name" v-show="showAllFilters">
         <el-input
           v-model="queryParams.name"
           :placeholder="t('ErpStock.WarehouseLocation.placeholderName')"
@@ -56,7 +56,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('ErpStock.WarehouseLocation.status')" prop="status">
+      <el-form-item :label="t('ErpStock.WarehouseLocation.status')" prop="status" v-show="showAllFilters">
         <el-select
           v-model="queryParams.status"
           :placeholder="t('ErpStock.WarehouseLocation.placeholderStatus')"
@@ -71,6 +71,13 @@
           />
         </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>
@@ -191,6 +198,11 @@ const queryParams = reactive({
   status: undefined
 })
 const queryFormRef = ref()
+const showAllFilters = ref(false)
+const filterCount = 5
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const warehouseList = ref<any[]>([])
 const areaList = ref<any[]>([])