diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务
diff --git a/src/utils/ws/useSocket.js b/src/utils/ws/useSocket.js
new file mode 100644
index 0000000..db1a1af
--- /dev/null
+++ b/src/utils/ws/useSocket.js
@@ -0,0 +1,75 @@
+import { ref, watchEffect, watch } from 'vue';
+import useWebSocket, { SocketStatus } from './useWebSocket';
+// 用户的store,用于检测登录
+// import { useAdminStore } from '@stores/adminStore';
+import useUserStore from '@/store/modules/user';
+
+import { getToken } from '@/utils/auth';
+
+export default function useSocket(path) {
+  // window.location.host
+  // '58.51.132.86:8102'
+
+  let url =
+    import.meta.env.VITE_APP_ENV == 'development'
+      ? 'ws://192.168.16.254:13002/' + '/mess_notice'
+      : 'ws://' + window.location.host + '/' + path;
+  const { status, message, error, connect, disconnect } = useWebSocket({
+    url,
+    heartBeatData: 'ping',
+    token: getToken(),
+  });
+
+  const { userInfo } = storeToRefs(useUserStore());
+  const chatMessage = ref(null);
+  const socketStatusText = ref('');
+
+  window.addEventListener('offline', function () {
+    console.log('网络连接已断开');
+  });
+
+  window.addEventListener('online', function () {
+    console.log('网络连接已恢复');
+    // 在网络连接恢复后执行的操作
+    retryConnect();
+  });
+
+  watch(
+    () => status.value,
+    newVal => {
+      if (newVal != SocketStatus.Connected) {
+        socketStatusText.value = newVal;
+      }
+    }
+  );
+
+  watch(
+    () => message.value,
+    newVal => {
+      if (newVal) {
+        chatMessage.value = newVal;
+      }
+    }
+  );
+
+  watchEffect(() => {
+    // 检测登录后就发起连接，退出后断开连接
+    if (userInfo.value.userId) {
+      connect();
+    } else {
+      disconnect();
+    }
+  });
+
+  const retryConnect = () => {
+    if (status.value !== SocketStatus.Connected) {
+      connect();
+    }
+  };
+
+  return {
+    socketStatusText,
+    chatMessage,
+    retryConnect,
+  };
+}

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务
diff --git a/src/utils/ws/useSocket.js b/src/utils/ws/useSocket.js
new file mode 100644
index 0000000..db1a1af
--- /dev/null
+++ b/src/utils/ws/useSocket.js
@@ -0,0 +1,75 @@
+import { ref, watchEffect, watch } from 'vue';
+import useWebSocket, { SocketStatus } from './useWebSocket';
+// 用户的store,用于检测登录
+// import { useAdminStore } from '@stores/adminStore';
+import useUserStore from '@/store/modules/user';
+
+import { getToken } from '@/utils/auth';
+
+export default function useSocket(path) {
+  // window.location.host
+  // '58.51.132.86:8102'
+
+  let url =
+    import.meta.env.VITE_APP_ENV == 'development'
+      ? 'ws://192.168.16.254:13002/' + '/mess_notice'
+      : 'ws://' + window.location.host + '/' + path;
+  const { status, message, error, connect, disconnect } = useWebSocket({
+    url,
+    heartBeatData: 'ping',
+    token: getToken(),
+  });
+
+  const { userInfo } = storeToRefs(useUserStore());
+  const chatMessage = ref(null);
+  const socketStatusText = ref('');
+
+  window.addEventListener('offline', function () {
+    console.log('网络连接已断开');
+  });
+
+  window.addEventListener('online', function () {
+    console.log('网络连接已恢复');
+    // 在网络连接恢复后执行的操作
+    retryConnect();
+  });
+
+  watch(
+    () => status.value,
+    newVal => {
+      if (newVal != SocketStatus.Connected) {
+        socketStatusText.value = newVal;
+      }
+    }
+  );
+
+  watch(
+    () => message.value,
+    newVal => {
+      if (newVal) {
+        chatMessage.value = newVal;
+      }
+    }
+  );
+
+  watchEffect(() => {
+    // 检测登录后就发起连接，退出后断开连接
+    if (userInfo.value.userId) {
+      connect();
+    } else {
+      disconnect();
+    }
+  });
+
+  const retryConnect = () => {
+    if (status.value !== SocketStatus.Connected) {
+      connect();
+    }
+  };
+
+  return {
+    socketStatusText,
+    chatMessage,
+    retryConnect,
+  };
+}
diff --git a/src/utils/ws/useWebSocket.js b/src/utils/ws/useWebSocket.js
new file mode 100644
index 0000000..6abb88c
--- /dev/null
+++ b/src/utils/ws/useWebSocket.js
@@ -0,0 +1,192 @@
+import { ref } from 'vue';
+
+const DEFAULT_OPTIONS = {
+  url: '', // websocket url
+  heartBeatData: '', // 你的心跳数据
+  heartBeatStartInterval: 60 * 1000, // 心跳间隔，单位ms
+  heartBeatEndInterval: 5000, // 心跳间隔，单位ms  判断心跳是否成功时间
+  reconnectInterval: 5000, // 断线重连间隔，单位ms
+  maxReconnectAttempts: 10, // 最大重连次数
+};
+
+export const SocketStatus = {
+  Connecting: '正在连接...', //表示正在连接，这是初始状态。
+  Connected: '连接已建立', //表示连接已经建立。
+  Disconnecting: '连接正在关闭', //表示连接正在关闭。
+  Disconnected: '连接已断开', //表示连接已经关闭
+};
+
+const SocketCloseCode = 1000;
+
+export default function useWebSocket(options = {}) {
+  const state = {
+    options: { ...DEFAULT_OPTIONS, ...options },
+
+    socket: null,
+    reconnectAttempts: 0, // 尝试重连次数
+    reconnectTimeout: null,
+
+    heartBetaSendTimer: null, // 心跳发送定时器
+    heartBetaTimeoutTimer: null, // 心跳超时定时器
+
+    // 心跳检测是否通过
+    isHeartingSuccess: true,
+  };
+
+  // 连接状态
+  const status = ref(SocketStatus.Disconnected);
+  const message = ref(null);
+  const error = ref(null);
+
+  // 连接
+  const connect = () => {
+    disconnect();
+
+    status.value = SocketStatus.Connecting;
+    if (!window.navigator.onLine) {
+      setTimeout(() => {
+        status.value = SocketStatus.Disconnected;
+      }, 500);
+      return;
+    }
+
+    state.socket = new WebSocket(state.options.url, state.options.token);
+
+    state.socket.onopen = openEvent => {
+      console.log('socket连接:', openEvent);
+      state.reconnectAttempts = 0;
+      status.value = SocketStatus.Connected;
+      error.value = null;
+      startHeartBeat();
+    };
+
+    state.socket.onmessage = msgEvent => {
+      // console.log('socket消息:', msgEvent, state.isHeartingSuccess);
+
+      // 收到任何数据，重新开始心跳
+      // startHeartBeat()
+
+      const { data } = msgEvent;
+      if (!state.isHeartingSuccess) {
+        if (data === 'pong') {
+          // console.log('🚀 ~ connect ~ msg1:', data);
+          state.isHeartingSuccess = true;
+          return;
+        }
+      }
+      const msg = JSON.parse(data);
+      // console.log('🚀 ~ connect ~ msg2:', msg);
+
+      //心跳数据, 可自行修改
+      // if (+msg.msg_id === 0) {
+      //     return
+      // }
+      //   if (data === 'pong') return;
+      message.value = msg;
+    };
+
+    state.socket.onclose = closeEvent => {
+      console.log('socket关闭:', closeEvent);
+      status.value = SocketStatus.Disconnected;
+      // 非正常关闭,尝试重连
+      if (closeEvent.code !== SocketCloseCode) {
+        reconnect();
+      }
+    };
+
+    state.socket.onerror = errEvent => {
+      console.log('socket报错:', errEvent);
+      status.value = SocketStatus.Disconnected;
+      error.value = errEvent;
+      // 连接失败，尝试重连
+      reconnect();
+    };
+  };
+
+  const disconnect = () => {
+    if (state.socket && (state.socket.OPEN || state.socket.CONNECTING)) {
+      console.log('socket断开连接');
+      status.value = SocketStatus.Disconnecting;
+      state.socket.onmessage = null;
+      state.socket.onerror = null;
+      state.socket.onclose = null;
+      // 发送关闭帧给服务端
+      state.socket.close(SocketCloseCode, 'normal closure');
+      status.value = SocketStatus.Disconnected;
+      state.socket = null;
+    }
+    stopHeartBeat();
+    stopReconnect();
+  };
+
+  const startHeartBeat = () => {
+    stopHeartBeat();
+    onHeartBeat(() => {
+      if (status.value === SocketStatus.Connected) {
+        state.isHeartingSuccess = false;
+        state.socket.send(state.options.heartBeatData);
+        console.log('socket心跳发送:', state.options.heartBeatData);
+      }
+    });
+  };
+
+  const onHeartBeat = callback => {
+    state.heartBetaSendTimer = setTimeout(() => {
+      callback && callback();
+      state.heartBetaTimeoutTimer = setTimeout(() => {
+        // 心跳超时,直接关闭socket,抛出自定义code=4444, onclose里进行重连
+        // state.socket.close(4444, 'heart timeout');
+
+        if (!state.isHeartingSuccess) {
+          state.socket.close(4444, 'heart timeout');
+          state.isHeartingSuccess = true;
+        } else {
+          console.log('心跳检测成功，开始新一轮的心跳检测');
+          startHeartBeat();
+        }
+      }, state.options.heartBeatEndInterval);
+    }, state.options.heartBeatStartInterval);
+  };
+
+  const stopHeartBeat = () => {
+    state.heartBetaSendTimer && clearTimeout(state.heartBetaSendTimer);
+    state.heartBetaTimeoutTimer && clearTimeout(state.heartBetaTimeoutTimer);
+  };
+
+  // 重连
+  const reconnect = () => {
+    if (status.value === SocketStatus.Connected || status.value === SocketStatus.Connecting) {
+      return;
+    }
+    stopHeartBeat();
+    if (state.reconnectAttempts < state.options.maxReconnectAttempts) {
+      console.log('socket重连:', state.reconnectAttempts);
+
+      // 重连间隔，5秒起步，下次递增1秒
+      const interval = Math.max(state.options.reconnectInterval, state.reconnectAttempts * 1000);
+      console.log('间隔时间：', interval);
+      state.reconnectTimeout = setTimeout(() => {
+        if (status.value !== SocketStatus.Connected && status.value !== SocketStatus.Connecting) {
+          connect();
+        }
+      }, interval);
+      state.reconnectAttempts += 1;
+    } else {
+      status.value = SocketStatus.Disconnected;
+      stopReconnect();
+    }
+  };
+
+  // 停止重连
+  const stopReconnect = () => {
+    state.reconnectTimeout && clearTimeout(state.reconnectTimeout);
+  };
+
+  return {
+    status,
+    message,
+    error,
+    connect,
+    disconnect,
+  };
+}

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务
diff --git a/src/utils/ws/useSocket.js b/src/utils/ws/useSocket.js
new file mode 100644
index 0000000..db1a1af
--- /dev/null
+++ b/src/utils/ws/useSocket.js
@@ -0,0 +1,75 @@
+import { ref, watchEffect, watch } from 'vue';
+import useWebSocket, { SocketStatus } from './useWebSocket';
+// 用户的store,用于检测登录
+// import { useAdminStore } from '@stores/adminStore';
+import useUserStore from '@/store/modules/user';
+
+import { getToken } from '@/utils/auth';
+
+export default function useSocket(path) {
+  // window.location.host
+  // '58.51.132.86:8102'
+
+  let url =
+    import.meta.env.VITE_APP_ENV == 'development'
+      ? 'ws://192.168.16.254:13002/' + '/mess_notice'
+      : 'ws://' + window.location.host + '/' + path;
+  const { status, message, error, connect, disconnect } = useWebSocket({
+    url,
+    heartBeatData: 'ping',
+    token: getToken(),
+  });
+
+  const { userInfo } = storeToRefs(useUserStore());
+  const chatMessage = ref(null);
+  const socketStatusText = ref('');
+
+  window.addEventListener('offline', function () {
+    console.log('网络连接已断开');
+  });
+
+  window.addEventListener('online', function () {
+    console.log('网络连接已恢复');
+    // 在网络连接恢复后执行的操作
+    retryConnect();
+  });
+
+  watch(
+    () => status.value,
+    newVal => {
+      if (newVal != SocketStatus.Connected) {
+        socketStatusText.value = newVal;
+      }
+    }
+  );
+
+  watch(
+    () => message.value,
+    newVal => {
+      if (newVal) {
+        chatMessage.value = newVal;
+      }
+    }
+  );
+
+  watchEffect(() => {
+    // 检测登录后就发起连接，退出后断开连接
+    if (userInfo.value.userId) {
+      connect();
+    } else {
+      disconnect();
+    }
+  });
+
+  const retryConnect = () => {
+    if (status.value !== SocketStatus.Connected) {
+      connect();
+    }
+  };
+
+  return {
+    socketStatusText,
+    chatMessage,
+    retryConnect,
+  };
+}
diff --git a/src/utils/ws/useWebSocket.js b/src/utils/ws/useWebSocket.js
new file mode 100644
index 0000000..6abb88c
--- /dev/null
+++ b/src/utils/ws/useWebSocket.js
@@ -0,0 +1,192 @@
+import { ref } from 'vue';
+
+const DEFAULT_OPTIONS = {
+  url: '', // websocket url
+  heartBeatData: '', // 你的心跳数据
+  heartBeatStartInterval: 60 * 1000, // 心跳间隔，单位ms
+  heartBeatEndInterval: 5000, // 心跳间隔，单位ms  判断心跳是否成功时间
+  reconnectInterval: 5000, // 断线重连间隔，单位ms
+  maxReconnectAttempts: 10, // 最大重连次数
+};
+
+export const SocketStatus = {
+  Connecting: '正在连接...', //表示正在连接，这是初始状态。
+  Connected: '连接已建立', //表示连接已经建立。
+  Disconnecting: '连接正在关闭', //表示连接正在关闭。
+  Disconnected: '连接已断开', //表示连接已经关闭
+};
+
+const SocketCloseCode = 1000;
+
+export default function useWebSocket(options = {}) {
+  const state = {
+    options: { ...DEFAULT_OPTIONS, ...options },
+
+    socket: null,
+    reconnectAttempts: 0, // 尝试重连次数
+    reconnectTimeout: null,
+
+    heartBetaSendTimer: null, // 心跳发送定时器
+    heartBetaTimeoutTimer: null, // 心跳超时定时器
+
+    // 心跳检测是否通过
+    isHeartingSuccess: true,
+  };
+
+  // 连接状态
+  const status = ref(SocketStatus.Disconnected);
+  const message = ref(null);
+  const error = ref(null);
+
+  // 连接
+  const connect = () => {
+    disconnect();
+
+    status.value = SocketStatus.Connecting;
+    if (!window.navigator.onLine) {
+      setTimeout(() => {
+        status.value = SocketStatus.Disconnected;
+      }, 500);
+      return;
+    }
+
+    state.socket = new WebSocket(state.options.url, state.options.token);
+
+    state.socket.onopen = openEvent => {
+      console.log('socket连接:', openEvent);
+      state.reconnectAttempts = 0;
+      status.value = SocketStatus.Connected;
+      error.value = null;
+      startHeartBeat();
+    };
+
+    state.socket.onmessage = msgEvent => {
+      // console.log('socket消息:', msgEvent, state.isHeartingSuccess);
+
+      // 收到任何数据，重新开始心跳
+      // startHeartBeat()
+
+      const { data } = msgEvent;
+      if (!state.isHeartingSuccess) {
+        if (data === 'pong') {
+          // console.log('🚀 ~ connect ~ msg1:', data);
+          state.isHeartingSuccess = true;
+          return;
+        }
+      }
+      const msg = JSON.parse(data);
+      // console.log('🚀 ~ connect ~ msg2:', msg);
+
+      //心跳数据, 可自行修改
+      // if (+msg.msg_id === 0) {
+      //     return
+      // }
+      //   if (data === 'pong') return;
+      message.value = msg;
+    };
+
+    state.socket.onclose = closeEvent => {
+      console.log('socket关闭:', closeEvent);
+      status.value = SocketStatus.Disconnected;
+      // 非正常关闭,尝试重连
+      if (closeEvent.code !== SocketCloseCode) {
+        reconnect();
+      }
+    };
+
+    state.socket.onerror = errEvent => {
+      console.log('socket报错:', errEvent);
+      status.value = SocketStatus.Disconnected;
+      error.value = errEvent;
+      // 连接失败，尝试重连
+      reconnect();
+    };
+  };
+
+  const disconnect = () => {
+    if (state.socket && (state.socket.OPEN || state.socket.CONNECTING)) {
+      console.log('socket断开连接');
+      status.value = SocketStatus.Disconnecting;
+      state.socket.onmessage = null;
+      state.socket.onerror = null;
+      state.socket.onclose = null;
+      // 发送关闭帧给服务端
+      state.socket.close(SocketCloseCode, 'normal closure');
+      status.value = SocketStatus.Disconnected;
+      state.socket = null;
+    }
+    stopHeartBeat();
+    stopReconnect();
+  };
+
+  const startHeartBeat = () => {
+    stopHeartBeat();
+    onHeartBeat(() => {
+      if (status.value === SocketStatus.Connected) {
+        state.isHeartingSuccess = false;
+        state.socket.send(state.options.heartBeatData);
+        console.log('socket心跳发送:', state.options.heartBeatData);
+      }
+    });
+  };
+
+  const onHeartBeat = callback => {
+    state.heartBetaSendTimer = setTimeout(() => {
+      callback && callback();
+      state.heartBetaTimeoutTimer = setTimeout(() => {
+        // 心跳超时,直接关闭socket,抛出自定义code=4444, onclose里进行重连
+        // state.socket.close(4444, 'heart timeout');
+
+        if (!state.isHeartingSuccess) {
+          state.socket.close(4444, 'heart timeout');
+          state.isHeartingSuccess = true;
+        } else {
+          console.log('心跳检测成功，开始新一轮的心跳检测');
+          startHeartBeat();
+        }
+      }, state.options.heartBeatEndInterval);
+    }, state.options.heartBeatStartInterval);
+  };
+
+  const stopHeartBeat = () => {
+    state.heartBetaSendTimer && clearTimeout(state.heartBetaSendTimer);
+    state.heartBetaTimeoutTimer && clearTimeout(state.heartBetaTimeoutTimer);
+  };
+
+  // 重连
+  const reconnect = () => {
+    if (status.value === SocketStatus.Connected || status.value === SocketStatus.Connecting) {
+      return;
+    }
+    stopHeartBeat();
+    if (state.reconnectAttempts < state.options.maxReconnectAttempts) {
+      console.log('socket重连:', state.reconnectAttempts);
+
+      // 重连间隔，5秒起步，下次递增1秒
+      const interval = Math.max(state.options.reconnectInterval, state.reconnectAttempts * 1000);
+      console.log('间隔时间：', interval);
+      state.reconnectTimeout = setTimeout(() => {
+        if (status.value !== SocketStatus.Connected && status.value !== SocketStatus.Connecting) {
+          connect();
+        }
+      }, interval);
+      state.reconnectAttempts += 1;
+    } else {
+      status.value = SocketStatus.Disconnected;
+      stopReconnect();
+    }
+  };
+
+  // 停止重连
+  const stopReconnect = () => {
+    state.reconnectTimeout && clearTimeout(state.reconnectTimeout);
+  };
+
+  return {
+    status,
+    message,
+    error,
+    connect,
+    disconnect,
+  };
+}
diff --git a/src/views/oneMap/BIM/WangJiaPIng.vue b/src/views/oneMap/BIM/WangJiaPIng.vue
index 207f181..d62ffc9 100644
--- a/src/views/oneMap/BIM/WangJiaPIng.vue
+++ b/src/views/oneMap/BIM/WangJiaPIng.vue
@@ -55,9 +55,9 @@
     name: '静力水准仪',
     id: `YuanDian1`,
     position: {
-      x: 0,
+      x: -0.5,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -83,9 +83,9 @@
     name: '静力水准仪',
     id: `YuanDian2`,
     position: {
-      x: 40,
+      x: -40,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -93,16 +93,16 @@
     pointCode: 'qGxgnkX',
     dataTime: '',
     toP: {
-      x: 23.84115813826754,
-      y: 4.51261351630611,
-      z: 13.627431159473852,
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
       duration: 2,
       ease: 'power4.out',
     },
     toC: {
-      x: 48.263595232463544,
-      y: 2.3904974662750225,
-      z: -3.6653763005726376,
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 2,
       ease: 'power4.out',
     },
@@ -111,7 +111,7 @@
     name: '应变计',
     id: `YuanDian3`,
     position: {
-      x: -37,
+      x: -37.5,
       y: 0,
       z: -0.2,
     },
@@ -162,9 +162,9 @@
     name: '加速度计',
     id: `YuanDian5`,
     position: {
-      x: 0,
+      x: 0.5,
       y: 0,
-      z: -5,
+      z: -0.5,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -190,9 +190,9 @@
     name: '加速度计',
     id: `YuanDian6`,
     position: {
-      x: -37,
+      x: -36.5,
       y: 0,
-      z: -5,
+      z: -0.2,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -214,6 +214,62 @@
       ease: 'power4.out',
     },
   },
+  {
+    name: '风速风向仪',
+    id: `YuanDian7`,
+    position: {
+      x: -45.5,
+      y: 2.5,
+      z: -0.2,
+    },
+    icon: '/Three/icon/fsfx_icon.png',
+    data: [],
+    show: false,
+    pointCode: '112',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
+  {
+    name: '裂缝计',
+    id: `YuanDian8`,
+    position: {
+      x: -43.5,
+      y: -0.3,
+      z: 2,
+    },
+    icon: '/Three/icon/lfj_mx.png',
+    data: [],
+    show: false,
+    pointCode: '113',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
 ]);
 const deviceCode = ref(null);
 const stCode = ref(null);
@@ -414,8 +470,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -518,20 +574,17 @@
   if (data.name[0] == '静力水准仪') {
     // 摄像机位置
     gsap.to(Camera.value.position, {
-      x: -17.414766616979897,
-      y: 7.132760656412787,
-      z: 23.413620521050024,
-      // x: -69.16984920750228,
-      // y: 9.22906292776404,
-      // z: 14.97197297303164,
+      x: -57.41155667894531,
+      y: 6.7641604399912865,
+      z: 11.781994826043844,
       duration: 3,
       ease: 'power4.out',
     });
     // 视角
     gsap.to(Controls.value.target, {
-      x: 12.660351499015919,
-      y: 3.159510377176017,
-      z: 0.8474660132082192,
+      x: -0.6994858490355302,
+      y: 0.5764769980367779,
+      z: -15.294633781993175,
       duration: 3,
       ease: 'power4.out',
     });
@@ -554,16 +607,46 @@
     });
   } else if (data.name.includes('加速度计')) {
     gsap.to(Camera.value.position, {
-      x: -54.128536618308566,
-      y: 7.793304901368697,
-      z: 11.677764722420267,
+      x: -52.91501071801578,
+      y: 7.683177659311091,
+      z: 13.794583117848436,
       duration: 3,
       ease: 'power4.out',
     });
     gsap.to(Controls.value.target, {
-      x: -1.2994219650783805,
-      y: 0.5111824820704524,
-      z: -18.98688213983899,
+      x: -0.08589571801577686,
+      y: 0.40105465931109363,
+      z: -16.870063882151577,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('风速风向仪')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('裂缝计')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 3,
       ease: 'power4.out',
     });

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务
diff --git a/src/utils/ws/useSocket.js b/src/utils/ws/useSocket.js
new file mode 100644
index 0000000..db1a1af
--- /dev/null
+++ b/src/utils/ws/useSocket.js
@@ -0,0 +1,75 @@
+import { ref, watchEffect, watch } from 'vue';
+import useWebSocket, { SocketStatus } from './useWebSocket';
+// 用户的store,用于检测登录
+// import { useAdminStore } from '@stores/adminStore';
+import useUserStore from '@/store/modules/user';
+
+import { getToken } from '@/utils/auth';
+
+export default function useSocket(path) {
+  // window.location.host
+  // '58.51.132.86:8102'
+
+  let url =
+    import.meta.env.VITE_APP_ENV == 'development'
+      ? 'ws://192.168.16.254:13002/' + '/mess_notice'
+      : 'ws://' + window.location.host + '/' + path;
+  const { status, message, error, connect, disconnect } = useWebSocket({
+    url,
+    heartBeatData: 'ping',
+    token: getToken(),
+  });
+
+  const { userInfo } = storeToRefs(useUserStore());
+  const chatMessage = ref(null);
+  const socketStatusText = ref('');
+
+  window.addEventListener('offline', function () {
+    console.log('网络连接已断开');
+  });
+
+  window.addEventListener('online', function () {
+    console.log('网络连接已恢复');
+    // 在网络连接恢复后执行的操作
+    retryConnect();
+  });
+
+  watch(
+    () => status.value,
+    newVal => {
+      if (newVal != SocketStatus.Connected) {
+        socketStatusText.value = newVal;
+      }
+    }
+  );
+
+  watch(
+    () => message.value,
+    newVal => {
+      if (newVal) {
+        chatMessage.value = newVal;
+      }
+    }
+  );
+
+  watchEffect(() => {
+    // 检测登录后就发起连接，退出后断开连接
+    if (userInfo.value.userId) {
+      connect();
+    } else {
+      disconnect();
+    }
+  });
+
+  const retryConnect = () => {
+    if (status.value !== SocketStatus.Connected) {
+      connect();
+    }
+  };
+
+  return {
+    socketStatusText,
+    chatMessage,
+    retryConnect,
+  };
+}
diff --git a/src/utils/ws/useWebSocket.js b/src/utils/ws/useWebSocket.js
new file mode 100644
index 0000000..6abb88c
--- /dev/null
+++ b/src/utils/ws/useWebSocket.js
@@ -0,0 +1,192 @@
+import { ref } from 'vue';
+
+const DEFAULT_OPTIONS = {
+  url: '', // websocket url
+  heartBeatData: '', // 你的心跳数据
+  heartBeatStartInterval: 60 * 1000, // 心跳间隔，单位ms
+  heartBeatEndInterval: 5000, // 心跳间隔，单位ms  判断心跳是否成功时间
+  reconnectInterval: 5000, // 断线重连间隔，单位ms
+  maxReconnectAttempts: 10, // 最大重连次数
+};
+
+export const SocketStatus = {
+  Connecting: '正在连接...', //表示正在连接，这是初始状态。
+  Connected: '连接已建立', //表示连接已经建立。
+  Disconnecting: '连接正在关闭', //表示连接正在关闭。
+  Disconnected: '连接已断开', //表示连接已经关闭
+};
+
+const SocketCloseCode = 1000;
+
+export default function useWebSocket(options = {}) {
+  const state = {
+    options: { ...DEFAULT_OPTIONS, ...options },
+
+    socket: null,
+    reconnectAttempts: 0, // 尝试重连次数
+    reconnectTimeout: null,
+
+    heartBetaSendTimer: null, // 心跳发送定时器
+    heartBetaTimeoutTimer: null, // 心跳超时定时器
+
+    // 心跳检测是否通过
+    isHeartingSuccess: true,
+  };
+
+  // 连接状态
+  const status = ref(SocketStatus.Disconnected);
+  const message = ref(null);
+  const error = ref(null);
+
+  // 连接
+  const connect = () => {
+    disconnect();
+
+    status.value = SocketStatus.Connecting;
+    if (!window.navigator.onLine) {
+      setTimeout(() => {
+        status.value = SocketStatus.Disconnected;
+      }, 500);
+      return;
+    }
+
+    state.socket = new WebSocket(state.options.url, state.options.token);
+
+    state.socket.onopen = openEvent => {
+      console.log('socket连接:', openEvent);
+      state.reconnectAttempts = 0;
+      status.value = SocketStatus.Connected;
+      error.value = null;
+      startHeartBeat();
+    };
+
+    state.socket.onmessage = msgEvent => {
+      // console.log('socket消息:', msgEvent, state.isHeartingSuccess);
+
+      // 收到任何数据，重新开始心跳
+      // startHeartBeat()
+
+      const { data } = msgEvent;
+      if (!state.isHeartingSuccess) {
+        if (data === 'pong') {
+          // console.log('🚀 ~ connect ~ msg1:', data);
+          state.isHeartingSuccess = true;
+          return;
+        }
+      }
+      const msg = JSON.parse(data);
+      // console.log('🚀 ~ connect ~ msg2:', msg);
+
+      //心跳数据, 可自行修改
+      // if (+msg.msg_id === 0) {
+      //     return
+      // }
+      //   if (data === 'pong') return;
+      message.value = msg;
+    };
+
+    state.socket.onclose = closeEvent => {
+      console.log('socket关闭:', closeEvent);
+      status.value = SocketStatus.Disconnected;
+      // 非正常关闭,尝试重连
+      if (closeEvent.code !== SocketCloseCode) {
+        reconnect();
+      }
+    };
+
+    state.socket.onerror = errEvent => {
+      console.log('socket报错:', errEvent);
+      status.value = SocketStatus.Disconnected;
+      error.value = errEvent;
+      // 连接失败，尝试重连
+      reconnect();
+    };
+  };
+
+  const disconnect = () => {
+    if (state.socket && (state.socket.OPEN || state.socket.CONNECTING)) {
+      console.log('socket断开连接');
+      status.value = SocketStatus.Disconnecting;
+      state.socket.onmessage = null;
+      state.socket.onerror = null;
+      state.socket.onclose = null;
+      // 发送关闭帧给服务端
+      state.socket.close(SocketCloseCode, 'normal closure');
+      status.value = SocketStatus.Disconnected;
+      state.socket = null;
+    }
+    stopHeartBeat();
+    stopReconnect();
+  };
+
+  const startHeartBeat = () => {
+    stopHeartBeat();
+    onHeartBeat(() => {
+      if (status.value === SocketStatus.Connected) {
+        state.isHeartingSuccess = false;
+        state.socket.send(state.options.heartBeatData);
+        console.log('socket心跳发送:', state.options.heartBeatData);
+      }
+    });
+  };
+
+  const onHeartBeat = callback => {
+    state.heartBetaSendTimer = setTimeout(() => {
+      callback && callback();
+      state.heartBetaTimeoutTimer = setTimeout(() => {
+        // 心跳超时,直接关闭socket,抛出自定义code=4444, onclose里进行重连
+        // state.socket.close(4444, 'heart timeout');
+
+        if (!state.isHeartingSuccess) {
+          state.socket.close(4444, 'heart timeout');
+          state.isHeartingSuccess = true;
+        } else {
+          console.log('心跳检测成功，开始新一轮的心跳检测');
+          startHeartBeat();
+        }
+      }, state.options.heartBeatEndInterval);
+    }, state.options.heartBeatStartInterval);
+  };
+
+  const stopHeartBeat = () => {
+    state.heartBetaSendTimer && clearTimeout(state.heartBetaSendTimer);
+    state.heartBetaTimeoutTimer && clearTimeout(state.heartBetaTimeoutTimer);
+  };
+
+  // 重连
+  const reconnect = () => {
+    if (status.value === SocketStatus.Connected || status.value === SocketStatus.Connecting) {
+      return;
+    }
+    stopHeartBeat();
+    if (state.reconnectAttempts < state.options.maxReconnectAttempts) {
+      console.log('socket重连:', state.reconnectAttempts);
+
+      // 重连间隔，5秒起步，下次递增1秒
+      const interval = Math.max(state.options.reconnectInterval, state.reconnectAttempts * 1000);
+      console.log('间隔时间：', interval);
+      state.reconnectTimeout = setTimeout(() => {
+        if (status.value !== SocketStatus.Connected && status.value !== SocketStatus.Connecting) {
+          connect();
+        }
+      }, interval);
+      state.reconnectAttempts += 1;
+    } else {
+      status.value = SocketStatus.Disconnected;
+      stopReconnect();
+    }
+  };
+
+  // 停止重连
+  const stopReconnect = () => {
+    state.reconnectTimeout && clearTimeout(state.reconnectTimeout);
+  };
+
+  return {
+    status,
+    message,
+    error,
+    connect,
+    disconnect,
+  };
+}
diff --git a/src/views/oneMap/BIM/WangJiaPIng.vue b/src/views/oneMap/BIM/WangJiaPIng.vue
index 207f181..d62ffc9 100644
--- a/src/views/oneMap/BIM/WangJiaPIng.vue
+++ b/src/views/oneMap/BIM/WangJiaPIng.vue
@@ -55,9 +55,9 @@
     name: '静力水准仪',
     id: `YuanDian1`,
     position: {
-      x: 0,
+      x: -0.5,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -83,9 +83,9 @@
     name: '静力水准仪',
     id: `YuanDian2`,
     position: {
-      x: 40,
+      x: -40,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -93,16 +93,16 @@
     pointCode: 'qGxgnkX',
     dataTime: '',
     toP: {
-      x: 23.84115813826754,
-      y: 4.51261351630611,
-      z: 13.627431159473852,
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
       duration: 2,
       ease: 'power4.out',
     },
     toC: {
-      x: 48.263595232463544,
-      y: 2.3904974662750225,
-      z: -3.6653763005726376,
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 2,
       ease: 'power4.out',
     },
@@ -111,7 +111,7 @@
     name: '应变计',
     id: `YuanDian3`,
     position: {
-      x: -37,
+      x: -37.5,
       y: 0,
       z: -0.2,
     },
@@ -162,9 +162,9 @@
     name: '加速度计',
     id: `YuanDian5`,
     position: {
-      x: 0,
+      x: 0.5,
       y: 0,
-      z: -5,
+      z: -0.5,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -190,9 +190,9 @@
     name: '加速度计',
     id: `YuanDian6`,
     position: {
-      x: -37,
+      x: -36.5,
       y: 0,
-      z: -5,
+      z: -0.2,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -214,6 +214,62 @@
       ease: 'power4.out',
     },
   },
+  {
+    name: '风速风向仪',
+    id: `YuanDian7`,
+    position: {
+      x: -45.5,
+      y: 2.5,
+      z: -0.2,
+    },
+    icon: '/Three/icon/fsfx_icon.png',
+    data: [],
+    show: false,
+    pointCode: '112',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
+  {
+    name: '裂缝计',
+    id: `YuanDian8`,
+    position: {
+      x: -43.5,
+      y: -0.3,
+      z: 2,
+    },
+    icon: '/Three/icon/lfj_mx.png',
+    data: [],
+    show: false,
+    pointCode: '113',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
 ]);
 const deviceCode = ref(null);
 const stCode = ref(null);
@@ -414,8 +470,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -518,20 +574,17 @@
   if (data.name[0] == '静力水准仪') {
     // 摄像机位置
     gsap.to(Camera.value.position, {
-      x: -17.414766616979897,
-      y: 7.132760656412787,
-      z: 23.413620521050024,
-      // x: -69.16984920750228,
-      // y: 9.22906292776404,
-      // z: 14.97197297303164,
+      x: -57.41155667894531,
+      y: 6.7641604399912865,
+      z: 11.781994826043844,
       duration: 3,
       ease: 'power4.out',
     });
     // 视角
     gsap.to(Controls.value.target, {
-      x: 12.660351499015919,
-      y: 3.159510377176017,
-      z: 0.8474660132082192,
+      x: -0.6994858490355302,
+      y: 0.5764769980367779,
+      z: -15.294633781993175,
       duration: 3,
       ease: 'power4.out',
     });
@@ -554,16 +607,46 @@
     });
   } else if (data.name.includes('加速度计')) {
     gsap.to(Camera.value.position, {
-      x: -54.128536618308566,
-      y: 7.793304901368697,
-      z: 11.677764722420267,
+      x: -52.91501071801578,
+      y: 7.683177659311091,
+      z: 13.794583117848436,
       duration: 3,
       ease: 'power4.out',
     });
     gsap.to(Controls.value.target, {
-      x: -1.2994219650783805,
-      y: 0.5111824820704524,
-      z: -18.98688213983899,
+      x: -0.08589571801577686,
+      y: 0.40105465931109363,
+      z: -16.870063882151577,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('风速风向仪')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('裂缝计')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 3,
       ease: 'power4.out',
     });
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 63fa715..b6a4878 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -5,26 +5,16 @@
       <!-- 顶部 -->
       <div
         id="oneMapHeader"
-        :class="[
-          'oneMapHeader',
-          'animate__animated',
-          showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-        ]"
+        :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
       >
         <!-- 标题 -->
         <!-- <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" /> -->
         <div id="titleFont">
-          {{
-            userStore.ZhuanTiType == 1
-              ? "延安市城市生命线安全运行监测系统"
-              : "延安市海绵监测平台"
-          }}
+          {{ userStore.ZhuanTiType == 1 ? '延安市城市生命线安全运行监测系统' : '延安市海绵监测平台' }}
         </div>
         <!-- 标题左侧展示组件 -->
         <div class="Location">
-          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
-            ><LocationFilled
-          /></el-icon>
+          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
           延安
         </div>
         <div class="Timer">
@@ -43,15 +33,9 @@
         </router-link>
       </div>
       <!-- 地图组件 -->
-      <OneMap
-        @map-click="mapClick"
-        v-if="AllData.MapShowBol"
-        :loadCallback="mapLoad"
-      ></OneMap>
+      <OneMap @map-click="mapClick" v-if="AllData.MapShowBol" :loadCallback="mapLoad"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM
-        v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
-      ></WangJiaPingBIM>
+      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.ComShowID == 4"></WangJiaPingBIM>
       <!-- 隧道BIM -->
       <Tunnel v-if="!AllData.MapShowBol && AllData.ComShowID == 5"></Tunnel>
       <!-- 降雨效果 -->
@@ -90,11 +74,7 @@
         :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']"
         v-if="AllData.MapShowBol"
       />
-      <LayerControl
-        v-if="AllData.MapShowBol"
-        :ShowTuCheng="ShowTuCheng"
-        :showPanel="showPanel"
-      ></LayerControl>
+      <LayerControl v-if="AllData.MapShowBol" :ShowTuCheng="ShowTuCheng" :showPanel="showPanel"></LayerControl>
       <!-- 四色图图例 -->
       <img
         id="SiSeTu"
@@ -103,42 +83,17 @@
         v-if="AllData.SiSeTuBol"
       />
       <!-- 1:总体概览 -->
-      <ComZTGL
-        v-if="AllData.ComShowID == 1"
-        :isActive="AllData.ComShowID == 1 ? true : false"
-        :showPanel="showPanel"
-      ></ComZTGL>
+      <ComZTGL v-if="AllData.ComShowID == 1" :isActive="AllData.ComShowID == 1 ? true : false" :showPanel="showPanel"></ComZTGL>
       <!-- 2:智慧燃气 -->
-      <ComZHRQ
-        v-if="AllData.ComShowID == 2"
-        :isActive="AllData.ComShowID == 2 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHRQ>
+      <ComZHRQ v-if="AllData.ComShowID == 2" :isActive="AllData.ComShowID == 2 ? true : false" :showPanel="showPanel"></ComZHRQ>
       <!-- 3:智慧排水 -->
-      <ComZHPS
-        v-if="AllData.ComShowID == 3"
-        :isActive="AllData.ComShowID == 3 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHPS>
+      <ComZHPS v-if="AllData.ComShowID == 3" :isActive="AllData.ComShowID == 3 ? true : false" :showPanel="showPanel"></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL
-        v-if="AllData.ComShowID == 4"
-        :isActive="AllData.ComShowID == 4 ? true : false"
-        :showPanel="showPanel"
-      >
-      </ComZHQL>
+      <ComZHQL v-if="AllData.ComShowID == 4" :isActive="AllData.ComShowID == 4 ? true : false" :showPanel="showPanel"> </ComZHQL>
       <!-- 5:智慧隧道 -->
-      <ComZHSD
-        v-if="AllData.ComShowID == 5"
-        :isActive="AllData.ComShowID == 5 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHSD>
+      <ComZHSD v-if="AllData.ComShowID == 5" :isActive="AllData.ComShowID == 5 ? true : false" :showPanel="showPanel"></ComZHSD>
       <!-- 6:智慧海绵 -->
-      <ComZHHM
-        v-if="AllData.ComShowID == 6"
-        :isActive="AllData.ComShowID == 6 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHHM>
+      <ComZHHM v-if="AllData.ComShowID == 6" :isActive="AllData.ComShowID == 6 ? true : false" :showPanel="showPanel"></ComZHHM>
       <!-- 智慧海绵-监测分析 -->
       <ZHHMJCFX
         v-if="AllData.ComShowID == 61"
@@ -152,11 +107,7 @@
         :showPanel="showPanel"
       ></ZHHMJSPG>
       <!-- 7:防洪排涝 -->
-      <ComFHPL
-        v-if="AllData.ComShowID == 7"
-        :isActive="AllData.ComShowID == 7 ? true : false"
-        :showPanel="showPanel"
-      ></ComFHPL>
+      <ComFHPL v-if="AllData.ComShowID == 7" :isActive="AllData.ComShowID == 7 ? true : false" :showPanel="showPanel"></ComFHPL>
     </div>
     <!-- 底部菜单 -->
     <div id="BottomMenuBox">
@@ -166,11 +117,7 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="[
-          'MenuList' + index,
-          'animate__animated',
-          showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp',
-        ]"
+        :class="['MenuList' + index, 'animate__animated', showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp']"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -184,10 +131,7 @@
 
           <!-- 二级菜单 -->
           <!-- <Transition name="slide-fade2"> -->
