feat：IOT模块添加展开/收起按钮

src/locales/en.ts

@@ -4327,6 +4327,8 @@ export default {
       searchButtonText: 'Search',
       resetButtonText: 'Reset',
       exportButtonText: 'Export',
+      collapseText: 'Collapse',
+      expandText: 'Expand',
 
       tableLineCodeColumn: 'Line Code',
       tableLineNameColumn: 'Line Name',
@@ -4364,6 +4366,8 @@ export default {
       searchButtonText: 'Search',
       resetButtonText: 'Reset',
       exportButtonText: 'Export',
+      collapseText: 'Collapse',
+      expandText: 'Expand',
 
       tableLineCodeColumn: 'Line Code',
       tableLineNameColumn: 'Line Name',

src/locales/zh-CN.ts

@@ -4163,6 +4163,8 @@ export default {
       searchButtonText: '搜索',
       resetButtonText: '重置',
       exportButtonText: '导出',
+      collapseText: '收起',
+      expandText: '展开',
 
       tableLineCodeColumn: '产线编码',
       tableLineNameColumn: '产线名称',
@@ -4200,6 +4202,8 @@ export default {
       searchButtonText: '搜索',
       resetButtonText: '重置',
       exportButtonText: '导出',
+      collapseText: '收起',
+      expandText: '展开',
 
       tableLineCodeColumn: '产线编码',
       tableLineNameColumn: '产线名称',

src/views/iot/historyData/index.vue

@@ -34,7 +34,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('DataCollection.HistoryData.searchLineNameLabel')" prop="lineName">
+      <el-form-item :label="t('DataCollection.HistoryData.searchLineNameLabel')" prop="lineName" v-show="showAllFilters">
         <el-input
           v-model="queryParams.lineName"
           :placeholder="t('DataCollection.HistoryData.searchLineNamePlaceholder')"
@@ -43,6 +43,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('DataCollection.HistoryData.collapseText') : t('DataCollection.HistoryData.expandText') }}
+        </el-button>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery">
           <Icon icon="ep:search" class="mr-5px" />
@@ -151,6 +157,11 @@ const loading = ref(true)
 const list = ref<LineDeviceVO[]>([])
 const total = ref(0)
 const exportLoading = ref(false)
+const showAllFilters = ref(false)
+const filterCount = 4
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,

src/views/iot/realTimeMonitoring/index.vue

@@ -34,7 +34,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item :label="t('DataCollection.RealTimeMonitoring.searchLineNameLabel')" prop="lineName">
+      <el-form-item :label="t('DataCollection.RealTimeMonitoring.searchLineNameLabel')" prop="lineName" v-show="showAllFilters">
         <el-input
           v-model="queryParams.lineName"
           :placeholder="t('DataCollection.RealTimeMonitoring.searchLineNamePlaceholder')"
@@ -43,6 +43,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('DataCollection.RealTimeMonitoring.collapseText') : t('DataCollection.RealTimeMonitoring.expandText') }}
+        </el-button>
+      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery">
           <Icon icon="ep:search" class="mr-5px" />
@@ -156,6 +162,11 @@ const loading = ref(true)
 const list = ref<LineDeviceVO[]>([])
 const total = ref(0)
 const exportLoading = ref(false)
+const showAllFilters = ref(false)
+const filterCount = 4
+const toggleFilters = () => {
+  showAllFilters.value = !showAllFilters.value
+}
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,