update

src/views/index.vue

@@ -9,20 +9,20 @@
         </div>
         <div class="body-d">
             <div class="body-d-left">
-                <one-l />
-                <two-l />
-                <three-l />
+                <one-l :key="refreshState" />
+                <two-l :key="refreshState" />
+                <three-l :key="refreshState" />
             </div>
             <div class="body-d-middle">
                 <china-map />
             </div>
             <div class="body-d-right">
-                <one-r />
-                <two-r />
-                <three-r />
+                <one-r :key="refreshState" />
+                <two-r :key="refreshState" />
+                <three-r :key="refreshState" />
             </div>
         </div>
-        <div class="bottom-d" @click="test"></div>
+        <div class="bottom-d"></div>
         <EmployeeDialog ref="employeeDialogRef" :record="socketData" />
         <EmergencyDialog ref="emergencyDialogRef" :record="emergencyData" />
     </div>
@@ -40,7 +40,10 @@
     import EmergencyDialog from '/@/views/components/emergencyDialog.vue';
     import { useTopTime } from '/@/utils/utils.ts';
     import { basicPath, emergencyPath, useSocket } from '/@/utils/socket.ts';
+    import { useRefresh } from '/@/hooks/autoRefresh';
+    import { DEFAULT_TIME } from '/@/hooks/autoRefresh/pageRefreshTime.ts';
 
+    const { refreshState } = useRefresh(DEFAULT_TIME);
     const dayTimeO = ref();
     const dayTimeT = ref();
     const interval = ref(1);
@@ -113,8 +116,8 @@
             phone: '15229020494',
         };
         nextTick(() => {
-            setSocketData(nVal);
-            employeeDialogRef.value.openDialog();
+            setEmergencyData(nVal);
+            emergencyDialogRef.value.openDialog();
         });
     }
 </script>
@@ -200,4 +203,4 @@
         background: url('../assets/images/bottom-b.png') no-repeat;
         background-size: 100% 100%;
     }
-</style>
+</style>