-          <div
-            v-show="AllData.ErJiMenuShowID == item.id && !!item.children"
-            class="ErJiMenuBox"
-          >
+          <div v-show="AllData.ErJiMenuShowID == item.id && !!item.children" class="ErJiMenuBox">
             <span
               class="ErJiMenuList"
               :class="AllData.ErJiMenuCheckID == item2.id ? 'ErJiMenuCheck' : ''"
@@ -206,11 +150,7 @@
     <Voice :ComShowID="AllData.ComShowID"></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun
-    :RYdialogShow="AllData.RYDialog"
-    :ZhuDongBoHao="AllData.ZhuDongBoHao"
-    @OneDialogHide="dialogHide"
-  ></ModelRongYun>
+  <ModelRongYun :RYdialogShow="AllData.RYDialog" :ZhuDongBoHao="AllData.ZhuDongBoHao" @OneDialogHide="dialogHide"></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -233,66 +173,83 @@
 </template>
 
 <script setup name="oneMapIndex">
-import bus from "@/bus";
-import request from "@/utils/request";
-import { fullscreenToggel } from "@/utils/util";
-import { ref, reactive, toRefs, onMounted } from "vue";
+import bus from '@/bus';
+import request from '@/utils/request';
+import { fullscreenToggel } from '@/utils/util';
+import { ref, reactive, toRefs, onMounted } from 'vue';
 
