From 89380e6260a75d1d3b94de687ebcc2f50d50659d Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 03 Feb 2026 15:44:33 +0800
Subject: [PATCH] feat:环境变量配置调整
---
applications/mobile-web-view/src/appPages/voiceCallDetail/index.vue | 88 +++++++++++++++++++++++++++++++++-----------
1 files changed, 66 insertions(+), 22 deletions(-)
diff --git a/applications/mobile-web-view/src/appPages/voiceCallDetail/index.vue b/applications/mobile-web-view/src/appPages/voiceCallDetail/index.vue
index e0f8098..fb4aff4 100644
--- a/applications/mobile-web-view/src/appPages/voiceCallDetail/index.vue
+++ b/applications/mobile-web-view/src/appPages/voiceCallDetail/index.vue
@@ -23,11 +23,12 @@
<div class="status-group">
<strong v-if="state==='ringing'" class="status-text incoming-status">来电中...</strong>
<strong v-if="state==='calling'" class="status-text calling-status">呼叫中...</strong>
- <!-- <strong class="status-text">状态：<span :style="{color: getStateColor(state)}">{{ state }}</span></strong>-->
<strong v-if="state==='in-call'" class="status-text">通话时长：{{ durationText }}</strong>
+ <!-- 通话结束提示-->
+ <strong v-if="callEnded" class="status-text ended-status">{{ endMessage }}</strong>
</div>
<div class="button-group">
- <button @click="requestCall" :disabled="!connected || state!=='idle'" class="btn btn-call">呼叫</button>
+ <button v-if="state === 'idle' && !receiveParameters" @click="requestCall" :disabled="!connected" class="btn btn-call">呼叫</button>
<button v-if="state==='ringing'" @click="acceptCall" class="btn btn-accept incoming-accept">接听</button>
<button v-if="state==='ringing'" @click="rejectCall" class="btn btn-reject incoming-reject">拒绝</button>
@@ -128,6 +129,10 @@
const state = ref('idle') // idle | calling | ringing | in-call
const logText = ref('')
const remoteAudio = ref(null)
+// 通话结束相关
+const callEnded = ref(false)
+const endMessage = ref('对方已挂断')
+const endTimer = ref(null)
/**
* 根据状态返回对应颜色
@@ -362,8 +367,6 @@
/* ---------------- 信令处理 ---------------- */
async function onSignal(msg) {
-console.log('1cesss',msg);
-
if (!msg) return
const t = (msg.type || '').toString()
@@ -624,25 +627,55 @@
lastOfferSdp = null
state.value = 'idle'
-
- // 返回上一页（uni-app的语音通话列表页面）
- if (window.uni) {
- window.uni.navigateBack()
+
+ // 清除之前的定时器
+ if (endTimer.value) {
+ clearTimeout(endTimer.value)
+ endTimer.value = null
+ }
+
+ // 根据是谁发起的挂断决定不同的行为
+ if (sendToPeer) {
+ // 自己主动挂断：不提示，不延迟，直接跳转
+ log('⏰ 自己主动挂断，直接返回')
+ callEnded.value = false
+ // 返回上一页（uni-app的语音通话列表页面）
+ if (window.uni) {
+ window.uni.navigateBack()
+ } else {
+ log('❌ uni对象不存在，无法返回上一页')
+ }
} else {
- log('❌ uni对象不存在，无法返回上一页')
+ // 对方挂断：显示提示，延迟10秒跳转
+ callEnded.value = true
+ endMessage.value = '对方已挂断'
+
+ // 延迟10秒后跳转页面
+ endTimer.value = setTimeout(() => {
+ log('⏰ 通话结束10秒后自动返回')
+ // 返回上一页（uni-app的语音通话列表页面）
+ if (window.uni) {
+ window.uni.navigateBack()
+ } else {
+ log('❌ uni对象不存在，无法返回上一页')
+ }
+ // 重置通话结束状态
+ callEnded.value = false
+ }, 5000)
}
}
-onMounted(() => {
-console.log('收拾收拾',route.query.voiceparams);
+// 定义receiveParameters变量，用于模板中判断是否显示呼叫按钮
+const receiveParameters = ref(route.query.contact || null);
- const receiveParameters = route.query.contact
- console.log('接收参数', receiveParameters)
+onMounted(() => {
+ console.log('收拾收拾',route.query.voiceparams);
+ console.log('接收参数', receiveParameters.value)
// 解析并使用contact参数
- if (receiveParameters) {
+ if (receiveParameters.value) {
try {
- const contact = JSON.parse(decodeURIComponent(receiveParameters))
+ const contact = JSON.parse(decodeURIComponent(receiveParameters.value))
if (contact.friendId) {
peerUid.value = contact.friendId
log('🔗 从contact参数获取peerUid:', contact.friendId)
@@ -657,14 +690,16 @@
parseUrlParams()
// 自动连接WebSocket
connectWS()
-})
+});
-// 监听连接状态，连接成功后自动呼叫
-// watch(() => connected.value, (newVal) => {
-// if (newVal && state.value === 'idle') {
-// requestCall()
-// }
-// })
+// 监听连接状态，当connected变为true且有receiveParameters时自动呼叫
+watch(() => connected.value, (newVal) => {
+ if (newVal && state.value === 'idle' && receiveParameters.value) {
+ log('📞 连接成功且有contact参数，自动发起呼叫');
+ requestCall();
+ }
+});
+
onBeforeUnmount(() => {
cleanup(false)
@@ -693,6 +728,15 @@
padding: 0;
}
+/* 通话结束状态样式 */
+.status-text.ended-status {
+ color: #e74c3c;
+ font-size: 18px;
+ font-weight: bold;
+ margin-top: 10px;
+ text-align: center;
+}
+
.content-wrapper {
display: flex;
flex-direction: column;
--
Gitblit v1.9.3