提交代码

src/views/pqs/cockpit/homePage/index.vue

@@ -3,7 +3,12 @@
         <TableHeader :showSearch="false" v-show="flag">
             <template v-slot:select>
                 <el-form-item label="日期">
-                    <DatePicker ref="datePickerRef" :nextFlag="false" :theCurrentTime="true"  @change="handleDatePickerChange"></DatePicker>
+                    <DatePicker
+                        ref="datePickerRef"
+                        :nextFlag="false"
+                        :theCurrentTime="true"
+                        @change="handleDatePickerChange"
+                    ></DatePicker>
                 </el-form-item>
             </template>
             <template v-slot:operation>
@@ -52,7 +57,7 @@
             </template>
         </GridLayout>
         <!-- 设置 -->
-         <RoutingConfig ref="RoutingConfigRef" />
+        <RoutingConfig ref="RoutingConfigRef" />
     </div>
 </template>
 
@@ -64,7 +69,7 @@ import DatePicker from '@/components/form/datePicker/index.vue'
 import { useDebounceFn } from '@vueuse/core'
 import { queryActivatePage, queryByPagePath } from '@/api/system-boot/csstatisticalset'
 import RoutingConfig from '@/views/pqs/cockpit/homePage/components/routingConfig.vue'
-import { useRouter,useRoute  } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import { useTimeCacheStore } from '@/stores/timeCache'
 const { push } = useRouter()
 const datePickerRef = ref()
@@ -170,13 +175,16 @@ const zoom = (value: any) => {
     if (flag.value) {
         layout.value = [{ ...value, x: 0, y: 0, w: 12, h: 6 }]
     } else {
-        layout.value = layoutCopy.value.map((item:any, index: number) => ({
+        layout.value = layoutCopy.value.map((item: any, index: number) => ({
             ...item,
             i: item.i || index, // 确保有唯一标识
             component: registerComponent(item.path)
         }))
     }
+        console.log("🚀 ~ zoom ~ layout.value:", layout.value)
+
     flag.value = !flag.value
+
     initRowHeight()
     key.value += 1
 }
@@ -214,7 +222,7 @@ const fetchLayoutData = async () => {
 // 窗口大小变化处理 - 使用防抖
 const handleResize = useDebounceFn(() => {
     initRowHeight()
-    key.value += 1
+    // key.value += 1
 }, 200)
 
 // 修改
@@ -232,15 +240,10 @@ const settings = () => {
 
 // 处理 DatePicker 值变化事件
 const handleDatePickerChange = (value: any) => {
-  
-  // 将值缓存到 timeCache
-  if (value) {
-    timeCacheStore.setCache(
-      route.path, 
-      value.interval, 
-      value.timeValue
-    )
-  }
+    // 将值缓存到 timeCache
+    if (value) {
+        timeCacheStore.setCache(route.path, value.interval, value.timeValue)
+    }
 }
 
 // 生命周期钩子