-import useUserStore from "@/store/modules/user";
+import useUserStore from '@/store/modules/user';
 const userStore = useUserStore();
 // 菜单的图片资源
-import ZTGL from "@/assets/images/Sponge_screen/menu/ZTGL.png";
-import AC_ZTGL from "@/assets/images/Sponge_screen/menu/AC_ZTGL.png";
-import ZHRQ from "@/assets/images/Sponge_screen/menu/ZHRQ.png";
-import AC_ZHRQ from "@/assets/images/Sponge_screen/menu/AC_ZHRQ.png";
-import ZHPS from "@/assets/images/Sponge_screen/menu/ZHPS.png";
-import AC_ZHPS from "@/assets/images/Sponge_screen/menu/AC_ZHPS.png";
-import ZHQL from "@/assets/images/Sponge_screen/menu/ZHQL.png";
-import AC_ZHQL from "@/assets/images/Sponge_screen/menu/AC_ZHQL.png";
-import ZHSD from "@/assets/images/Sponge_screen/menu/ZHSD.png";
-import AC_ZHSD from "@/assets/images/Sponge_screen/menu/AC_ZHSD.png";
-import ZHHM from "@/assets/images/Sponge_screen/menu/ZHHM.png";
-import AC_ZHHM from "@/assets/images/Sponge_screen/menu/AC_ZHHM.png";
-import JSPG from "@/assets/images/Sponge_screen/menu/JSPG.png";
-import AC_JSPG from "@/assets/images/Sponge_screen/menu/AC_JSPG.png";
-import JCFX from "@/assets/images/Sponge_screen/menu/JCFX.png";
-import AC_JCFX from "@/assets/images/Sponge_screen/menu/AC_JCFX.png";
+import ZTGL from '@/assets/images/Sponge_screen/menu/ZTGL.png';
+import AC_ZTGL from '@/assets/images/Sponge_screen/menu/AC_ZTGL.png';
+import ZHRQ from '@/assets/images/Sponge_screen/menu/ZHRQ.png';
+import AC_ZHRQ from '@/assets/images/Sponge_screen/menu/AC_ZHRQ.png';
+import ZHPS from '@/assets/images/Sponge_screen/menu/ZHPS.png';
+import AC_ZHPS from '@/assets/images/Sponge_screen/menu/AC_ZHPS.png';
+import ZHQL from '@/assets/images/Sponge_screen/menu/ZHQL.png';
+import AC_ZHQL from '@/assets/images/Sponge_screen/menu/AC_ZHQL.png';
+import ZHSD from '@/assets/images/Sponge_screen/menu/ZHSD.png';
+import AC_ZHSD from '@/assets/images/Sponge_screen/menu/AC_ZHSD.png';
+import ZHHM from '@/assets/images/Sponge_screen/menu/ZHHM.png';
+import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
+import JSPG from '@/assets/images/Sponge_screen/menu/JSPG.png';
+import AC_JSPG from '@/assets/images/Sponge_screen/menu/AC_JSPG.png';
+import JCFX from '@/assets/images/Sponge_screen/menu/JCFX.png';
+import AC_JCFX from '@/assets/images/Sponge_screen/menu/AC_JCFX.png';
 // 引用地图
-import OneMap from "./map/newfiberMapBox.vue";
+import OneMap from './map/newfiberMapBox.vue';
 
 // 引用王家坪大桥BIm
-import WangJiaPingBIM from "./BIM/WangJiaPIng.vue";
+import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
 // 引用隧道BIm
-import Tunnel from "./BIM/Tunnel.vue";
+import Tunnel from './BIM/Tunnel.vue';
 // 引用语音识别
-import Voice from "./../voice/recordPage/index.vue";
+import Voice from './../voice/recordPage/index.vue';
 // 引入融云通讯录
-import ModelRongYun from "@/views/RongyunCommunication/ModelRongYun/index.vue"; //融云调用
+import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
 // 子系统引入
-import ComZTGL from "./components/ZTGL.vue"; //总体概览
-import ComZHRQ from "./components/ZHRQ.vue"; //智慧燃气
-import ComZHPS from "./components/ZHPS.vue"; //智慧排水
-import ComZHQL from "./components/ZHQL.vue"; //智慧桥梁
-import ComZHSD from "./components/ZHSD.vue"; //智慧隧道
-import ComZHHM from "./components/ZHHM.vue"; //智慧海绵
-import ComFHPL from "./components/FHPL.vue"; //防洪排涝
-import ZHHMJCFX from "./components/ZHHM_JCFX.vue"; //智慧海绵-监测分析
-import ZHHMJSPG from "./components/ZHHM_JSPG.vue"; //智慧海绵-建设评估
-import PopupInfo from "@/views/oneMap/components/mapboxPopup.vue"; //地图标注点弹窗
-import dynamicInformation from "@/views/oneMap/components/dynamicInformation.vue"; //地图标注点弹窗
+import ComZTGL from './components/ZTGL.vue'; //总体概览
+import ComZHRQ from './components/ZHRQ.vue'; //智慧燃气
+import ComZHPS from './components/ZHPS.vue'; //智慧排水
+import ComZHQL from './components/ZHQL.vue'; //智慧桥梁
+import ComZHSD from './components/ZHSD.vue'; //智慧隧道
+import ComZHHM from './components/ZHHM.vue'; //智慧海绵
+import ComFHPL from './components/FHPL.vue'; //防洪排涝
+import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
+import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
+import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import dynamicInformation from '@/views/oneMap/components/dynamicInformation.vue'; //地图标注点弹窗
 // 降雨效果
-import CanvasRain from "@/views/oneMap/cityGK/canvasRain.vue"; //降雨效果
+import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板
-import LayerControl from "@/views/oneMap/LayerControl/LayerControl.vue"; //图层控制面板
+import LayerControl from '@/views/oneMap/LayerControl/LayerControl.vue'; //图层控制面板
 // 前端共同弹窗
-import DialogTabs from "@/views/DialogTabs/dialogTabs.vue";
+import DialogTabs from '@/views/DialogTabs/dialogTabs.vue';
 // 左右滑动
-import ZuoYou1 from "@/assets/images/Sponge_screen/ZuoYou1.png";
-import ZuoYou2 from "@/assets/images/Sponge_screen/ZuoYou2.png";
-import xtb_img from "@/assets/newImgs/selectedLocation.png";
-import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import ZuoYou1 from '@/assets/images/Sponge_screen/ZuoYou1.png';
+import ZuoYou2 from '@/assets/images/Sponge_screen/ZuoYou2.png';
+import xtb_img from '@/assets/newImgs/selectedLocation.png';
+import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
 // 公共弹窗保存的数据
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import dialogTabsStore from '@/store/modules/dialogTabs';
+
+//
+const useSocket = inject('useSocket');
+
+watch(
+  () => useSocket.chatMessage.value,
+  (newVal, oldVal) => {
+    console.log('更新---------', newVal);
+    if (newVal.type == 'warnInfo') {
+      // 地图操作
+    }
+  },
+  {
+    // immediate: true,
+    deep: true,
+  }
+);
 
 const useDialogTabs = dialogTabsStore();
 
@@ -303,8 +260,8 @@
 const times = ref(null);
 const weather = ref({
   temperature: null,
-  imgNum: "",
-  text: "",
+  imgNum: '',
+  text: '',
 });
 const showPanel = ref(false);
 const showPanel2 = ref(false);
