update 对接底部数据，添加地图公共less

src/views/index.vue

@@ -22,8 +22,9 @@
                 <three-r />
             </div>
         </div>
-        <div class="bottom-d"></div>
+        <div class="bottom-d" @click="test"></div>
         <EmployeeDialog ref="employeeDialogRef" :record="socketData" />
+        <EmergencyDialog ref="emergencyDialogRef" :record="emergencyData" />
     </div>
 </template>
 <script setup lang="ts">
@@ -36,8 +37,9 @@
     import ThreeR from '../components/body-d-right/threeR.vue';
     import ChinaMap from '../components/chinaMap/chinaMap.vue';
     import EmployeeDialog from '/@/views/components/employeeDialog.vue';
+    import EmergencyDialog from '/@/views/components/emergencyDialog.vue';
     import { useTopTime } from '/@/utils/utils.ts';
-    import { useSocket } from '/@/utils/socket.ts';
+    import { basicPath, emergencyPath, useSocket } from '/@/utils/socket.ts';
 
     const dayTimeO = ref();
     const dayTimeT = ref();
@@ -60,10 +62,10 @@
         clearInterval(interval.value);
     });
     init();
-    const { socketData, setSocketData } = useSocket();
+    // 健康监测工具报警
+    const { socketData, setSocketData } = useSocket(basicPath);
     const employeeDialogRef = ref();
     watch(socketData, (nVal) => {
-        console.log('nval', nVal);
         if (nVal) {
             nextTick(() => {
                 setSocketData(nVal);
@@ -71,6 +73,50 @@
             });
         }
     });
+
+    //应急求助
+    const { socketData: emergencyData, setSocketData: setEmergencyData } = useSocket(emergencyPath);
+    const emergencyDialogRef = ref();
+
+    watch(emergencyData, (nVal) => {
+        if (nVal) {
+            nextTick(() => {
+                setEmergencyData(nVal);
+                emergencyDialogRef.value.openDialog;
+            });
+        }
+    });
+
+    function test() {
+        let nVal = {
+            watchNo: 'CRFTQ22C03000080',
+            eventType: 'heart_rate',
+            bindUserId: 'fd358031299d4816b5d304fd818ecc73',
+            createBy: null,
+            createDate: null,
+            dataValue: '999',
+            address:
+                '一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字',
+            lon: 108.6666,
+            lat: 29.8888,
+            dataDate: '2023-12-07',
+            warnTime: '2023-12-07',
+            gpsErrorMsg: '',
+            lonGd: 108.67084314886117,
+            latGd: 29.88607705672868,
+            addressGd: null,
+            sendFlag: '0',
+            largeScreenFlag: '0',
+            orgCode: null,
+            orgName: '冯地坑采油作业区',
+            realName: '王志文',
+            phone: '15229020494',
+        };
+        nextTick(() => {
+            setSocketData(nVal);
+            employeeDialogRef.value.openDialog();
+        });
+    }
 </script>
 <style lang="less" scoped>
     .outer {