feat：仓储管理-添加“展开/折叠”按钮

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[]>([]) // 供应商列表

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[]>([]) // 客户列表

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[]>([])

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

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) => {

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[]>([])