<!-- 登录页 -->
|
<template>
|
<WebViewPlus
|
ref="sWebViewRef"
|
:src="`${viewUrl}`"
|
@webMessage="onPostMessage"
|
/>
|
</template>
|
|
<script setup>
|
import { useUserStore } from "@/store/index.js"
|
import { getWebViewUrl } from "@/utils/index.js";
|
import { onLoad } from "@dcloudio/uni-app";
|
const userStore = useUserStore()
|
const userParams = userStore?.userInfo ? JSON.stringify(userStore.userInfo) : '{}'
|
const sWebViewRef = ref(null);
|
const viewUrl = ref("");
|
|
// #ifdef APP-PLUS
|
/**
|
* 请求 Android 麦克风权限
|
* @returns {Promise<boolean>} 权限是否授予
|
*/
|
async function requestAndroidMicPermission() {
|
try {
|
// 获取麦克风权限
|
return await new Promise((resolve) => {
|
plus.android.requestPermissions(
|
['android.permission.RECORD_AUDIO'],
|
(result) => {
|
if (result.granted.length > 0) {
|
console.log('麦克风权限已获取')
|
resolve(true)
|
return
|
}
|
if (result.deniedAlways.length > 0) {
|
uni.showModal({
|
title: '提示',
|
content: '需要麦克风权限才能正常使用语音功能，请前往系统设置开启',
|
success(res) {
|
if (res.confirm) {
|
plus.runtime.openURL('app-settings:')
|
}
|
},
|
})
|
}
|
resolve(false)
|
},
|
(error) => {
|
console.error('请求麦克风权限失败', error)
|
resolve(false)
|
}
|
)
|
})
|
} catch (error) {
|
console.error('❌ 请求麦克风权限失败', error)
|
return false
|
}
|
}
|
|
// #endif
|
|
onLoad(async (options) => {
|
// #ifdef APP-PLUS
|
// 在加载 WebView 前先请求麦克风权限
|
console.log('📞 语音通话页面加载，请求麦克风权限')
|
const hasPermission = await requestAndroidMicPermission()
|
if (!hasPermission) {
|
console.warn('⚠️ 未获得麦克风权限，通话功能可能无法使用')
|
}
|
// #endif
|
|
// 解析传递过来的contact参数
|
const contact = options.contact ? JSON.parse(decodeURIComponent(options.contact)) : null;
|
// 构建viewUrl，将contact参数拼接到URL中
|
const contactParam = contact ? encodeURIComponent(JSON.stringify(contact)) : '';
|
// viewUrl.value = `https://192.168.1.157:5176/mobile-web-view/#/webViewWrapper/voiceCallDetail?params=${encodeURIComponent(userParams)}&contact=${contactParam}`;
|
viewUrl.value = getWebViewUrl("/voiceCallDetail", { contact: options.contact ,voiceparams: options.voiceparams});
|
});
|
|
function onPostMessage(data) {}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
</style>
|