@@ -393,71 +350,71 @@
 // 公共弹窗
 const dialogConfig = reactive({
   visible: false,
-  getSiteId: "",
-  SiteNo: "",
+  getSiteId: '',
+  SiteNo: '',
   data: {},
-  comIDs: ["spjk"],
+  comIDs: ['spjk'],
   customData: [],
-  RefName: "",
-  title: "详情",
+  RefName: '',
+  title: '详情',
 });
 onBeforeMount(() => {
-  console.log("ZhuanTiType", userStore.ZhuanTiType);
+  console.log('ZhuanTiType', userStore.ZhuanTiType);
   if (userStore.ZhuanTiType == 1) {
     // 城市生命线
     AllData.MenuListData = [
       {
-        name: "总体概览",
+        name: '总体概览',
         iocn: ZTGL,
         AC_icon: AC_ZTGL,
         id: 1,
-        moduleType: "",
-        Layers: ["路网", "河流水系", "三维建筑"],
+        moduleType: '',
+        Layers: ['路网', '河流水系', '三维建筑'],
       },
       {
-        name: "燃   气",
+        name: '燃   气',
         iocn: ZHRQ,
         AC_icon: AC_ZHRQ,
         id: 2,
-        moduleType: "Gas",
-        Layers: ["干管", "主管", "干管流向", "主管流向", "燃气监测"],
+        moduleType: 'Gas',
+        Layers: ['干管', '主管', '干管流向', '主管流向', '燃气监测'],
       },
       {
-        name: "排   水",
+        name: '排   水',
         iocn: ZHPS,
         AC_icon: AC_ZHPS,
         id: 3,
-        moduleType: "drainage",
-        Layers: ["排水监测", "雨水管网流向"],
+        moduleType: 'drainage',
+        Layers: ['排水监测', '雨水管网流向'],
         children: [
           {
-            name: "排水分析",
+            name: '排水分析',
             id: 3,
-            moduleType: "drainage",
+            moduleType: 'drainage',
             Layers: [],
           },
           {
-            name: "防汛排涝",
+            name: '防汛排涝',
             id: 7,
-            moduleType: "flood_drainage",
+            moduleType: 'flood_drainage',
             Layers: [],
           },
         ],
       },
       {
-        name: "桥    梁",
+        name: '桥    梁',
         iocn: ZHQL,
         AC_icon: AC_ZHQL,
         id: 4,
-        moduleType: "bridge",
+        moduleType: 'bridge',
         Layers: [],
       },
       {
-        name: "隧    道",
+        name: '隧    道',
         iocn: ZHSD,
         AC_icon: AC_ZHSD,
         id: 5,
-        moduleType: "tunnel",
+        moduleType: 'tunnel',
         Layers: [],
       },
     ];
@@ -465,19 +422,19 @@
     // 海绵
     AllData.MenuListData = [
       {
-        name: "城市概览",
+        name: '城市概览',
         iocn: ZHHM,
         AC_icon: AC_ZHHM,
         id: 6,
       },
       {
-        name: "监测分析",
+        name: '监测分析',
         iocn: JCFX,
         AC_icon: AC_JCFX,
         id: 61,
       },
       {
-        name: "建设评估",
+        name: '建设评估',
         iocn: JSPG,
         AC_icon: AC_JSPG,
         id: 62,
@@ -491,10 +448,10 @@
 onMounted(() => {
   fullscreenToggel();
   AllData.BottmBackGroundShow = true;
-  console.log(AllData.BottmBackGroundShow, "AllData.BottmBackGroundShow");
-  bus.emit("BottomHidden", AllData.BottmBackGroundShow);
+  console.log(AllData.BottmBackGroundShow, 'AllData.BottmBackGroundShow');
+  bus.emit('BottomHidden', AllData.BottmBackGroundShow);
   // 降雨特征点击
-  bus.on("checkRainL", (params) => {
+  bus.on('checkRainL', params => {
     if (params == 1) {
       showRainFlow.value = false;
     } else {
@@ -502,7 +459,7 @@
     }
   });
   // 底部隐藏
-  bus.on("checkBottom", (params) => {
+  bus.on('checkBottom', params => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -510,17 +467,17 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog", (params) => {
+  bus.on('publicDialog', params => {
     dialogConfig.getSiteId = params.getSiteId;
     dialogConfig.SiteNo = params.SiteNo;
     dialogConfig.RefName = params.RefName;
-    dialogConfig.title = params.title ?? "详情";
+    dialogConfig.title = params.title ?? '详情';
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
     // 打开弹窗
     dialogConfig.visible = true;
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog_Close", (params) => {
+  bus.on('publicDialog_Close', params => {
     // 打开弹窗
     dialogConfig.visible = false;
   });
@@ -530,14 +487,14 @@
   currentTime();
   //initRainImage();
   // 打开融云通讯录主动拨号
-  bus.on("OpenRY", (params) => {
+  bus.on('OpenRY', params => {
     // AllData.ZhuDongBoHao = true;
     AllData.RYDialog = true;
-    bus.emit("showRy");
+    bus.emit('showRy');
   });
 
   // 切换专题图
-  bus.on("ChangeZhuanTiTu", (params) => {
+  bus.on('ChangeZhuanTiTu', params => {
     if (params.num == 1) {
       // 一级
       MenuClick(params.MenuData1);
@@ -547,23 +504,23 @@
     }
   });
   // 切换面板显示隐藏
-  bus.on("changeShowPanel", (params) => {
+  bus.on('changeShowPanel', params => {
     showPanel.value = params;
   });
   // 四色图图例显示隐藏
-  bus.on("SiSeTuBol", (params) => {
+  bus.on('SiSeTuBol', params => {
     AllData.SiSeTuBol = params;
   });
 });
 onBeforeUnmount(() => {
-  bus.off("BottomHidden");
-  bus.off("publicDialog");
-  bus.off("publicDialog_Close");
-  bus.off("OpenRY");
-  bus.off("ChangeZhuanTiTu");
-  bus.off("checkRainL");
-  bus.off("changeShowPanel");
-  bus.off("SiSeTuBol");
+  bus.off('BottomHidden');
+  bus.off('publicDialog');
+  bus.off('publicDialog_Close');
+  bus.off('OpenRY');
+  bus.off('ChangeZhuanTiTu');
+  bus.off('checkRainL');
+  bus.off('changeShowPanel');
+  bus.off('SiSeTuBol');
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -586,9 +543,9 @@
   } else {
     AllData.MapShowBol = true;
     // 点击菜单时隐藏所有图层
-    bus.emit("clearAllLayer");
+    bus.emit('clearAllLayer');
     // 打开默认的菜单
-    bus.emit("SetLayerShow", item.Layers);
+    bus.emit('SetLayerShow', item.Layers);
   }
 };
 // 二级菜单点击
@@ -612,10 +569,10 @@
 const toRYBox = () => {
   AllData.RYDialog = true;
   AllData.ZhuDongBoHao = false;
-  bus.emit("showRy");
+  bus.emit('showRy');
 };
 // 关闭融云通讯录弹窗
-const dialogHide = (val) => {
+const dialogHide = val => {
   if (!val) {
     AllData.RYDialog = false;
     AllData.ZhuDongBoHao = false;
@@ -623,20 +580,20 @@
 };
 //地图点击事件
 const mapClick = async (point, properties, feature) => {
-  console.log("point", point);
-  console.log("properties", properties);
-  console.log("feature---", feature);
+  console.log('point', point);
+  console.log('properties', properties);
+  console.log('feature---', feature);
   if (!feature) {
     let currentZoom = newfiberMapbox.map.getZoom();
-    console.log("currentZoom--", currentZoom);
+    console.log('currentZoom--', currentZoom);
     if (currentZoom >= 18) {
       let clickPoint = turf.point(point);
-      let positionAddress = "";
+      let positionAddress = '';
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.BD09);
-      console.log("clickPoint---", clickPoint, clickPoint.geometry.coordinates);
+      console.log('clickPoint---', clickPoint, clickPoint.geometry.coordinates);
       let data = await request({
         url: `/bdApi//baiduservice/panorama`,
-        method: "GET",
+        method: 'GET',
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
           fov: 180,
@@ -645,61 +602,54 @@
         },
       });
       if (data && data.data) {
-        data.data.base64 = "data:image/jpeg;base64," + data.data.base64;
+        data.data.base64 = 'data:image/jpeg;base64,' + data.data.base64;
       }
-      console.log("data----", data);
+      console.log('data----', data);
       gcoord.transform(clickPoint, gcoord.BD09, gcoord.WGS84);
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.GCJ02);
       let regeodata = await request({
         url: `/amap/v3/geocode/regeo`,
-        method: "GET",
+        method: 'GET',
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
-          key: "76eac14980622704ba95c1bf080f3b4c",
+          key: '76eac14980622704ba95c1bf080f3b4c',
           radius: 100,
-          extensions: "all",
-          output: "json",
+          extensions: 'all',
+          output: 'json',
         },
       });
-      if (regeodata.info === "OK") {
-        console.log("坐标返地名data----", data);
+      if (regeodata.info === 'OK') {
+        console.log('坐标返地名data----', data);
         positionAddress = regeodata.regeocode.formatted_address;
       }
       gcoord.transform(clickPoint, gcoord.GCJ02, gcoord.WGS84);
-      mapBoxVectorLayer.removeByIds(["clickPoint"]);
-      mapBoxVectorLayer.addGeojsonSymbol(
-        "clickPoint",
-        turf.featureCollection([clickPoint]),
-        xtb_img,
-        0.8
-      );
+      mapBoxVectorLayer.removeByIds(['clickPoint']);
+      mapBoxVectorLayer.addGeojsonSymbol('clickPoint', turf.featureCollection([clickPoint]), xtb_img, 0.8);
       data.roadName = positionAddress;
-      bus.emit("popupcontent", {
+      bus.emit('popupcontent', {
         popupShow: true,
         point: point,
         popupInfo: data,
       });
     } else {
-      mapBoxVectorLayer.removeByIds(["clickPoint"]);
-      bus.emit("closeCesiumPopup");
+      mapBoxVectorLayer.removeByIds(['clickPoint']);
+      bus.emit('closeCesiumPopup');
     }
   }
   if (properties) {
-    if (feature == "rq_pipeline_info") {
-      if (!!newfiberMapbox.getLayerByName("rqLine")) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
+    if (feature == 'rq_pipeline_info') {
+      if (!!newfiberMapbox.getLayerByName('rqLine')) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
       }
-      let rqLine = turf.featureCollection([
-        turf.feature(Terraformer.WKT.parse(properties.geometry)),
-      ]);
+      let rqLine = turf.featureCollection([turf.feature(Terraformer.WKT.parse(properties.geometry))]);
       let layer = new mapboxL7.LineLayer({
-        name: "rqLine",
+        name: 'rqLine',
       })
         .source(rqLine)
         .size(4)
-        .shape("line")
-        .texture("arrow")
-        .color("rgb(241, 159, 27)")
+        .shape('line')
+        .texture('arrow')
+        .color('rgb(241, 159, 27)')
         .animate({
           interval: 2, // 间隔
           duration: 2, // 持续时间，延时
@@ -710,11 +660,11 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 50, // 设置贴图纹理的间距
           borderWidth: 0, // 默认文 0，最大有效值为 0.5
-          borderColor: "#fff", // 默认为 #ccc
+          borderColor: '#fff', // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     }
-    bus.emit("popupcontent", {
+    bus.emit('popupcontent', {
       popupShow: true,
       point: point,
       popupInfo: properties,
@@ -729,20 +679,12 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array(
-    "星期日",
-    "星期一",
-    "星期二",
-    "星期三",
-    "星期四",
-    "星期五",
-    "星期六"
-  );
+  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -765,11 +707,11 @@
   // }
 };
 // 二级菜单展示
-const handleMouseEnter = (item) => {
+const handleMouseEnter = item => {
   AllData.ErJiMenuShowID = item.id;
 };
 // 二级菜单展示
-const handleMouseLeave = (item) => {
+const handleMouseLeave = item => {
   AllData.ErJiMenuShowID = null;
 };
 
@@ -779,7 +721,7 @@
 
 // 公共弹窗关闭后事件
 const handleClosed = () => {
-  console.log("clear all");
+  console.log('clear all');
 
   useDialogTabs.clear();
 };
@@ -803,7 +745,7 @@
     #oneMapHeader {
       width: 100%;
       height: 100px;
-      background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
       background-size: cover;
       z-index: 100;
       position: absolute;
@@ -887,17 +829,17 @@
         cursor: pointer;
       }
       .goHome {
-        background: url("@/assets/images/Sponge_screen/gb_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/gb_btn.png') no-repeat center;
         background-size: contain;
         right: 150px;
       }
       .goUser_com {
-        background: url("@/assets/images/Sponge_screen/hs_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/hs_btn.png') no-repeat center;
         background-size: contain;
         right: 100px;
       }
       .goClose_com {
-        background: url("@/assets/images/Sponge_screen/sy_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/sy_btn.png') no-repeat center;
         background-size: contain;
         right: 50px;
       }
@@ -969,7 +911,7 @@
       bottom: 0;
       width: 952px;
       height: 53px;
-      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
       background-size: cover;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -1023,11 +965,7 @@
             display: inline-block;
             margin: 5px 0;
             width: 147px;
-            background: linear-gradient(
-              0deg,
-              rgba(1, 86, 126, 1) 0%,
-              rgba(43, 123, 159, 0.8) 100%
-            );
+            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 0.8) 100%);
             border-radius: 20px;
             &:hover {
               color: #ffd97f;
@@ -1038,11 +976,7 @@
             font-weight: bold;
             font-size: 14px;
             color: #ffd97f;
-            background: linear-gradient(
-              0deg,
-              rgba(1, 86, 126, 1) 0%,
-              rgba(43, 123, 159, 1) 100%
-            );
+            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 1) 100%);
           }
 
           .ErJiMenuJT {
@@ -1106,7 +1040,7 @@
     height: 800px;
     border: 1px solid rgba(21, 140, 253, 1);
     .el-dialog__header {
-      background: url("@/assets/images/Sponge_screen/DialogTitleBG.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/DialogTitleBG.png') no-repeat center;
       background-size: cover;
       padding: 0;
       height: 60px;

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务
diff --git a/src/utils/ws/useSocket.js b/src/utils/ws/useSocket.js
new file mode 100644
index 0000000..db1a1af
--- /dev/null
+++ b/src/utils/ws/useSocket.js
@@ -0,0 +1,75 @@
+import { ref, watchEffect, watch } from 'vue';
+import useWebSocket, { SocketStatus } from './useWebSocket';
+// 用户的store,用于检测登录
+// import { useAdminStore } from '@stores/adminStore';
+import useUserStore from '@/store/modules/user';
+
+import { getToken } from '@/utils/auth';
+
+export default function useSocket(path) {
+  // window.location.host
+  // '58.51.132.86:8102'
+
+  let url =
+    import.meta.env.VITE_APP_ENV == 'development'
+      ? 'ws://192.168.16.254:13002/' + '/mess_notice'
+      : 'ws://' + window.location.host + '/' + path;
+  const { status, message, error, connect, disconnect } = useWebSocket({
+    url,
+    heartBeatData: 'ping',
+    token: getToken(),
+  });
+
+  const { userInfo } = storeToRefs(useUserStore());
+  const chatMessage = ref(null);
+  const socketStatusText = ref('');
+
+  window.addEventListener('offline', function () {
+    console.log('网络连接已断开');
+  });
+
+  window.addEventListener('online', function () {
+    console.log('网络连接已恢复');
+    // 在网络连接恢复后执行的操作
+    retryConnect();
+  });
+
+  watch(
+    () => status.value,
+    newVal => {
+      if (newVal != SocketStatus.Connected) {
+        socketStatusText.value = newVal;
+      }
+    }
+  );
+
+  watch(
+    () => message.value,
+    newVal => {
+      if (newVal) {
+        chatMessage.value = newVal;
+      }
+    }
+  );
+
+  watchEffect(() => {
+    // 检测登录后就发起连接，退出后断开连接
+    if (userInfo.value.userId) {
+      connect();
+    } else {
+      disconnect();
+    }
+  });
+
+  const retryConnect = () => {
+    if (status.value !== SocketStatus.Connected) {
+      connect();
+    }
+  };
+
+  return {
+    socketStatusText,
+    chatMessage,
+    retryConnect,
+  };
+}
diff --git a/src/utils/ws/useWebSocket.js b/src/utils/ws/useWebSocket.js
new file mode 100644
index 0000000..6abb88c
--- /dev/null
+++ b/src/utils/ws/useWebSocket.js
@@ -0,0 +1,192 @@
+import { ref } from 'vue';
+
+const DEFAULT_OPTIONS = {
+  url: '', // websocket url
+  heartBeatData: '', // 你的心跳数据
+  heartBeatStartInterval: 60 * 1000, // 心跳间隔，单位ms
+  heartBeatEndInterval: 5000, // 心跳间隔，单位ms  判断心跳是否成功时间
+  reconnectInterval: 5000, // 断线重连间隔，单位ms
+  maxReconnectAttempts: 10, // 最大重连次数
+};
+
+export const SocketStatus = {
+  Connecting: '正在连接...', //表示正在连接，这是初始状态。
+  Connected: '连接已建立', //表示连接已经建立。
+  Disconnecting: '连接正在关闭', //表示连接正在关闭。
+  Disconnected: '连接已断开', //表示连接已经关闭
+};
+
+const SocketCloseCode = 1000;
+
+export default function useWebSocket(options = {}) {
+  const state = {
+    options: { ...DEFAULT_OPTIONS, ...options },
+
+    socket: null,
+    reconnectAttempts: 0, // 尝试重连次数
+    reconnectTimeout: null,
+
+    heartBetaSendTimer: null, // 心跳发送定时器
+    heartBetaTimeoutTimer: null, // 心跳超时定时器
+
+    // 心跳检测是否通过
+    isHeartingSuccess: true,
+  };
+
+  // 连接状态
+  const status = ref(SocketStatus.Disconnected);
+  const message = ref(null);
+  const error = ref(null);
+
+  // 连接
+  const connect = () => {
+    disconnect();
+
+    status.value = SocketStatus.Connecting;
+    if (!window.navigator.onLine) {
+      setTimeout(() => {
+        status.value = SocketStatus.Disconnected;
+      }, 500);
+      return;
+    }
+
+    state.socket = new WebSocket(state.options.url, state.options.token);
+
+    state.socket.onopen = openEvent => {
+      console.log('socket连接:', openEvent);
+      state.reconnectAttempts = 0;
+      status.value = SocketStatus.Connected;
+      error.value = null;
+      startHeartBeat();
+    };
+
+    state.socket.onmessage = msgEvent => {
+      // console.log('socket消息:', msgEvent, state.isHeartingSuccess);
+
+      // 收到任何数据，重新开始心跳
+      // startHeartBeat()
+
+      const { data } = msgEvent;
+      if (!state.isHeartingSuccess) {
+        if (data === 'pong') {
+          // console.log('🚀 ~ connect ~ msg1:', data);
+          state.isHeartingSuccess = true;
+          return;
+        }
+      }
+      const msg = JSON.parse(data);
+      // console.log('🚀 ~ connect ~ msg2:', msg);
+
+      //心跳数据, 可自行修改
+      // if (+msg.msg_id === 0) {
+      //     return
+      // }
+      //   if (data === 'pong') return;
+      message.value = msg;
+    };
+
+    state.socket.onclose = closeEvent => {
+      console.log('socket关闭:', closeEvent);
+      status.value = SocketStatus.Disconnected;
+      // 非正常关闭,尝试重连
+      if (closeEvent.code !== SocketCloseCode) {
+        reconnect();
+      }
+    };
+
+    state.socket.onerror = errEvent => {
+      console.log('socket报错:', errEvent);
+      status.value = SocketStatus.Disconnected;
+      error.value = errEvent;
+      // 连接失败，尝试重连
+      reconnect();
+    };
+  };
+
+  const disconnect = () => {
+    if (state.socket && (state.socket.OPEN || state.socket.CONNECTING)) {
+      console.log('socket断开连接');
+      status.value = SocketStatus.Disconnecting;
+      state.socket.onmessage = null;
+      state.socket.onerror = null;
+      state.socket.onclose = null;
+      // 发送关闭帧给服务端
+      state.socket.close(SocketCloseCode, 'normal closure');
+      status.value = SocketStatus.Disconnected;
+      state.socket = null;
+    }
+    stopHeartBeat();
+    stopReconnect();
+  };
+
+  const startHeartBeat = () => {
+    stopHeartBeat();
+    onHeartBeat(() => {
+      if (status.value === SocketStatus.Connected) {
+        state.isHeartingSuccess = false;
+        state.socket.send(state.options.heartBeatData);
+        console.log('socket心跳发送:', state.options.heartBeatData);
+      }
+    });
+  };
+
+  const onHeartBeat = callback => {
+    state.heartBetaSendTimer = setTimeout(() => {
+      callback && callback();
+      state.heartBetaTimeoutTimer = setTimeout(() => {
+        // 心跳超时,直接关闭socket,抛出自定义code=4444, onclose里进行重连
+        // state.socket.close(4444, 'heart timeout');
+
+        if (!state.isHeartingSuccess) {
+          state.socket.close(4444, 'heart timeout');
+          state.isHeartingSuccess = true;
+        } else {
+          console.log('心跳检测成功，开始新一轮的心跳检测');
+          startHeartBeat();
+        }
+      }, state.options.heartBeatEndInterval);
+    }, state.options.heartBeatStartInterval);
+  };
+
+  const stopHeartBeat = () => {
+    state.heartBetaSendTimer && clearTimeout(state.heartBetaSendTimer);
+    state.heartBetaTimeoutTimer && clearTimeout(state.heartBetaTimeoutTimer);
+  };
+
+  // 重连
+  const reconnect = () => {
+    if (status.value === SocketStatus.Connected || status.value === SocketStatus.Connecting) {
+      return;
+    }
+    stopHeartBeat();
+    if (state.reconnectAttempts < state.options.maxReconnectAttempts) {
+      console.log('socket重连:', state.reconnectAttempts);
+
+      // 重连间隔，5秒起步，下次递增1秒
+      const interval = Math.max(state.options.reconnectInterval, state.reconnectAttempts * 1000);
+      console.log('间隔时间：', interval);
+      state.reconnectTimeout = setTimeout(() => {
+        if (status.value !== SocketStatus.Connected && status.value !== SocketStatus.Connecting) {
+          connect();
+        }
+      }, interval);
+      state.reconnectAttempts += 1;
+    } else {
+      status.value = SocketStatus.Disconnected;
+      stopReconnect();
+    }
+  };
+
+  // 停止重连
+  const stopReconnect = () => {
+    state.reconnectTimeout && clearTimeout(state.reconnectTimeout);
+  };
+
+  return {
+    status,
+    message,
+    error,
+    connect,
+    disconnect,
+  };
+}
diff --git a/src/views/oneMap/BIM/WangJiaPIng.vue b/src/views/oneMap/BIM/WangJiaPIng.vue
index 207f181..d62ffc9 100644
--- a/src/views/oneMap/BIM/WangJiaPIng.vue
+++ b/src/views/oneMap/BIM/WangJiaPIng.vue
@@ -55,9 +55,9 @@
     name: '静力水准仪',
     id: `YuanDian1`,
     position: {
-      x: 0,
+      x: -0.5,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -83,9 +83,9 @@
     name: '静力水准仪',
     id: `YuanDian2`,
     position: {
-      x: 40,
+      x: -40,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -93,16 +93,16 @@
     pointCode: 'qGxgnkX',
     dataTime: '',
     toP: {
-      x: 23.84115813826754,
-      y: 4.51261351630611,
-      z: 13.627431159473852,
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
       duration: 2,
       ease: 'power4.out',
     },
     toC: {
-      x: 48.263595232463544,
-      y: 2.3904974662750225,
-      z: -3.6653763005726376,
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 2,
       ease: 'power4.out',
     },
@@ -111,7 +111,7 @@
     name: '应变计',
     id: `YuanDian3`,
     position: {
-      x: -37,
+      x: -37.5,
       y: 0,
       z: -0.2,
     },
@@ -162,9 +162,9 @@
     name: '加速度计',
     id: `YuanDian5`,
     position: {
-      x: 0,
+      x: 0.5,
       y: 0,
-      z: -5,
+      z: -0.5,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -190,9 +190,9 @@
     name: '加速度计',
     id: `YuanDian6`,
     position: {
-      x: -37,
+      x: -36.5,
       y: 0,
-      z: -5,
+      z: -0.2,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -214,6 +214,62 @@
       ease: 'power4.out',
     },
   },
+  {
+    name: '风速风向仪',
+    id: `YuanDian7`,
+    position: {
+      x: -45.5,
+      y: 2.5,
+      z: -0.2,
+    },
+    icon: '/Three/icon/fsfx_icon.png',
+    data: [],
+    show: false,
+    pointCode: '112',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
+  {
+    name: '裂缝计',
+    id: `YuanDian8`,
+    position: {
+      x: -43.5,
+      y: -0.3,
+      z: 2,
+    },
+    icon: '/Three/icon/lfj_mx.png',
+    data: [],
+    show: false,
+    pointCode: '113',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
 ]);
 const deviceCode = ref(null);
 const stCode = ref(null);
@@ -414,8 +470,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -518,20 +574,17 @@
   if (data.name[0] == '静力水准仪') {
     // 摄像机位置
     gsap.to(Camera.value.position, {
-      x: -17.414766616979897,
-      y: 7.132760656412787,
-      z: 23.413620521050024,
-      // x: -69.16984920750228,
-      // y: 9.22906292776404,
-      // z: 14.97197297303164,
+      x: -57.41155667894531,
+      y: 6.7641604399912865,
+      z: 11.781994826043844,
       duration: 3,
       ease: 'power4.out',
     });
     // 视角
     gsap.to(Controls.value.target, {
-      x: 12.660351499015919,
-      y: 3.159510377176017,
-      z: 0.8474660132082192,
+      x: -0.6994858490355302,
+      y: 0.5764769980367779,
+      z: -15.294633781993175,
       duration: 3,
       ease: 'power4.out',
     });
@@ -554,16 +607,46 @@
     });
   } else if (data.name.includes('加速度计')) {
     gsap.to(Camera.value.position, {
-      x: -54.128536618308566,
-      y: 7.793304901368697,
-      z: 11.677764722420267,
+      x: -52.91501071801578,
+      y: 7.683177659311091,
+      z: 13.794583117848436,
       duration: 3,
       ease: 'power4.out',
     });
     gsap.to(Controls.value.target, {
-      x: -1.2994219650783805,
-      y: 0.5111824820704524,
-      z: -18.98688213983899,
+      x: -0.08589571801577686,
+      y: 0.40105465931109363,
+      z: -16.870063882151577,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('风速风向仪')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('裂缝计')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 3,
       ease: 'power4.out',
     });
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 63fa715..b6a4878 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -5,26 +5,16 @@
       <!-- 顶部 -->
       <div
         id="oneMapHeader"
-        :class="[
-          'oneMapHeader',
-          'animate__animated',
-          showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-        ]"
+        :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
       >
         <!-- 标题 -->
         <!-- <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" /> -->
         <div id="titleFont">
-          {{
-            userStore.ZhuanTiType == 1
-              ? "延安市城市生命线安全运行监测系统"
-              : "延安市海绵监测平台"
-          }}
+          {{ userStore.ZhuanTiType == 1 ? '延安市城市生命线安全运行监测系统' : '延安市海绵监测平台' }}
         </div>
         <!-- 标题左侧展示组件 -->
         <div class="Location">
-          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
-            ><LocationFilled
-          /></el-icon>
+          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
           延安
         </div>
         <div class="Timer">
@@ -43,15 +33,9 @@
         </router-link>
       </div>
       <!-- 地图组件 -->
-      <OneMap
-        @map-click="mapClick"
-        v-if="AllData.MapShowBol"
-        :loadCallback="mapLoad"
-      ></OneMap>
+      <OneMap @map-click="mapClick" v-if="AllData.MapShowBol" :loadCallback="mapLoad"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM
-        v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
-      ></WangJiaPingBIM>
+      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.ComShowID == 4"></WangJiaPingBIM>
       <!-- 隧道BIM -->
       <Tunnel v-if="!AllData.MapShowBol && AllData.ComShowID == 5"></Tunnel>
       <!-- 降雨效果 -->
@@ -90,11 +74,7 @@
         :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']"
         v-if="AllData.MapShowBol"
       />
-      <LayerControl
-        v-if="AllData.MapShowBol"
-        :ShowTuCheng="ShowTuCheng"
-        :showPanel="showPanel"
-      ></LayerControl>
+      <LayerControl v-if="AllData.MapShowBol" :ShowTuCheng="ShowTuCheng" :showPanel="showPanel"></LayerControl>
       <!-- 四色图图例 -->
       <img
         id="SiSeTu"
@@ -103,42 +83,17 @@
         v-if="AllData.SiSeTuBol"
       />
       <!-- 1:总体概览 -->
-      <ComZTGL
-        v-if="AllData.ComShowID == 1"
-        :isActive="AllData.ComShowID == 1 ? true : false"
-        :showPanel="showPanel"
-      ></ComZTGL>
+      <ComZTGL v-if="AllData.ComShowID == 1" :isActive="AllData.ComShowID == 1 ? true : false" :showPanel="showPanel"></ComZTGL>
       <!-- 2:智慧燃气 -->
-      <ComZHRQ
-        v-if="AllData.ComShowID == 2"
-        :isActive="AllData.ComShowID == 2 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHRQ>
+      <ComZHRQ v-if="AllData.ComShowID == 2" :isActive="AllData.ComShowID == 2 ? true : false" :showPanel="showPanel"></ComZHRQ>
       <!-- 3:智慧排水 -->
-      <ComZHPS
-        v-if="AllData.ComShowID == 3"
-        :isActive="AllData.ComShowID == 3 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHPS>
+      <ComZHPS v-if="AllData.ComShowID == 3" :isActive="AllData.ComShowID == 3 ? true : false" :showPanel="showPanel"></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL
-        v-if="AllData.ComShowID == 4"
-        :isActive="AllData.ComShowID == 4 ? true : false"
-        :showPanel="showPanel"
-      >
-      </ComZHQL>
+      <ComZHQL v-if="AllData.ComShowID == 4" :isActive="AllData.ComShowID == 4 ? true : false" :showPanel="showPanel"> </ComZHQL>
       <!-- 5:智慧隧道 -->
-      <ComZHSD
-        v-if="AllData.ComShowID == 5"
-        :isActive="AllData.ComShowID == 5 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHSD>
+      <ComZHSD v-if="AllData.ComShowID == 5" :isActive="AllData.ComShowID == 5 ? true : false" :showPanel="showPanel"></ComZHSD>
       <!-- 6:智慧海绵 -->
-      <ComZHHM
-        v-if="AllData.ComShowID == 6"
-        :isActive="AllData.ComShowID == 6 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHHM>
+      <ComZHHM v-if="AllData.ComShowID == 6" :isActive="AllData.ComShowID == 6 ? true : false" :showPanel="showPanel"></ComZHHM>
       <!-- 智慧海绵-监测分析 -->
       <ZHHMJCFX
         v-if="AllData.ComShowID == 61"
@@ -152,11 +107,7 @@
         :showPanel="showPanel"
       ></ZHHMJSPG>
       <!-- 7:防洪排涝 -->
-      <ComFHPL
-        v-if="AllData.ComShowID == 7"
-        :isActive="AllData.ComShowID == 7 ? true : false"
-        :showPanel="showPanel"
-      ></ComFHPL>
+      <ComFHPL v-if="AllData.ComShowID == 7" :isActive="AllData.ComShowID == 7 ? true : false" :showPanel="showPanel"></ComFHPL>
     </div>
     <!-- 底部菜单 -->
     <div id="BottomMenuBox">
@@ -166,11 +117,7 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="[
-          'MenuList' + index,
-          'animate__animated',
-          showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp',
-        ]"
+        :class="['MenuList' + index, 'animate__animated', showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp']"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -184,10 +131,7 @@
 
           <!-- 二级菜单 -->
           <!-- <Transition name="slide-fade2"> -->
-          <div
-            v-show="AllData.ErJiMenuShowID == item.id && !!item.children"
-            class="ErJiMenuBox"
-          >
+          <div v-show="AllData.ErJiMenuShowID == item.id && !!item.children" class="ErJiMenuBox">
             <span
               class="ErJiMenuList"
               :class="AllData.ErJiMenuCheckID == item2.id ? 'ErJiMenuCheck' : ''"
@@ -206,11 +150,7 @@
     <Voice :ComShowID="AllData.ComShowID"></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun
-    :RYdialogShow="AllData.RYDialog"
-    :ZhuDongBoHao="AllData.ZhuDongBoHao"
-    @OneDialogHide="dialogHide"
-  ></ModelRongYun>
+  <ModelRongYun :RYdialogShow="AllData.RYDialog" :ZhuDongBoHao="AllData.ZhuDongBoHao" @OneDialogHide="dialogHide"></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -233,66 +173,83 @@
 </template>
 
 <script setup name="oneMapIndex">
-import bus from "@/bus";
-import request from "@/utils/request";
-import { fullscreenToggel } from "@/utils/util";
-import { ref, reactive, toRefs, onMounted } from "vue";
+import bus from '@/bus';
+import request from '@/utils/request';
+import { fullscreenToggel } from '@/utils/util';
+import { ref, reactive, toRefs, onMounted } from 'vue';
 
-import useUserStore from "@/store/modules/user";
+import useUserStore from '@/store/modules/user';
 const userStore = useUserStore();
 // 菜单的图片资源
-import ZTGL from "@/assets/images/Sponge_screen/menu/ZTGL.png";
-import AC_ZTGL from "@/assets/images/Sponge_screen/menu/AC_ZTGL.png";
-import ZHRQ from "@/assets/images/Sponge_screen/menu/ZHRQ.png";
-import AC_ZHRQ from "@/assets/images/Sponge_screen/menu/AC_ZHRQ.png";
-import ZHPS from "@/assets/images/Sponge_screen/menu/ZHPS.png";
-import AC_ZHPS from "@/assets/images/Sponge_screen/menu/AC_ZHPS.png";
-import ZHQL from "@/assets/images/Sponge_screen/menu/ZHQL.png";
-import AC_ZHQL from "@/assets/images/Sponge_screen/menu/AC_ZHQL.png";
-import ZHSD from "@/assets/images/Sponge_screen/menu/ZHSD.png";
-import AC_ZHSD from "@/assets/images/Sponge_screen/menu/AC_ZHSD.png";
-import ZHHM from "@/assets/images/Sponge_screen/menu/ZHHM.png";
-import AC_ZHHM from "@/assets/images/Sponge_screen/menu/AC_ZHHM.png";
-import JSPG from "@/assets/images/Sponge_screen/menu/JSPG.png";
-import AC_JSPG from "@/assets/images/Sponge_screen/menu/AC_JSPG.png";
-import JCFX from "@/assets/images/Sponge_screen/menu/JCFX.png";
-import AC_JCFX from "@/assets/images/Sponge_screen/menu/AC_JCFX.png";
+import ZTGL from '@/assets/images/Sponge_screen/menu/ZTGL.png';
+import AC_ZTGL from '@/assets/images/Sponge_screen/menu/AC_ZTGL.png';
+import ZHRQ from '@/assets/images/Sponge_screen/menu/ZHRQ.png';
+import AC_ZHRQ from '@/assets/images/Sponge_screen/menu/AC_ZHRQ.png';
+import ZHPS from '@/assets/images/Sponge_screen/menu/ZHPS.png';
+import AC_ZHPS from '@/assets/images/Sponge_screen/menu/AC_ZHPS.png';
+import ZHQL from '@/assets/images/Sponge_screen/menu/ZHQL.png';
+import AC_ZHQL from '@/assets/images/Sponge_screen/menu/AC_ZHQL.png';
+import ZHSD from '@/assets/images/Sponge_screen/menu/ZHSD.png';
+import AC_ZHSD from '@/assets/images/Sponge_screen/menu/AC_ZHSD.png';
+import ZHHM from '@/assets/images/Sponge_screen/menu/ZHHM.png';
+import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
+import JSPG from '@/assets/images/Sponge_screen/menu/JSPG.png';
+import AC_JSPG from '@/assets/images/Sponge_screen/menu/AC_JSPG.png';
+import JCFX from '@/assets/images/Sponge_screen/menu/JCFX.png';
+import AC_JCFX from '@/assets/images/Sponge_screen/menu/AC_JCFX.png';
 // 引用地图
-import OneMap from "./map/newfiberMapBox.vue";
+import OneMap from './map/newfiberMapBox.vue';
 
 // 引用王家坪大桥BIm
-import WangJiaPingBIM from "./BIM/WangJiaPIng.vue";
+import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
 // 引用隧道BIm
-import Tunnel from "./BIM/Tunnel.vue";
+import Tunnel from './BIM/Tunnel.vue';
 // 引用语音识别
-import Voice from "./../voice/recordPage/index.vue";
+import Voice from './../voice/recordPage/index.vue';
 // 引入融云通讯录
-import ModelRongYun from "@/views/RongyunCommunication/ModelRongYun/index.vue"; //融云调用
+import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
 // 子系统引入
-import ComZTGL from "./components/ZTGL.vue"; //总体概览
-import ComZHRQ from "./components/ZHRQ.vue"; //智慧燃气
-import ComZHPS from "./components/ZHPS.vue"; //智慧排水
-import ComZHQL from "./components/ZHQL.vue"; //智慧桥梁
-import ComZHSD from "./components/ZHSD.vue"; //智慧隧道
-import ComZHHM from "./components/ZHHM.vue"; //智慧海绵
-import ComFHPL from "./components/FHPL.vue"; //防洪排涝
-import ZHHMJCFX from "./components/ZHHM_JCFX.vue"; //智慧海绵-监测分析
-import ZHHMJSPG from "./components/ZHHM_JSPG.vue"; //智慧海绵-建设评估
-import PopupInfo from "@/views/oneMap/components/mapboxPopup.vue"; //地图标注点弹窗
-import dynamicInformation from "@/views/oneMap/components/dynamicInformation.vue"; //地图标注点弹窗
+import ComZTGL from './components/ZTGL.vue'; //总体概览
+import ComZHRQ from './components/ZHRQ.vue'; //智慧燃气
+import ComZHPS from './components/ZHPS.vue'; //智慧排水
+import ComZHQL from './components/ZHQL.vue'; //智慧桥梁
+import ComZHSD from './components/ZHSD.vue'; //智慧隧道
+import ComZHHM from './components/ZHHM.vue'; //智慧海绵
+import ComFHPL from './components/FHPL.vue'; //防洪排涝
+import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
+import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
+import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import dynamicInformation from '@/views/oneMap/components/dynamicInformation.vue'; //地图标注点弹窗
 // 降雨效果
-import CanvasRain from "@/views/oneMap/cityGK/canvasRain.vue"; //降雨效果
+import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板
-import LayerControl from "@/views/oneMap/LayerControl/LayerControl.vue"; //图层控制面板
+import LayerControl from '@/views/oneMap/LayerControl/LayerControl.vue'; //图层控制面板
 // 前端共同弹窗
-import DialogTabs from "@/views/DialogTabs/dialogTabs.vue";
+import DialogTabs from '@/views/DialogTabs/dialogTabs.vue';
 // 左右滑动
-import ZuoYou1 from "@/assets/images/Sponge_screen/ZuoYou1.png";
-import ZuoYou2 from "@/assets/images/Sponge_screen/ZuoYou2.png";
-import xtb_img from "@/assets/newImgs/selectedLocation.png";
-import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import ZuoYou1 from '@/assets/images/Sponge_screen/ZuoYou1.png';
+import ZuoYou2 from '@/assets/images/Sponge_screen/ZuoYou2.png';
+import xtb_img from '@/assets/newImgs/selectedLocation.png';
+import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
 // 公共弹窗保存的数据
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import dialogTabsStore from '@/store/modules/dialogTabs';
+
+//
+const useSocket = inject('useSocket');
+
+watch(
+  () => useSocket.chatMessage.value,
+  (newVal, oldVal) => {
+    console.log('更新---------', newVal);
+    if (newVal.type == 'warnInfo') {
+      // 地图操作
+    }
+  },
+  {
+    // immediate: true,
+    deep: true,
+  }
+);
 
 const useDialogTabs = dialogTabsStore();
 
@@ -303,8 +260,8 @@
 const times = ref(null);
 const weather = ref({
   temperature: null,
-  imgNum: "",
-  text: "",
+  imgNum: '',
+  text: '',
 });
 const showPanel = ref(false);
 const showPanel2 = ref(false);
@@ -393,71 +350,71 @@
 // 公共弹窗
 const dialogConfig = reactive({
   visible: false,
-  getSiteId: "",
-  SiteNo: "",
+  getSiteId: '',
+  SiteNo: '',
   data: {},
-  comIDs: ["spjk"],
+  comIDs: ['spjk'],
   customData: [],
-  RefName: "",
-  title: "详情",
+  RefName: '',
+  title: '详情',
 });
 onBeforeMount(() => {
-  console.log("ZhuanTiType", userStore.ZhuanTiType);
+  console.log('ZhuanTiType', userStore.ZhuanTiType);
   if (userStore.ZhuanTiType == 1) {
     // 城市生命线
     AllData.MenuListData = [
       {
-        name: "总体概览",
+        name: '总体概览',
         iocn: ZTGL,
         AC_icon: AC_ZTGL,
         id: 1,
-        moduleType: "",
-        Layers: ["路网", "河流水系", "三维建筑"],
+        moduleType: '',
+        Layers: ['路网', '河流水系', '三维建筑'],
       },
       {
-        name: "燃   气",
+        name: '燃   气',
         iocn: ZHRQ,
         AC_icon: AC_ZHRQ,
         id: 2,
-        moduleType: "Gas",
-        Layers: ["干管", "主管", "干管流向", "主管流向", "燃气监测"],
+        moduleType: 'Gas',
+        Layers: ['干管', '主管', '干管流向', '主管流向', '燃气监测'],
       },
       {
-        name: "排   水",
+        name: '排   水',
         iocn: ZHPS,
         AC_icon: AC_ZHPS,
         id: 3,
-        moduleType: "drainage",
-        Layers: ["排水监测", "雨水管网流向"],
+        moduleType: 'drainage',
+        Layers: ['排水监测', '雨水管网流向'],
         children: [
           {
-            name: "排水分析",
+            name: '排水分析',
             id: 3,
-            moduleType: "drainage",
+            moduleType: 'drainage',
             Layers: [],
           },
           {
-            name: "防汛排涝",
+            name: '防汛排涝',
             id: 7,
-            moduleType: "flood_drainage",
+            moduleType: 'flood_drainage',
             Layers: [],
           },
         ],
       },
       {
-        name: "桥    梁",
+        name: '桥    梁',
         iocn: ZHQL,
         AC_icon: AC_ZHQL,
         id: 4,
-        moduleType: "bridge",
+        moduleType: 'bridge',
         Layers: [],
       },
       {
-        name: "隧    道",
+        name: '隧    道',
         iocn: ZHSD,
         AC_icon: AC_ZHSD,
         id: 5,
-        moduleType: "tunnel",
+        moduleType: 'tunnel',
         Layers: [],
       },
     ];
@@ -465,19 +422,19 @@
     // 海绵
     AllData.MenuListData = [
       {
-        name: "城市概览",
+        name: '城市概览',
         iocn: ZHHM,
         AC_icon: AC_ZHHM,
         id: 6,
       },
       {
-        name: "监测分析",
+        name: '监测分析',
         iocn: JCFX,
         AC_icon: AC_JCFX,
         id: 61,
       },
       {
-        name: "建设评估",
+        name: '建设评估',
         iocn: JSPG,
         AC_icon: AC_JSPG,
         id: 62,
@@ -491,10 +448,10 @@
 onMounted(() => {
   fullscreenToggel();
   AllData.BottmBackGroundShow = true;
-  console.log(AllData.BottmBackGroundShow, "AllData.BottmBackGroundShow");
-  bus.emit("BottomHidden", AllData.BottmBackGroundShow);
+  console.log(AllData.BottmBackGroundShow, 'AllData.BottmBackGroundShow');
+  bus.emit('BottomHidden', AllData.BottmBackGroundShow);
   // 降雨特征点击
-  bus.on("checkRainL", (params) => {
+  bus.on('checkRainL', params => {
     if (params == 1) {
       showRainFlow.value = false;
     } else {
@@ -502,7 +459,7 @@
     }
   });
   // 底部隐藏
-  bus.on("checkBottom", (params) => {
+  bus.on('checkBottom', params => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -510,17 +467,17 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog", (params) => {
+  bus.on('publicDialog', params => {
     dialogConfig.getSiteId = params.getSiteId;
     dialogConfig.SiteNo = params.SiteNo;
     dialogConfig.RefName = params.RefName;
-    dialogConfig.title = params.title ?? "详情";
+    dialogConfig.title = params.title ?? '详情';
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
     // 打开弹窗
     dialogConfig.visible = true;
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog_Close", (params) => {
+  bus.on('publicDialog_Close', params => {
     // 打开弹窗
     dialogConfig.visible = false;
   });
@@ -530,14 +487,14 @@
   currentTime();
   //initRainImage();
   // 打开融云通讯录主动拨号
-  bus.on("OpenRY", (params) => {
+  bus.on('OpenRY', params => {
     // AllData.ZhuDongBoHao = true;
     AllData.RYDialog = true;
-    bus.emit("showRy");
+    bus.emit('showRy');
   });
 
   // 切换专题图
-  bus.on("ChangeZhuanTiTu", (params) => {
+  bus.on('ChangeZhuanTiTu', params => {
     if (params.num == 1) {
       // 一级
       MenuClick(params.MenuData1);
@@ -547,23 +504,23 @@
     }
   });
   // 切换面板显示隐藏
-  bus.on("changeShowPanel", (params) => {
+  bus.on('changeShowPanel', params => {
     showPanel.value = params;
   });
   // 四色图图例显示隐藏
-  bus.on("SiSeTuBol", (params) => {
+  bus.on('SiSeTuBol', params => {
     AllData.SiSeTuBol = params;
   });
 });
 onBeforeUnmount(() => {
-  bus.off("BottomHidden");
-  bus.off("publicDialog");
-  bus.off("publicDialog_Close");
-  bus.off("OpenRY");
-  bus.off("ChangeZhuanTiTu");
-  bus.off("checkRainL");
-  bus.off("changeShowPanel");
-  bus.off("SiSeTuBol");
+  bus.off('BottomHidden');
+  bus.off('publicDialog');
+  bus.off('publicDialog_Close');
+  bus.off('OpenRY');
+  bus.off('ChangeZhuanTiTu');
+  bus.off('checkRainL');
+  bus.off('changeShowPanel');
+  bus.off('SiSeTuBol');
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -586,9 +543,9 @@
   } else {
     AllData.MapShowBol = true;
     // 点击菜单时隐藏所有图层
-    bus.emit("clearAllLayer");
+    bus.emit('clearAllLayer');
     // 打开默认的菜单
-    bus.emit("SetLayerShow", item.Layers);
+    bus.emit('SetLayerShow', item.Layers);
   }
 };
 // 二级菜单点击
@@ -612,10 +569,10 @@
 const toRYBox = () => {
   AllData.RYDialog = true;
   AllData.ZhuDongBoHao = false;
-  bus.emit("showRy");
+  bus.emit('showRy');
 };
 // 关闭融云通讯录弹窗
-const dialogHide = (val) => {
+const dialogHide = val => {
   if (!val) {
     AllData.RYDialog = false;
     AllData.ZhuDongBoHao = false;
@@ -623,20 +580,20 @@
 };
 //地图点击事件
 const mapClick = async (point, properties, feature) => {
-  console.log("point", point);
-  console.log("properties", properties);
-  console.log("feature---", feature);
+  console.log('point', point);
+  console.log('properties', properties);
+  console.log('feature---', feature);
   if (!feature) {
     let currentZoom = newfiberMapbox.map.getZoom();
-    console.log("currentZoom--", currentZoom);
+    console.log('currentZoom--', currentZoom);
     if (currentZoom >= 18) {
       let clickPoint = turf.point(point);
-      let positionAddress = "";
+      let positionAddress = '';
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.BD09);
-      console.log("clickPoint---", clickPoint, clickPoint.geometry.coordinates);
+      console.log('clickPoint---', clickPoint, clickPoint.geometry.coordinates);
       let data = await request({
         url: `/bdApi//baiduservice/panorama`,
-        method: "GET",
+        method: 'GET',
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
           fov: 180,
@@ -645,61 +602,54 @@
         },
       });
       if (data && data.data) {
-        data.data.base64 = "data:image/jpeg;base64," + data.data.base64;
+        data.data.base64 = 'data:image/jpeg;base64,' + data.data.base64;
       }
-      console.log("data----", data);
+      console.log('data----', data);
       gcoord.transform(clickPoint, gcoord.BD09, gcoord.WGS84);
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.GCJ02);
       let regeodata = await request({
         url: `/amap/v3/geocode/regeo`,
-        method: "GET",
+        method: 'GET',
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
-          key: "76eac14980622704ba95c1bf080f3b4c",
+          key: '76eac14980622704ba95c1bf080f3b4c',
           radius: 100,
-          extensions: "all",
-          output: "json",
+          extensions: 'all',
+          output: 'json',
         },
       });
-      if (regeodata.info === "OK") {
-        console.log("坐标返地名data----", data);
+      if (regeodata.info === 'OK') {
+        console.log('坐标返地名data----', data);
         positionAddress = regeodata.regeocode.formatted_address;
       }
       gcoord.transform(clickPoint, gcoord.GCJ02, gcoord.WGS84);
-      mapBoxVectorLayer.removeByIds(["clickPoint"]);
-      mapBoxVectorLayer.addGeojsonSymbol(
-        "clickPoint",
-        turf.featureCollection([clickPoint]),
-        xtb_img,
-        0.8
-      );
+      mapBoxVectorLayer.removeByIds(['clickPoint']);
+      mapBoxVectorLayer.addGeojsonSymbol('clickPoint', turf.featureCollection([clickPoint]), xtb_img, 0.8);
       data.roadName = positionAddress;
-      bus.emit("popupcontent", {
+      bus.emit('popupcontent', {
         popupShow: true,
         point: point,
         popupInfo: data,
       });
     } else {
-      mapBoxVectorLayer.removeByIds(["clickPoint"]);
-      bus.emit("closeCesiumPopup");
+      mapBoxVectorLayer.removeByIds(['clickPoint']);
+      bus.emit('closeCesiumPopup');
     }
   }
   if (properties) {
-    if (feature == "rq_pipeline_info") {
-      if (!!newfiberMapbox.getLayerByName("rqLine")) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
+    if (feature == 'rq_pipeline_info') {
+      if (!!newfiberMapbox.getLayerByName('rqLine')) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
       }
-      let rqLine = turf.featureCollection([
-        turf.feature(Terraformer.WKT.parse(properties.geometry)),
-      ]);
+      let rqLine = turf.featureCollection([turf.feature(Terraformer.WKT.parse(properties.geometry))]);
       let layer = new mapboxL7.LineLayer({
-        name: "rqLine",
+        name: 'rqLine',
       })
         .source(rqLine)
         .size(4)
-        .shape("line")
-        .texture("arrow")
-        .color("rgb(241, 159, 27)")
+        .shape('line')
+        .texture('arrow')
+        .color('rgb(241, 159, 27)')
         .animate({
           interval: 2, // 间隔
           duration: 2, // 持续时间，延时
@@ -710,11 +660,11 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 50, // 设置贴图纹理的间距
           borderWidth: 0, // 默认文 0，最大有效值为 0.5
-          borderColor: "#fff", // 默认为 #ccc
+          borderColor: '#fff', // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     }
-    bus.emit("popupcontent", {
+    bus.emit('popupcontent', {
       popupShow: true,
       point: point,
       popupInfo: properties,
@@ -729,20 +679,12 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array(
-    "星期日",
-    "星期一",
-    "星期二",
-    "星期三",
-    "星期四",
-    "星期五",
-    "星期六"
-  );
+  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -765,11 +707,11 @@
   // }
 };
 // 二级菜单展示
-const handleMouseEnter = (item) => {
+const handleMouseEnter = item => {
   AllData.ErJiMenuShowID = item.id;
 };
 // 二级菜单展示
-const handleMouseLeave = (item) => {
+const handleMouseLeave = item => {
   AllData.ErJiMenuShowID = null;
 };
 
@@ -779,7 +721,7 @@
 
 // 公共弹窗关闭后事件
 const handleClosed = () => {
-  console.log("clear all");
+  console.log('clear all');
 
   useDialogTabs.clear();
 };
@@ -803,7 +745,7 @@
     #oneMapHeader {
       width: 100%;
       height: 100px;
-      background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
       background-size: cover;
       z-index: 100;
       position: absolute;
@@ -887,17 +829,17 @@
         cursor: pointer;
       }
       .goHome {
-        background: url("@/assets/images/Sponge_screen/gb_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/gb_btn.png') no-repeat center;
         background-size: contain;
         right: 150px;
       }
       .goUser_com {
-        background: url("@/assets/images/Sponge_screen/hs_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/hs_btn.png') no-repeat center;
         background-size: contain;
         right: 100px;
       }
       .goClose_com {
-        background: url("@/assets/images/Sponge_screen/sy_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/sy_btn.png') no-repeat center;
         background-size: contain;
         right: 50px;
       }
@@ -969,7 +911,7 @@
       bottom: 0;
       width: 952px;
       height: 53px;
-      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
       background-size: cover;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -1023,11 +965,7 @@
             display: inline-block;
             margin: 5px 0;
             width: 147px;
-            background: linear-gradient(
-              0deg,
-              rgba(1, 86, 126, 1) 0%,
-              rgba(43, 123, 159, 0.8) 100%
-            );
+            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 0.8) 100%);
             border-radius: 20px;
             &:hover {
               color: #ffd97f;
@@ -1038,11 +976,7 @@
             font-weight: bold;
             font-size: 14px;
             color: #ffd97f;
-            background: linear-gradient(
-              0deg,
-              rgba(1, 86, 126, 1) 0%,
-              rgba(43, 123, 159, 1) 100%
-            );
+            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 1) 100%);
           }
 
           .ErJiMenuJT {
@@ -1106,7 +1040,7 @@
     height: 800px;
     border: 1px solid rgba(21, 140, 253, 1);
     .el-dialog__header {
-      background: url("@/assets/images/Sponge_screen/DialogTitleBG.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/DialogTitleBG.png') no-repeat center;
       background-size: cover;
       padding: 0;
       height: 60px;
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
index 005f547..e5aff79 100644
--- a/src/views/oneMap/smartTunnel/LeftBox.vue
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -100,7 +100,7 @@
   },
 
   {
-    name: ['光纤光栅', '应变计'],
+    name: ['应变计'],
     icon: ybj_icon,
     num: '1/45',
     activeNum: '1',
@@ -114,7 +114,7 @@
   //   allNum: '5',
   // },
   {
-    name: ['光纤光栅', '裂缝计'],
+    name: ['裂缝计'],
     icon: lfj_icon,
     num: '1/27',
     activeNum: '1',

diff --git a/src/api/order.js b/src/api/order.js
index 6136038..fde84f8 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -107,4 +107,13 @@
     method: 'get',
     params: query,
   });
+}
+
+// business/workOrder/listWorkOrderNextUser
+export function listWorkOrderNextUser(query) {
+  return request({
+    url: '/business/workOrder/listWorkOrderNextUser',
+    method: 'get',
+    params: query,
+  });
 }
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9ee25c3..1a817a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -29,6 +29,9 @@
 //权限控制
 import './permission'; // permission control
 
+// ws
+import useSocket from '@/utils/ws/useSocket.js';
+
 import { useDict } from '@/utils/dict';
 
 import 'amfe-flexible'; // rem 布局适配
@@ -98,6 +101,11 @@
 
 app.component('svg-icon', SvgIcon); //全局注册
 
+
+// WS 注入
+const socket = useSocket('mess_notice')
+app.provide('useSocket', socket)
+
 // 错误打印
 app.config.errorHandler = (err, instance, info) => {
   // 处理错误，例如：报告给一个服务
diff --git a/src/utils/ws/useSocket.js b/src/utils/ws/useSocket.js
new file mode 100644
index 0000000..db1a1af
--- /dev/null
+++ b/src/utils/ws/useSocket.js
@@ -0,0 +1,75 @@
+import { ref, watchEffect, watch } from 'vue';
+import useWebSocket, { SocketStatus } from './useWebSocket';
+// 用户的store,用于检测登录
+// import { useAdminStore } from '@stores/adminStore';
+import useUserStore from '@/store/modules/user';
+
+import { getToken } from '@/utils/auth';
+
+export default function useSocket(path) {
+  // window.location.host
+  // '58.51.132.86:8102'
+
+  let url =
+    import.meta.env.VITE_APP_ENV == 'development'
+      ? 'ws://192.168.16.254:13002/' + '/mess_notice'
+      : 'ws://' + window.location.host + '/' + path;
+  const { status, message, error, connect, disconnect } = useWebSocket({
+    url,
+    heartBeatData: 'ping',
+    token: getToken(),
+  });
+
+  const { userInfo } = storeToRefs(useUserStore());
+  const chatMessage = ref(null);
+  const socketStatusText = ref('');
+
+  window.addEventListener('offline', function () {
+    console.log('网络连接已断开');
+  });
+
+  window.addEventListener('online', function () {
+    console.log('网络连接已恢复');
+    // 在网络连接恢复后执行的操作
+    retryConnect();
+  });
+
+  watch(
+    () => status.value,
+    newVal => {
+      if (newVal != SocketStatus.Connected) {
+        socketStatusText.value = newVal;
+      }
+    }
+  );
+
+  watch(
+    () => message.value,
+    newVal => {
+      if (newVal) {
+        chatMessage.value = newVal;
+      }
+    }
+  );
+
+  watchEffect(() => {
+    // 检测登录后就发起连接，退出后断开连接
+    if (userInfo.value.userId) {
+      connect();
+    } else {
+      disconnect();
+    }
+  });
+
+  const retryConnect = () => {
+    if (status.value !== SocketStatus.Connected) {
+      connect();
+    }
+  };
+
+  return {
+    socketStatusText,
+    chatMessage,
+    retryConnect,
+  };
+}
diff --git a/src/utils/ws/useWebSocket.js b/src/utils/ws/useWebSocket.js
new file mode 100644
index 0000000..6abb88c
--- /dev/null
+++ b/src/utils/ws/useWebSocket.js
@@ -0,0 +1,192 @@
+import { ref } from 'vue';
+
+const DEFAULT_OPTIONS = {
+  url: '', // websocket url
+  heartBeatData: '', // 你的心跳数据
+  heartBeatStartInterval: 60 * 1000, // 心跳间隔，单位ms
+  heartBeatEndInterval: 5000, // 心跳间隔，单位ms  判断心跳是否成功时间
+  reconnectInterval: 5000, // 断线重连间隔，单位ms
+  maxReconnectAttempts: 10, // 最大重连次数
+};
+
+export const SocketStatus = {
+  Connecting: '正在连接...', //表示正在连接，这是初始状态。
+  Connected: '连接已建立', //表示连接已经建立。
+  Disconnecting: '连接正在关闭', //表示连接正在关闭。
+  Disconnected: '连接已断开', //表示连接已经关闭
+};
+
+const SocketCloseCode = 1000;
+
+export default function useWebSocket(options = {}) {
+  const state = {
+    options: { ...DEFAULT_OPTIONS, ...options },
+
+    socket: null,
+    reconnectAttempts: 0, // 尝试重连次数
+    reconnectTimeout: null,
+
+    heartBetaSendTimer: null, // 心跳发送定时器
+    heartBetaTimeoutTimer: null, // 心跳超时定时器
+
+    // 心跳检测是否通过
+    isHeartingSuccess: true,
+  };
+
+  // 连接状态
+  const status = ref(SocketStatus.Disconnected);
+  const message = ref(null);
+  const error = ref(null);
+
+  // 连接
+  const connect = () => {
+    disconnect();
+
+    status.value = SocketStatus.Connecting;
+    if (!window.navigator.onLine) {
+      setTimeout(() => {
+        status.value = SocketStatus.Disconnected;
+      }, 500);
+      return;
+    }
+
+    state.socket = new WebSocket(state.options.url, state.options.token);
+
+    state.socket.onopen = openEvent => {
+      console.log('socket连接:', openEvent);
+      state.reconnectAttempts = 0;
+      status.value = SocketStatus.Connected;
+      error.value = null;
+      startHeartBeat();
+    };
+
+    state.socket.onmessage = msgEvent => {
+      // console.log('socket消息:', msgEvent, state.isHeartingSuccess);
+
+      // 收到任何数据，重新开始心跳
+      // startHeartBeat()
+
+      const { data } = msgEvent;
+      if (!state.isHeartingSuccess) {
+        if (data === 'pong') {
+          // console.log('🚀 ~ connect ~ msg1:', data);
+          state.isHeartingSuccess = true;
+          return;
+        }
+      }
+      const msg = JSON.parse(data);
+      // console.log('🚀 ~ connect ~ msg2:', msg);
+
+      //心跳数据, 可自行修改
+      // if (+msg.msg_id === 0) {
+      //     return
+      // }
+      //   if (data === 'pong') return;
+      message.value = msg;
+    };
+
+    state.socket.onclose = closeEvent => {
+      console.log('socket关闭:', closeEvent);
+      status.value = SocketStatus.Disconnected;
+      // 非正常关闭,尝试重连
+      if (closeEvent.code !== SocketCloseCode) {
+        reconnect();
+      }
+    };
+
+    state.socket.onerror = errEvent => {
+      console.log('socket报错:', errEvent);
+      status.value = SocketStatus.Disconnected;
+      error.value = errEvent;
+      // 连接失败，尝试重连
+      reconnect();
+    };
+  };
+
+  const disconnect = () => {
+    if (state.socket && (state.socket.OPEN || state.socket.CONNECTING)) {
+      console.log('socket断开连接');
+      status.value = SocketStatus.Disconnecting;
+      state.socket.onmessage = null;
+      state.socket.onerror = null;
+      state.socket.onclose = null;
+      // 发送关闭帧给服务端
+      state.socket.close(SocketCloseCode, 'normal closure');
+      status.value = SocketStatus.Disconnected;
+      state.socket = null;
+    }
+    stopHeartBeat();
+    stopReconnect();
+  };
+
+  const startHeartBeat = () => {
+    stopHeartBeat();
+    onHeartBeat(() => {
+      if (status.value === SocketStatus.Connected) {
+        state.isHeartingSuccess = false;
+        state.socket.send(state.options.heartBeatData);
+        console.log('socket心跳发送:', state.options.heartBeatData);
+      }
+    });
+  };
+
+  const onHeartBeat = callback => {
+    state.heartBetaSendTimer = setTimeout(() => {
+      callback && callback();
+      state.heartBetaTimeoutTimer = setTimeout(() => {
+        // 心跳超时,直接关闭socket,抛出自定义code=4444, onclose里进行重连
+        // state.socket.close(4444, 'heart timeout');
+
+        if (!state.isHeartingSuccess) {
+          state.socket.close(4444, 'heart timeout');
+          state.isHeartingSuccess = true;
+        } else {
+          console.log('心跳检测成功，开始新一轮的心跳检测');
+          startHeartBeat();
+        }
+      }, state.options.heartBeatEndInterval);
+    }, state.options.heartBeatStartInterval);
+  };
+
+  const stopHeartBeat = () => {
+    state.heartBetaSendTimer && clearTimeout(state.heartBetaSendTimer);
+    state.heartBetaTimeoutTimer && clearTimeout(state.heartBetaTimeoutTimer);
+  };
+
+  // 重连
+  const reconnect = () => {
+    if (status.value === SocketStatus.Connected || status.value === SocketStatus.Connecting) {
+      return;
+    }
+    stopHeartBeat();
+    if (state.reconnectAttempts < state.options.maxReconnectAttempts) {
+      console.log('socket重连:', state.reconnectAttempts);
+
+      // 重连间隔，5秒起步，下次递增1秒
+      const interval = Math.max(state.options.reconnectInterval, state.reconnectAttempts * 1000);
+      console.log('间隔时间：', interval);
+      state.reconnectTimeout = setTimeout(() => {
+        if (status.value !== SocketStatus.Connected && status.value !== SocketStatus.Connecting) {
+          connect();
+        }
+      }, interval);
+      state.reconnectAttempts += 1;
+    } else {
+      status.value = SocketStatus.Disconnected;
+      stopReconnect();
+    }
+  };
+
+  // 停止重连
+  const stopReconnect = () => {
+    state.reconnectTimeout && clearTimeout(state.reconnectTimeout);
+  };
+
+  return {
+    status,
+    message,
+    error,
+    connect,
+    disconnect,
+  };
+}
diff --git a/src/views/oneMap/BIM/WangJiaPIng.vue b/src/views/oneMap/BIM/WangJiaPIng.vue
index 207f181..d62ffc9 100644
--- a/src/views/oneMap/BIM/WangJiaPIng.vue
+++ b/src/views/oneMap/BIM/WangJiaPIng.vue
@@ -55,9 +55,9 @@
     name: '静力水准仪',
     id: `YuanDian1`,
     position: {
-      x: 0,
+      x: -0.5,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -83,9 +83,9 @@
     name: '静力水准仪',
     id: `YuanDian2`,
     position: {
-      x: 40,
+      x: -40,
       y: 0,
-      z: -0.8,
+      z: -0.5,
     },
     icon: '/Three/icon/jlszy_icon.png',
     data: [],
@@ -93,16 +93,16 @@
     pointCode: 'qGxgnkX',
     dataTime: '',
     toP: {
-      x: 23.84115813826754,
-      y: 4.51261351630611,
-      z: 13.627431159473852,
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
       duration: 2,
       ease: 'power4.out',
     },
     toC: {
-      x: 48.263595232463544,
-      y: 2.3904974662750225,
-      z: -3.6653763005726376,
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 2,
       ease: 'power4.out',
     },
@@ -111,7 +111,7 @@
     name: '应变计',
     id: `YuanDian3`,
     position: {
-      x: -37,
+      x: -37.5,
       y: 0,
       z: -0.2,
     },
@@ -162,9 +162,9 @@
     name: '加速度计',
     id: `YuanDian5`,
     position: {
-      x: 0,
+      x: 0.5,
       y: 0,
-      z: -5,
+      z: -0.5,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -190,9 +190,9 @@
     name: '加速度计',
     id: `YuanDian6`,
     position: {
-      x: -37,
+      x: -36.5,
       y: 0,
-      z: -5,
+      z: -0.2,
     },
     icon: '/Three/icon/jsdj_icon.png',
     data: [],
@@ -214,6 +214,62 @@
       ease: 'power4.out',
     },
   },
+  {
+    name: '风速风向仪',
+    id: `YuanDian7`,
+    position: {
+      x: -45.5,
+      y: 2.5,
+      z: -0.2,
+    },
+    icon: '/Three/icon/fsfx_icon.png',
+    data: [],
+    show: false,
+    pointCode: '112',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
+  {
+    name: '裂缝计',
+    id: `YuanDian8`,
+    position: {
+      x: -43.5,
+      y: -0.3,
+      z: 2,
+    },
+    icon: '/Three/icon/lfj_mx.png',
+    data: [],
+    show: false,
+    pointCode: '113',
+    dataTime: '',
+    toP: {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 2,
+      ease: 'power4.out',
+    },
+    toC: {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 2,
+      ease: 'power4.out',
+    },
+  },
 ]);
 const deviceCode = ref(null);
 const stCode = ref(null);
@@ -414,8 +470,8 @@
   // 是否开启右键拖拽
   Controls.value.enablePan = true;
   // AxesHelper：辅助观察的坐标系
-  // const axesHelper = new THREE.AxesHelper(3000);
-  // Scene.add(axesHelper);
+  const axesHelper = new THREE.AxesHelper(3000);
+  Scene.add(axesHelper);
 };
 
 /**
@@ -518,20 +574,17 @@
   if (data.name[0] == '静力水准仪') {
     // 摄像机位置
     gsap.to(Camera.value.position, {
-      x: -17.414766616979897,
-      y: 7.132760656412787,
-      z: 23.413620521050024,
-      // x: -69.16984920750228,
-      // y: 9.22906292776404,
-      // z: 14.97197297303164,
+      x: -57.41155667894531,
+      y: 6.7641604399912865,
+      z: 11.781994826043844,
       duration: 3,
       ease: 'power4.out',
     });
     // 视角
     gsap.to(Controls.value.target, {
-      x: 12.660351499015919,
-      y: 3.159510377176017,
-      z: 0.8474660132082192,
+      x: -0.6994858490355302,
+      y: 0.5764769980367779,
+      z: -15.294633781993175,
       duration: 3,
       ease: 'power4.out',
     });
@@ -554,16 +607,46 @@
     });
   } else if (data.name.includes('加速度计')) {
     gsap.to(Camera.value.position, {
-      x: -54.128536618308566,
-      y: 7.793304901368697,
-      z: 11.677764722420267,
+      x: -52.91501071801578,
+      y: 7.683177659311091,
+      z: 13.794583117848436,
       duration: 3,
       ease: 'power4.out',
     });
     gsap.to(Controls.value.target, {
-      x: -1.2994219650783805,
-      y: 0.5111824820704524,
-      z: -18.98688213983899,
+      x: -0.08589571801577686,
+      y: 0.40105465931109363,
+      z: -16.870063882151577,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('风速风向仪')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
+      duration: 3,
+      ease: 'power4.out',
+    });
+  } else if (data.name.includes('裂缝计')) {
+    gsap.to(Camera.value.position, {
+      x: -58.221584999469584,
+      y: 6.590211176632594,
+      z: 9.665579736149148,
+      duration: 3,
+      ease: 'power4.out',
+    });
+    gsap.to(Controls.value.target, {
+      x: 1,
+      y: 1,
+      z: -20,
       duration: 3,
       ease: 'power4.out',
     });
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 63fa715..b6a4878 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -5,26 +5,16 @@
       <!-- 顶部 -->
       <div
         id="oneMapHeader"
-        :class="[
-          'oneMapHeader',
-          'animate__animated',
-          showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-        ]"
+        :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
       >
         <!-- 标题 -->
         <!-- <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" /> -->
         <div id="titleFont">
-          {{
-            userStore.ZhuanTiType == 1
-              ? "延安市城市生命线安全运行监测系统"
-              : "延安市海绵监测平台"
-          }}
+          {{ userStore.ZhuanTiType == 1 ? '延安市城市生命线安全运行监测系统' : '延安市海绵监测平台' }}
         </div>
         <!-- 标题左侧展示组件 -->
         <div class="Location">
-          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
-            ><LocationFilled
-          /></el-icon>
+          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
           延安
         </div>
         <div class="Timer">
@@ -43,15 +33,9 @@
         </router-link>
       </div>
       <!-- 地图组件 -->
-      <OneMap
-        @map-click="mapClick"
-        v-if="AllData.MapShowBol"
-        :loadCallback="mapLoad"
-      ></OneMap>
+      <OneMap @map-click="mapClick" v-if="AllData.MapShowBol" :loadCallback="mapLoad"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM
-        v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
-      ></WangJiaPingBIM>
+      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.ComShowID == 4"></WangJiaPingBIM>
       <!-- 隧道BIM -->
       <Tunnel v-if="!AllData.MapShowBol && AllData.ComShowID == 5"></Tunnel>
       <!-- 降雨效果 -->
@@ -90,11 +74,7 @@
         :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']"
         v-if="AllData.MapShowBol"
       />
-      <LayerControl
-        v-if="AllData.MapShowBol"
-        :ShowTuCheng="ShowTuCheng"
-        :showPanel="showPanel"
-      ></LayerControl>
+      <LayerControl v-if="AllData.MapShowBol" :ShowTuCheng="ShowTuCheng" :showPanel="showPanel"></LayerControl>
       <!-- 四色图图例 -->
       <img
         id="SiSeTu"
@@ -103,42 +83,17 @@
         v-if="AllData.SiSeTuBol"
       />
       <!-- 1:总体概览 -->
-      <ComZTGL
-        v-if="AllData.ComShowID == 1"
-        :isActive="AllData.ComShowID == 1 ? true : false"
-        :showPanel="showPanel"
-      ></ComZTGL>
+      <ComZTGL v-if="AllData.ComShowID == 1" :isActive="AllData.ComShowID == 1 ? true : false" :showPanel="showPanel"></ComZTGL>
       <!-- 2:智慧燃气 -->
-      <ComZHRQ
-        v-if="AllData.ComShowID == 2"
-        :isActive="AllData.ComShowID == 2 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHRQ>
+      <ComZHRQ v-if="AllData.ComShowID == 2" :isActive="AllData.ComShowID == 2 ? true : false" :showPanel="showPanel"></ComZHRQ>
       <!-- 3:智慧排水 -->
-      <ComZHPS
-        v-if="AllData.ComShowID == 3"
-        :isActive="AllData.ComShowID == 3 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHPS>
+      <ComZHPS v-if="AllData.ComShowID == 3" :isActive="AllData.ComShowID == 3 ? true : false" :showPanel="showPanel"></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL
-        v-if="AllData.ComShowID == 4"
-        :isActive="AllData.ComShowID == 4 ? true : false"
-        :showPanel="showPanel"
-      >
-      </ComZHQL>
+      <ComZHQL v-if="AllData.ComShowID == 4" :isActive="AllData.ComShowID == 4 ? true : false" :showPanel="showPanel"> </ComZHQL>
       <!-- 5:智慧隧道 -->
-      <ComZHSD
-        v-if="AllData.ComShowID == 5"
-        :isActive="AllData.ComShowID == 5 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHSD>
+      <ComZHSD v-if="AllData.ComShowID == 5" :isActive="AllData.ComShowID == 5 ? true : false" :showPanel="showPanel"></ComZHSD>
       <!-- 6:智慧海绵 -->
-      <ComZHHM
-        v-if="AllData.ComShowID == 6"
-        :isActive="AllData.ComShowID == 6 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHHM>
+      <ComZHHM v-if="AllData.ComShowID == 6" :isActive="AllData.ComShowID == 6 ? true : false" :showPanel="showPanel"></ComZHHM>
       <!-- 智慧海绵-监测分析 -->
       <ZHHMJCFX
         v-if="AllData.ComShowID == 61"
@@ -152,11 +107,7 @@
         :showPanel="showPanel"
       ></ZHHMJSPG>
       <!-- 7:防洪排涝 -->
-      <ComFHPL
-        v-if="AllData.ComShowID == 7"
-        :isActive="AllData.ComShowID == 7 ? true : false"
-        :showPanel="showPanel"
-      ></ComFHPL>
+      <ComFHPL v-if="AllData.ComShowID == 7" :isActive="AllData.ComShowID == 7 ? true : false" :showPanel="showPanel"></ComFHPL>
     </div>
     <!-- 底部菜单 -->
     <div id="BottomMenuBox">
@@ -166,11 +117,7 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="[
-          'MenuList' + index,
-          'animate__animated',
-          showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp',
-        ]"
+        :class="['MenuList' + index, 'animate__animated', showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp']"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -184,10 +131,7 @@
 
           <!-- 二级菜单 -->
           <!-- <Transition name="slide-fade2"> -->
-          <div
-            v-show="AllData.ErJiMenuShowID == item.id && !!item.children"
-            class="ErJiMenuBox"
-          >
+          <div v-show="AllData.ErJiMenuShowID == item.id && !!item.children" class="ErJiMenuBox">
             <span
               class="ErJiMenuList"
               :class="AllData.ErJiMenuCheckID == item2.id ? 'ErJiMenuCheck' : ''"
@@ -206,11 +150,7 @@
     <Voice :ComShowID="AllData.ComShowID"></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun
-    :RYdialogShow="AllData.RYDialog"
-    :ZhuDongBoHao="AllData.ZhuDongBoHao"
-    @OneDialogHide="dialogHide"
-  ></ModelRongYun>
+  <ModelRongYun :RYdialogShow="AllData.RYDialog" :ZhuDongBoHao="AllData.ZhuDongBoHao" @OneDialogHide="dialogHide"></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -233,66 +173,83 @@
 </template>
 
 <script setup name="oneMapIndex">
-import bus from "@/bus";
-import request from "@/utils/request";
-import { fullscreenToggel } from "@/utils/util";
-import { ref, reactive, toRefs, onMounted } from "vue";
+import bus from '@/bus';
+import request from '@/utils/request';
+import { fullscreenToggel } from '@/utils/util';
+import { ref, reactive, toRefs, onMounted } from 'vue';
 
-import useUserStore from "@/store/modules/user";
+import useUserStore from '@/store/modules/user';
 const userStore = useUserStore();
 // 菜单的图片资源
-import ZTGL from "@/assets/images/Sponge_screen/menu/ZTGL.png";
-import AC_ZTGL from "@/assets/images/Sponge_screen/menu/AC_ZTGL.png";
-import ZHRQ from "@/assets/images/Sponge_screen/menu/ZHRQ.png";
-import AC_ZHRQ from "@/assets/images/Sponge_screen/menu/AC_ZHRQ.png";
-import ZHPS from "@/assets/images/Sponge_screen/menu/ZHPS.png";
-import AC_ZHPS from "@/assets/images/Sponge_screen/menu/AC_ZHPS.png";
-import ZHQL from "@/assets/images/Sponge_screen/menu/ZHQL.png";
-import AC_ZHQL from "@/assets/images/Sponge_screen/menu/AC_ZHQL.png";
-import ZHSD from "@/assets/images/Sponge_screen/menu/ZHSD.png";
-import AC_ZHSD from "@/assets/images/Sponge_screen/menu/AC_ZHSD.png";
-import ZHHM from "@/assets/images/Sponge_screen/menu/ZHHM.png";
-import AC_ZHHM from "@/assets/images/Sponge_screen/menu/AC_ZHHM.png";
-import JSPG from "@/assets/images/Sponge_screen/menu/JSPG.png";
-import AC_JSPG from "@/assets/images/Sponge_screen/menu/AC_JSPG.png";
-import JCFX from "@/assets/images/Sponge_screen/menu/JCFX.png";
-import AC_JCFX from "@/assets/images/Sponge_screen/menu/AC_JCFX.png";
+import ZTGL from '@/assets/images/Sponge_screen/menu/ZTGL.png';
+import AC_ZTGL from '@/assets/images/Sponge_screen/menu/AC_ZTGL.png';
+import ZHRQ from '@/assets/images/Sponge_screen/menu/ZHRQ.png';
+import AC_ZHRQ from '@/assets/images/Sponge_screen/menu/AC_ZHRQ.png';
+import ZHPS from '@/assets/images/Sponge_screen/menu/ZHPS.png';
+import AC_ZHPS from '@/assets/images/Sponge_screen/menu/AC_ZHPS.png';
+import ZHQL from '@/assets/images/Sponge_screen/menu/ZHQL.png';
+import AC_ZHQL from '@/assets/images/Sponge_screen/menu/AC_ZHQL.png';
+import ZHSD from '@/assets/images/Sponge_screen/menu/ZHSD.png';
+import AC_ZHSD from '@/assets/images/Sponge_screen/menu/AC_ZHSD.png';
+import ZHHM from '@/assets/images/Sponge_screen/menu/ZHHM.png';
+import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
+import JSPG from '@/assets/images/Sponge_screen/menu/JSPG.png';
+import AC_JSPG from '@/assets/images/Sponge_screen/menu/AC_JSPG.png';
+import JCFX from '@/assets/images/Sponge_screen/menu/JCFX.png';
+import AC_JCFX from '@/assets/images/Sponge_screen/menu/AC_JCFX.png';
 // 引用地图
-import OneMap from "./map/newfiberMapBox.vue";
+import OneMap from './map/newfiberMapBox.vue';
 
 // 引用王家坪大桥BIm
-import WangJiaPingBIM from "./BIM/WangJiaPIng.vue";
+import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
 // 引用隧道BIm
-import Tunnel from "./BIM/Tunnel.vue";
+import Tunnel from './BIM/Tunnel.vue';
 // 引用语音识别
-import Voice from "./../voice/recordPage/index.vue";
+import Voice from './../voice/recordPage/index.vue';
 // 引入融云通讯录
-import ModelRongYun from "@/views/RongyunCommunication/ModelRongYun/index.vue"; //融云调用
+import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
 // 子系统引入
-import ComZTGL from "./components/ZTGL.vue"; //总体概览
-import ComZHRQ from "./components/ZHRQ.vue"; //智慧燃气
-import ComZHPS from "./components/ZHPS.vue"; //智慧排水
-import ComZHQL from "./components/ZHQL.vue"; //智慧桥梁
-import ComZHSD from "./components/ZHSD.vue"; //智慧隧道
-import ComZHHM from "./components/ZHHM.vue"; //智慧海绵
-import ComFHPL from "./components/FHPL.vue"; //防洪排涝
-import ZHHMJCFX from "./components/ZHHM_JCFX.vue"; //智慧海绵-监测分析
-import ZHHMJSPG from "./components/ZHHM_JSPG.vue"; //智慧海绵-建设评估
-import PopupInfo from "@/views/oneMap/components/mapboxPopup.vue"; //地图标注点弹窗
-import dynamicInformation from "@/views/oneMap/components/dynamicInformation.vue"; //地图标注点弹窗
+import ComZTGL from './components/ZTGL.vue'; //总体概览
+import ComZHRQ from './components/ZHRQ.vue'; //智慧燃气
+import ComZHPS from './components/ZHPS.vue'; //智慧排水
+import ComZHQL from './components/ZHQL.vue'; //智慧桥梁
+import ComZHSD from './components/ZHSD.vue'; //智慧隧道
+import ComZHHM from './components/ZHHM.vue'; //智慧海绵
+import ComFHPL from './components/FHPL.vue'; //防洪排涝
+import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
+import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
+import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import dynamicInformation from '@/views/oneMap/components/dynamicInformation.vue'; //地图标注点弹窗
 // 降雨效果
-import CanvasRain from "@/views/oneMap/cityGK/canvasRain.vue"; //降雨效果
+import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板
-import LayerControl from "@/views/oneMap/LayerControl/LayerControl.vue"; //图层控制面板
+import LayerControl from '@/views/oneMap/LayerControl/LayerControl.vue'; //图层控制面板
 // 前端共同弹窗
-import DialogTabs from "@/views/DialogTabs/dialogTabs.vue";
+import DialogTabs from '@/views/DialogTabs/dialogTabs.vue';
 // 左右滑动
-import ZuoYou1 from "@/assets/images/Sponge_screen/ZuoYou1.png";
-import ZuoYou2 from "@/assets/images/Sponge_screen/ZuoYou2.png";
-import xtb_img from "@/assets/newImgs/selectedLocation.png";
-import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import ZuoYou1 from '@/assets/images/Sponge_screen/ZuoYou1.png';
+import ZuoYou2 from '@/assets/images/Sponge_screen/ZuoYou2.png';
+import xtb_img from '@/assets/newImgs/selectedLocation.png';
+import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
 // 公共弹窗保存的数据
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import dialogTabsStore from '@/store/modules/dialogTabs';
+
+//
+const useSocket = inject('useSocket');
+
+watch(
+  () => useSocket.chatMessage.value,
+  (newVal, oldVal) => {
+    console.log('更新---------', newVal);
+    if (newVal.type == 'warnInfo') {
+      // 地图操作
+    }
+  },
+  {
+    // immediate: true,
+    deep: true,
+  }
+);
 
 const useDialogTabs = dialogTabsStore();
 
@@ -303,8 +260,8 @@
 const times = ref(null);
 const weather = ref({
   temperature: null,
-  imgNum: "",
-  text: "",
+  imgNum: '',
+  text: '',
 });
 const showPanel = ref(false);
 const showPanel2 = ref(false);
@@ -393,71 +350,71 @@
 // 公共弹窗
 const dialogConfig = reactive({
   visible: false,
-  getSiteId: "",
-  SiteNo: "",
+  getSiteId: '',
+  SiteNo: '',
   data: {},
-  comIDs: ["spjk"],
+  comIDs: ['spjk'],
   customData: [],
-  RefName: "",
-  title: "详情",
+  RefName: '',
+  title: '详情',
 });
 onBeforeMount(() => {
-  console.log("ZhuanTiType", userStore.ZhuanTiType);
+  console.log('ZhuanTiType', userStore.ZhuanTiType);
   if (userStore.ZhuanTiType == 1) {
     // 城市生命线
     AllData.MenuListData = [
       {
-        name: "总体概览",
+        name: '总体概览',
         iocn: ZTGL,
         AC_icon: AC_ZTGL,
         id: 1,
-        moduleType: "",
-        Layers: ["路网", "河流水系", "三维建筑"],
+        moduleType: '',
+        Layers: ['路网', '河流水系', '三维建筑'],
       },
       {
-        name: "燃   气",
+        name: '燃   气',
         iocn: ZHRQ,
         AC_icon: AC_ZHRQ,
         id: 2,
-        moduleType: "Gas",
-        Layers: ["干管", "主管", "干管流向", "主管流向", "燃气监测"],
+        moduleType: 'Gas',
+        Layers: ['干管', '主管', '干管流向', '主管流向', '燃气监测'],
       },
       {
-        name: "排   水",
+        name: '排   水',
         iocn: ZHPS,
         AC_icon: AC_ZHPS,
         id: 3,
-        moduleType: "drainage",
-        Layers: ["排水监测", "雨水管网流向"],
+        moduleType: 'drainage',
+        Layers: ['排水监测', '雨水管网流向'],
         children: [
           {
-            name: "排水分析",
+            name: '排水分析',
             id: 3,
-            moduleType: "drainage",
+            moduleType: 'drainage',
             Layers: [],
           },
           {
-            name: "防汛排涝",
+            name: '防汛排涝',
             id: 7,
-            moduleType: "flood_drainage",
+            moduleType: 'flood_drainage',
             Layers: [],
           },
         ],
       },
       {
-        name: "桥    梁",
+        name: '桥    梁',
         iocn: ZHQL,
         AC_icon: AC_ZHQL,
         id: 4,
-        moduleType: "bridge",
+        moduleType: 'bridge',
         Layers: [],
       },
       {
-        name: "隧    道",
+        name: '隧    道',
         iocn: ZHSD,
         AC_icon: AC_ZHSD,
         id: 5,
-        moduleType: "tunnel",
+        moduleType: 'tunnel',
         Layers: [],
       },
     ];
@@ -465,19 +422,19 @@
     // 海绵
     AllData.MenuListData = [
       {
-        name: "城市概览",
+        name: '城市概览',
         iocn: ZHHM,
         AC_icon: AC_ZHHM,
         id: 6,
       },
       {
-        name: "监测分析",
+        name: '监测分析',
         iocn: JCFX,
         AC_icon: AC_JCFX,
         id: 61,
       },
       {
-        name: "建设评估",
+        name: '建设评估',
         iocn: JSPG,
         AC_icon: AC_JSPG,
         id: 62,
@@ -491,10 +448,10 @@
 onMounted(() => {
   fullscreenToggel();
   AllData.BottmBackGroundShow = true;
-  console.log(AllData.BottmBackGroundShow, "AllData.BottmBackGroundShow");
-  bus.emit("BottomHidden", AllData.BottmBackGroundShow);
+  console.log(AllData.BottmBackGroundShow, 'AllData.BottmBackGroundShow');
+  bus.emit('BottomHidden', AllData.BottmBackGroundShow);
   // 降雨特征点击
-  bus.on("checkRainL", (params) => {
+  bus.on('checkRainL', params => {
     if (params == 1) {
       showRainFlow.value = false;
     } else {
@@ -502,7 +459,7 @@
     }
   });
   // 底部隐藏
-  bus.on("checkBottom", (params) => {
+  bus.on('checkBottom', params => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -510,17 +467,17 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog", (params) => {
+  bus.on('publicDialog', params => {
     dialogConfig.getSiteId = params.getSiteId;
     dialogConfig.SiteNo = params.SiteNo;
     dialogConfig.RefName = params.RefName;
-    dialogConfig.title = params.title ?? "详情";
+    dialogConfig.title = params.title ?? '详情';
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
     // 打开弹窗
     dialogConfig.visible = true;
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog_Close", (params) => {
+  bus.on('publicDialog_Close', params => {
     // 打开弹窗
     dialogConfig.visible = false;
   });
@@ -530,14 +487,14 @@
   currentTime();
   //initRainImage();
   // 打开融云通讯录主动拨号
-  bus.on("OpenRY", (params) => {
+  bus.on('OpenRY', params => {
     // AllData.ZhuDongBoHao = true;
     AllData.RYDialog = true;
-    bus.emit("showRy");
+    bus.emit('showRy');
   });
 
   // 切换专题图
-  bus.on("ChangeZhuanTiTu", (params) => {
+  bus.on('ChangeZhuanTiTu', params => {
     if (params.num == 1) {
       // 一级
       MenuClick(params.MenuData1);
@@ -547,23 +504,23 @@
     }
   });
   // 切换面板显示隐藏
-  bus.on("changeShowPanel", (params) => {
+  bus.on('changeShowPanel', params => {
     showPanel.value = params;
   });
   // 四色图图例显示隐藏
-  bus.on("SiSeTuBol", (params) => {
+  bus.on('SiSeTuBol', params => {
     AllData.SiSeTuBol = params;
   });
 });
 onBeforeUnmount(() => {
-  bus.off("BottomHidden");
-  bus.off("publicDialog");
-  bus.off("publicDialog_Close");
-  bus.off("OpenRY");
-  bus.off("ChangeZhuanTiTu");
-  bus.off("checkRainL");
-  bus.off("changeShowPanel");
-  bus.off("SiSeTuBol");
+  bus.off('BottomHidden');
+  bus.off('publicDialog');
+  bus.off('publicDialog_Close');
+  bus.off('OpenRY');
+  bus.off('ChangeZhuanTiTu');
+  bus.off('checkRainL');
+  bus.off('changeShowPanel');
+  bus.off('SiSeTuBol');
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -586,9 +543,9 @@
   } else {
     AllData.MapShowBol = true;
     // 点击菜单时隐藏所有图层
-    bus.emit("clearAllLayer");
+    bus.emit('clearAllLayer');
     // 打开默认的菜单
-    bus.emit("SetLayerShow", item.Layers);
+    bus.emit('SetLayerShow', item.Layers);
   }
 };
 // 二级菜单点击
@@ -612,10 +569,10 @@
 const toRYBox = () => {
   AllData.RYDialog = true;
   AllData.ZhuDongBoHao = false;
-  bus.emit("showRy");
+  bus.emit('showRy');
 };
 // 关闭融云通讯录弹窗
-const dialogHide = (val) => {
+const dialogHide = val => {
   if (!val) {
     AllData.RYDialog = false;
     AllData.ZhuDongBoHao = false;
@@ -623,20 +580,20 @@
 };
 //地图点击事件
 const mapClick = async (point, properties, feature) => {
-  console.log("point", point);
-  console.log("properties", properties);
-  console.log("feature---", feature);
+  console.log('point', point);
+  console.log('properties', properties);
+  console.log('feature---', feature);
   if (!feature) {
     let currentZoom = newfiberMapbox.map.getZoom();
-    console.log("currentZoom--", currentZoom);
+    console.log('currentZoom--', currentZoom);
     if (currentZoom >= 18) {
       let clickPoint = turf.point(point);
-      let positionAddress = "";
+      let positionAddress = '';
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.BD09);
-      console.log("clickPoint---", clickPoint, clickPoint.geometry.coordinates);
+      console.log('clickPoint---', clickPoint, clickPoint.geometry.coordinates);
       let data = await request({
         url: `/bdApi//baiduservice/panorama`,
-        method: "GET",
+        method: 'GET',
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
           fov: 180,
@@ -645,61 +602,54 @@
         },
       });
       if (data && data.data) {
-        data.data.base64 = "data:image/jpeg;base64," + data.data.base64;
+        data.data.base64 = 'data:image/jpeg;base64,' + data.data.base64;
       }
-      console.log("data----", data);
+      console.log('data----', data);
       gcoord.transform(clickPoint, gcoord.BD09, gcoord.WGS84);
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.GCJ02);
       let regeodata = await request({
         url: `/amap/v3/geocode/regeo`,
-        method: "GET",
+        method: 'GET',
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
-          key: "76eac14980622704ba95c1bf080f3b4c",
+          key: '76eac14980622704ba95c1bf080f3b4c',
           radius: 100,
-          extensions: "all",
-          output: "json",
+          extensions: 'all',
+          output: 'json',
         },
       });
-      if (regeodata.info === "OK") {
-        console.log("坐标返地名data----", data);
+      if (regeodata.info === 'OK') {
+        console.log('坐标返地名data----', data);
         positionAddress = regeodata.regeocode.formatted_address;
       }
       gcoord.transform(clickPoint, gcoord.GCJ02, gcoord.WGS84);
-      mapBoxVectorLayer.removeByIds(["clickPoint"]);
-      mapBoxVectorLayer.addGeojsonSymbol(
-        "clickPoint",
-        turf.featureCollection([clickPoint]),
-        xtb_img,
-        0.8
-      );
+      mapBoxVectorLayer.removeByIds(['clickPoint']);
+      mapBoxVectorLayer.addGeojsonSymbol('clickPoint', turf.featureCollection([clickPoint]), xtb_img, 0.8);
       data.roadName = positionAddress;
-      bus.emit("popupcontent", {
+      bus.emit('popupcontent', {
         popupShow: true,
         point: point,
         popupInfo: data,
       });
     } else {
-      mapBoxVectorLayer.removeByIds(["clickPoint"]);
-      bus.emit("closeCesiumPopup");
+      mapBoxVectorLayer.removeByIds(['clickPoint']);
+      bus.emit('closeCesiumPopup');
     }
   }
   if (properties) {
-    if (feature == "rq_pipeline_info") {
-      if (!!newfiberMapbox.getLayerByName("rqLine")) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
+    if (feature == 'rq_pipeline_info') {
+      if (!!newfiberMapbox.getLayerByName('rqLine')) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
       }
-      let rqLine = turf.featureCollection([
-        turf.feature(Terraformer.WKT.parse(properties.geometry)),
-      ]);
+      let rqLine = turf.featureCollection([turf.feature(Terraformer.WKT.parse(properties.geometry))]);
       let layer = new mapboxL7.LineLayer({
-        name: "rqLine",
+        name: 'rqLine',
       })
         .source(rqLine)
         .size(4)
-        .shape("line")
-        .texture("arrow")
-        .color("rgb(241, 159, 27)")
+        .shape('line')
+        .texture('arrow')
+        .color('rgb(241, 159, 27)')
         .animate({
           interval: 2, // 间隔
           duration: 2, // 持续时间，延时
@@ -710,11 +660,11 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 50, // 设置贴图纹理的间距
           borderWidth: 0, // 默认文 0，最大有效值为 0.5
-          borderColor: "#fff", // 默认为 #ccc
+          borderColor: '#fff', // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     }
-    bus.emit("popupcontent", {
+    bus.emit('popupcontent', {
       popupShow: true,
       point: point,
       popupInfo: properties,
@@ -729,20 +679,12 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array(
-    "星期日",
-    "星期一",
-    "星期二",
-    "星期三",
-    "星期四",
-    "星期五",
-    "星期六"
-  );
+  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -765,11 +707,11 @@
   // }
 };
 // 二级菜单展示
-const handleMouseEnter = (item) => {
+const handleMouseEnter = item => {
   AllData.ErJiMenuShowID = item.id;
 };
 // 二级菜单展示
-const handleMouseLeave = (item) => {
+const handleMouseLeave = item => {
   AllData.ErJiMenuShowID = null;
 };
 
@@ -779,7 +721,7 @@
 
 // 公共弹窗关闭后事件
 const handleClosed = () => {
-  console.log("clear all");
+  console.log('clear all');
 
   useDialogTabs.clear();
 };
@@ -803,7 +745,7 @@
     #oneMapHeader {
       width: 100%;
       height: 100px;
-      background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
       background-size: cover;
       z-index: 100;
       position: absolute;
@@ -887,17 +829,17 @@
         cursor: pointer;
       }
       .goHome {
-        background: url("@/assets/images/Sponge_screen/gb_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/gb_btn.png') no-repeat center;
         background-size: contain;
         right: 150px;
       }
       .goUser_com {
-        background: url("@/assets/images/Sponge_screen/hs_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/hs_btn.png') no-repeat center;
         background-size: contain;
         right: 100px;
       }
       .goClose_com {
-        background: url("@/assets/images/Sponge_screen/sy_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/sy_btn.png') no-repeat center;
         background-size: contain;
         right: 50px;
       }
@@ -969,7 +911,7 @@
       bottom: 0;
       width: 952px;
       height: 53px;
-      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
       background-size: cover;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -1023,11 +965,7 @@
             display: inline-block;
             margin: 5px 0;
             width: 147px;
-            background: linear-gradient(
-              0deg,
-              rgba(1, 86, 126, 1) 0%,
-              rgba(43, 123, 159, 0.8) 100%
-            );
+            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 0.8) 100%);
             border-radius: 20px;
             &:hover {
               color: #ffd97f;
@@ -1038,11 +976,7 @@
             font-weight: bold;
             font-size: 14px;
             color: #ffd97f;
-            background: linear-gradient(
-              0deg,
-              rgba(1, 86, 126, 1) 0%,
-              rgba(43, 123, 159, 1) 100%
-            );
+            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 1) 100%);
           }
 
           .ErJiMenuJT {
@@ -1106,7 +1040,7 @@
     height: 800px;
     border: 1px solid rgba(21, 140, 253, 1);
     .el-dialog__header {
-      background: url("@/assets/images/Sponge_screen/DialogTitleBG.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/DialogTitleBG.png') no-repeat center;
       background-size: cover;
       padding: 0;
       height: 60px;
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
index 005f547..e5aff79 100644
--- a/src/views/oneMap/smartTunnel/LeftBox.vue
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -100,7 +100,7 @@
   },
 
   {
-    name: ['光纤光栅', '应变计'],
+    name: ['应变计'],
     icon: ybj_icon,
     num: '1/45',
     activeNum: '1',
@@ -114,7 +114,7 @@
   //   allNum: '5',
   // },
   {
-    name: ['光纤光栅', '裂缝计'],
+    name: ['裂缝计'],
     icon: lfj_icon,
     num: '1/27',
     activeNum: '1',
diff --git a/src/views/order/components/orderDia.vue b/src/views/order/components/orderDia.vue
index 277bccf..f30b4a9 100644
--- a/src/views/order/components/orderDia.vue
+++ b/src/views/order/components/orderDia.vue
@@ -510,7 +510,7 @@
 import phone_icon from '@/assets/images/order/phone_icon.png';
 import no_phone from '@/assets/images/order/no_phone.png';
 import shortMessage_icon from '@/assets/images/order/shortMessage_icon.png';
-import { getWorkOrder, listHistoryData, submitWorkOrder } from '@/api/order';
+import { getWorkOrder, listHistoryData, submitWorkOrder, listWorkOrderNextUser } from '@/api/order';
 import bus from '@/bus';
 import useUserStore from '@/store/modules/user';
 import useOrderStore from '@/store/modules/order';
@@ -554,6 +554,7 @@
 const confirmFormRef = ref();
 const infoLoading = ref(false);
 const orderData = reactive({
+  phonesCall: '',
   orderRobotId: '',
   queryParams: {
     pageNum: 1,
@@ -634,7 +635,7 @@
   },
 });
 
-const { rules, orderForm, handleProcess, confirmForm, historyParams, queryParams, orderRobotId } = toRefs(orderData);
+const { rules, orderForm, handleProcess, confirmForm, historyParams, queryParams, orderRobotId, phonesCall } = toRefs(orderData);
 
 // 详情
 const getDetail = () => {
@@ -696,16 +697,9 @@
 const orderCall = item => {
   if (!is_phone.value) return;
 
-  let phonesCall = useOrder.userList.reduce((pre, val, index) => {
-    if (val.phonenumber) {
-      pre += val.phonenumber + ',';
-    }
-    return pre;
-  }, '');
-
   let params = {
     robotId: orderRobotId.value,
-    phones: phonesCall.slice(0, -1),
+    phones: phonesCall.value,
     templateDesc: { title: '延安城市生命线通知', notice: '请尽快处理相关工单内容' },
   };
 
@@ -763,9 +757,19 @@
   });
 }
 
+// 获取传递phone数组
+const getPhone = () => {
+  listWorkOrderNextUser({ workOrderId: props.orderId }).then(res => {
+    // console.log('0--------------------0', res.data[0].phonenumber);
+
+    phonesCall.value = res.data[0].phonenumber;
+  });
+};
+
 onMounted(() => {
   useOrder.getUserList({ workOrderId: props.orderId });
   getList();
+  getPhone();
   if (props.status == 'xiangqing') {
     getHistoryData();
   }