update

src/views/components/emergencyDialog.vue

@@ -1,32 +1,21 @@
+<!--健康监测工具-->
 <template>
     <Dialog :openVis="visible" width="30%" :title="title" @close="closeDialog" :maskClosable="false">
         <template #container>
             <div class="police-con">
-                <div class="sub-text">有一个员工健康监测发生异常！</div>
-                <div class="con-item">
-                    <span>异常事件：</span>
-                    <span>{{ userInfo?.eventType_dictText }}</span>
-                </div>
+                <div class="sub-text">有一个员工刚刚发起应急求助,请马上处理!！</div>
                 <div class="con-item">
                     <span>姓名：</span>
                     <span>{{ userInfo?.realName }}</span>
                 </div>
+                <div class="con-item">
+                    <span>年龄：</span>
+                    <span>{{ userInfo?.age }}</span>
+                </div>
                 <div class="con-item">
                     <span>二级单位：</span>
                     <span>{{ userInfo?.orgName }}</span>
                 </div>
-                <div class="con-item">
-                    <span>手机号码：</span>
-                    <span>{{ userInfo?.phone }}</span>
-                </div>
-                <div class="con-item">
-                    <span>发生时间：</span>
-                    <span>{{ userInfo?.warnTime }}</span>
-                </div>
-                <div class="con-item">
-                    <span>发生地点：</span>
-                    <span>{{ userInfo?.address }}</span>
-                </div>
             </div>
         </template>
     </Dialog>
@@ -46,7 +35,7 @@
             userInfo.value = nVal;
         }
     );
-    const { visible, title, closeDialog, openDialog } = useDialog({ title: '健康监测工具报警' });
+    const { visible, title, closeDialog, openDialog } = useDialog({ title: '应急求助' });
 
     defineExpose({
         openDialog,

src/views/components/employeeDialog.vue

@@ -1,3 +1,4 @@
+<!--应急求助-->
 <template>
     <Dialog :openVis="visible" width="30%" :title="title" @close="closeDialog" :maskClosable="false">
         <template #container>

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>