From 4c390d209b45d516fbe2f7552d26048687c83972 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Wed, 05 Aug 2026 14:29:25 +0800
Subject: [PATCH] feat:tab切换太快的时候内容不对应
---
uniapps/work-app/src/hooks/useGlobalWS.js | 165 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 101 insertions(+), 64 deletions(-)
diff --git a/uniapps/work-app/src/hooks/useGlobalWS.js b/uniapps/work-app/src/hooks/useGlobalWS.js
index 0026451..451a1e6 100644
--- a/uniapps/work-app/src/hooks/useGlobalWS.js
+++ b/uniapps/work-app/src/hooks/useGlobalWS.js
@@ -1,6 +1,7 @@
import { useUserStore } from "@/store/index.js";
import useAppStore from "../store/modules/app/index.js";
import websocketService from "@/utils/websocket.js";
+import { getPhoneBookListApi } from '@/api/voiceCall/index.js'
// #ifdef APP-PLUS
import { openDialog, allowFloat, getBatteryCapacity, showIncomingCallNotification, cancelIncomingCallNotification } from '@/uni_modules/lgh-dialog'
// #endif
@@ -10,46 +11,92 @@
const callStatus = ref(null)
// token 存储
const accessToken = ref('')
+ // 断线恢复定时器
+ let recoverTimer = null
// 存储铃声实例
let ringtoneInstance = null
+
+ // 监听WebView消息事件
+ if (typeof uni !== 'undefined' && uni.$on) {
+ uni.$on('webViewMessage', (data) => {
+ console.log('📨 useGlobalWS 收到 WebView 消息:', data)
+ // 处理挂断消息
+ if (data?.type === 'hangupVoice') {
+ initWS()
+ }
+ });
+ }
// 设置默认用户ID为3
const defaultUserId = '2021474815063486465';
// WebSocket基础URL
// const WS_BASE = 'wss://wrj.shuixiongit.com/ws/chat?userId=';
- const WS_BASE = 'ws://218.202.104.82:38201/ws/chat';
+ // const WS_BASE = 'ws://218.202.104.82:38201/ws/chat';
+ const WS_BASE = 'ws://220.177.172.27:8100/webrtc/ws/chat';
- // 消息处理
- function messageHandler(payload) {
+ // 获取通讯录数据
+ async function fetchContactList() {
+ try {
+ const params = {
+ current: 1,
+ size: 1000, // 一次性获取更多数据
+ nickName: ''
+ };
+ const res = await getPhoneBookListApi(params);
+ const response = res.data.data;
+ // 过滤掉与当前登录用户userId一致的联系人
+ const filteredRecords = response.records.filter(contact => {
+ return contact.userId && String(contact.userId) !== String(userStore.userInfo.new_userInfo.userId);
+ });
+ // 更新通讯录到全局状态管理
+ appStore.updateContactList(filteredRecords);
+ return filteredRecords;
+ } catch (error) {
+ console.error('📞 获取通讯录失败:', error);
+ return [];
+ }
+ }
+
+ // 消息处理
+ async function messageHandler(payload) {
+
// 先尝试直接处理消息（适用于mobile-web-view的voiceCallDetail页面的消息格式）
const t = (payload.type || '').toString()
callStatus.value = t
// 处理语音通话请求
if (t === 'call') {
console.log('📞 全局收到来电 call，来自', payload.from)
+ // 如果通讯录为空，尝试获取一次
+ if (appStore.contactList.length === 0) {
+ await fetchContactList();
+ }
+
+ // 从全局状态管理中获取联系人信息
+ const contact = appStore.getContactByUserId(payload.from)
+ const callerName = contact?.nickName || '未知联系人'
// 触发震动
- triggerVibration();
+ // triggerVibration();
// 构建来电参数
const callParams = {
peerUid: payload.from,
from: payload.from,
- type: 'incoming'
+ type: 'incoming',
+ callerName: callerName
};
// #ifdef APP-PLUS
// 发送来电通知（锁屏/后台都会弹出 + 亮屏）
- showIncomingCallNotification(payload.from || '未知来电')
+ showIncomingCallNotification(callerName || '未知来电')
// 拉起应用到前台
openDialog()
// #endif
// 转义参数以便在URL中传递
const encodedParams = encodeURIComponent(JSON.stringify(callParams));
-
try {
// 优先使用uni-app的导航API（适用于同应用内跳转）
if (typeof uni !== 'undefined' && uni.navigateTo) {
- uni.navigateTo({
- url: `/subPackages/voiceCallDetail/index?voiceparams=${encodedParams}`,
- });
+ uni.navigateTo({
+ url: `/subPackages/voiceCallDetail/index?voiceparams=${encodedParams}`,
+ });
} else {
console.error('无法跳转到语音通话页面：当前环境不支持导航');
}
@@ -58,30 +105,7 @@
}
return
}
- // 通话接听或结束时，取消来电通知
- if (t === 'accept' || t === 'reject' || t === 'hangup' || t === 'cancel') {
- // #ifdef APP-PLUS
- cancelIncomingCallNotification()
- // #endif
- }
}
-
- // 播放来电铃声 - 定义在 messageHandler 外部
- // function playRingtone() {
- // try {
- // if (typeof uni !== 'undefined' && uni.createInnerAudioContext) {
- // const ringtone = uni.createInnerAudioContext();
- // // 使用默认铃声，注意路径写法
- // ringtone.src = '/static/audio/ringtone.mp3';
- // ringtone.loop = true;
- // ringtone.volume = 0.8;
- // ringtone.play();
- // // 存储铃声实例
- // ringtoneInstance = ringtone; // 使用局部变量而不是window
- // }
- // } catch (error) {
- // }
- // }
// 触发震动
function triggerVibration() {
@@ -121,53 +145,64 @@
}
}
- // 停止铃声
- // function stopRingtone() {
- // try {
- // if (ringtoneInstance) {
- // ringtoneInstance.stop();
- // ringtoneInstance.destroy();
- // ringtoneInstance = null;
- // }
- // } catch (error) {
- // // 即使出错也重置实例
- // ringtoneInstance = null;
- // }
- // }
- //
- // // 监听停止铃声事件
- // if (typeof uni !== 'undefined' && uni.$on) {
- // uni.$on('stopRingtone', stopRingtone);
- // // 监听WebView消息事件
- // uni.$on('webViewMessage', (data) => {
- // // 检查是否是停止铃声消息
- // if (data?.type === 'stopVoice') {
- // stopRingtone();
- // console.log('📳 收到WebView停止铃声消息，已停止铃声');
- //
- // }
- // });
- // }
// 初始化WebSocket连接
+ function isVoiceCallDetailActive() {
+ try {
+ const pages = getCurrentPages()
+ const currentPage = pages[pages.length - 1]
+ const route = currentPage?.route || currentPage?.$page?.fullPath || ''
+ return String(route).includes('subPackages/voiceCallDetail/index')
+ } catch (error) {
+ return false
+ }
+ }
+
+ function shouldRecoverWS() {
+ return !isVoiceCallDetailActive() && !!useUserStore()?.userInfo?.access_token
+ }
+
+ function ensureRecoverTimer() {
+ if (recoverTimer) {
+ return
+ }
+ recoverTimer = setInterval(() => {
+ if (shouldRecoverWS() && !websocketService.getConnected()) {
+ initWS()
+ }
+ }, 3000)
+ }
+
function initWS() {
+ websocketService.close()
const userStore = useUserStore()
accessToken.value =userStore?.userInfo.access_token
+ if (!accessToken.value || isVoiceCallDetailActive()) {
+ return
+ }
try {
websocketService.setOnMessageCallback(messageHandler);
+ websocketService.setOnOpenCallback(() => {})
+ websocketService.setOnCloseCallback(() => {
+ if (shouldRecoverWS()) {
+ ensureRecoverTimer()
+ }
+ })
+ websocketService.setOnErrorCallback(() => {
+ if (shouldRecoverWS()) {
+ ensureRecoverTimer()
+ }
+ })
// 获取当前用户ID，优先使用store中的用户信息
const userId = userStore.userInfo?.new_userInfo.userId || defaultUserId;
- console.log('🌐 全局WebSocket初始化开始，用户ID:', userId)
+ // console.log('🌐 全局WebSocket初始化开始，用户ID:', userId)
// 检查是否已经有活跃的WebSocket连接
if (!websocketService.getConnected() || websocketService.userId !== userId) {
// 使用用户ID初始化WebSocket连接
websocketService.init(userId, WS_BASE, accessToken.value);
// console.log('🌐 全局WebSocket初始化成功，用户ID:', userId);
- } else {
- websocketService.connect();
-
}
} catch (error) {
}
@@ -183,6 +218,8 @@
},
{ immediate: true, deep: true }
)
+
+ ensureRecoverTimer()
}
--
Gitblit v1.9.3