视频会议
This commit is contained in:
duoaohui
@@ -1,74 +1,99 @@
|
||||
<script>
|
||||
/**
|
||||
* 应用入口
|
||||
*
|
||||
* 全局生命周期：
|
||||
* - onLaunch: 初始化 WebSocket 连接（如果用户已登录）和事件监听
|
||||
* - onShow: 检查 WebSocket 连接状态并恢复
|
||||
*/
|
||||
import { useUserStore } from '@/store/user'
|
||||
import { useWebSocketStore } from '@/store/websocket'
|
||||
import { useChatStore } from '@/store/chat'
|
||||
import { useContactStore } from '@/store/contact'
|
||||
import { useGroupStore } from '@/store/group'
|
||||
import { useNotifyStore } from '@/store/notify'
|
||||
|
||||
export default {
|
||||
onLaunch() {
|
||||
console.log('App Launch')
|
||||
this._initGlobalWS()
|
||||
},
|
||||
onShow() {
|
||||
console.log('App Show')
|
||||
const userStore = useUserStore()
|
||||
const wsStore = useWebSocketStore()
|
||||
if (userStore.isLoggedIn && !wsStore.isConnected) {
|
||||
wsStore.connect()
|
||||
}
|
||||
},
|
||||
onHide() {
|
||||
console.log('App Hide')
|
||||
},
|
||||
methods: {
|
||||
_initGlobalWS() {
|
||||
const userStore = useUserStore()
|
||||
if (!userStore.isLoggedIn) return
|
||||
const wsStore = useWebSocketStore()
|
||||
wsStore.connect()
|
||||
const chatStore = useChatStore()
|
||||
const contactStore = useContactStore()
|
||||
const groupStore = useGroupStore()
|
||||
const notifyStore = useNotifyStore()
|
||||
chatStore.initWsListeners()
|
||||
contactStore.initWsListeners()
|
||||
groupStore.initWsListeners()
|
||||
notifyStore.initWsListeners()
|
||||
contactStore.fetchPendingRequests().catch(() => {})
|
||||
notifyStore.fetchUnreadCount().catch(() => {})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* 每个页面公共 css */
|
||||
|
||||
/*
|
||||
* 基础全屏容器：防止 uni-app H5 在大窗口下祖先容器尺寸小于视口
|
||||
* 导致 position: fixed 元素（如会议房间 .room）"偏左上"。
|
||||
* 同时让普通页面在桌面宽屏下仍能把内容区（.page / uni-page-body）
|
||||
* 拉伸到视口高度，避免下方出现大片浏览器默认底色。
|
||||
*/
|
||||
/* #ifdef H5 */
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
uni-app, uni-app > uni-page, uni-page-wrapper, uni-page-body {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
/* #endif */
|
||||
</style>
|
||||
<script>
|
||||
/**
|
||||
* 应用入口
|
||||
*
|
||||
* 全局生命周期：
|
||||
* - onLaunch: 初始化 WebSocket 连接（如果用户已登录）和事件监听
|
||||
* - onShow: 检查 WebSocket 连接状态并恢复
|
||||
*/
|
||||
import { useUserStore } from '@/store/user'
|
||||
import { useWebSocketStore } from '@/store/websocket'
|
||||
import { useChatStore } from '@/store/chat'
|
||||
import { useContactStore } from '@/store/contact'
|
||||
import { useGroupStore } from '@/store/group'
|
||||
import { useNotifyStore } from '@/store/notify'
|
||||
|
||||
function _isSsoLaunch(options) {
|
||||
// 来自外部系统 SSO 桥接：onLaunch 阶段不应使用 localStorage 旧 token 调任何接口，
|
||||
// 避免触发 request.js 401 → reLaunch 到登录页。SSO 页 onLoad 完成 token 写入后再统一初始化。
|
||||
if (!options) return false
|
||||
const path = String(options.path || '')
|
||||
const url = String(options.query && options.query.path ? options.query.path : '')
|
||||
if (path.indexOf('pages/auth/sso') >= 0 || url.indexOf('pages/auth/sso') >= 0) return true
|
||||
// #ifdef H5
|
||||
try {
|
||||
const hash = String(window.location?.hash || '')
|
||||
const search = String(window.location?.search || '')
|
||||
return hash.indexOf('/pages/auth/sso') >= 0
|
||||
|| search.indexOf('pages/auth/sso') >= 0
|
||||
|| search.indexOf('cloudLawSso=') >= 0
|
||||
} catch (e) {
|
||||
return false
|
||||
}
|
||||
// #endif
|
||||
return false
|
||||
}
|
||||
|
||||
export default {
|
||||
onLaunch(options) {
|
||||
console.log('App Launch', options)
|
||||
if (_isSsoLaunch(options)) {
|
||||
console.log('[App] launched via SSO, defer global init until token refresh')
|
||||
return
|
||||
}
|
||||
this._initGlobalWS()
|
||||
},
|
||||
onShow() {
|
||||
console.log('App Show')
|
||||
const userStore = useUserStore()
|
||||
const wsStore = useWebSocketStore()
|
||||
if (userStore.isLoggedIn && !wsStore.isConnected) {
|
||||
wsStore.connect()
|
||||
}
|
||||
},
|
||||
onHide() {
|
||||
console.log('App Hide')
|
||||
},
|
||||
methods: {
|
||||
_initGlobalWS() {
|
||||
const userStore = useUserStore()
|
||||
if (!userStore.isLoggedIn) return
|
||||
const wsStore = useWebSocketStore()
|
||||
wsStore.connect()
|
||||
const chatStore = useChatStore()
|
||||
const contactStore = useContactStore()
|
||||
const groupStore = useGroupStore()
|
||||
const notifyStore = useNotifyStore()
|
||||
chatStore.initWsListeners()
|
||||
contactStore.initWsListeners()
|
||||
groupStore.initWsListeners()
|
||||
notifyStore.initWsListeners()
|
||||
contactStore.fetchPendingRequests().catch(() => {})
|
||||
notifyStore.fetchUnreadCount().catch(() => {})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* 每个页面公共 css */
|
||||
|
||||
/*
|
||||
* 基础全屏容器：防止 uni-app H5 在大窗口下祖先容器尺寸小于视口
|
||||
* 导致 position: fixed 元素（如会议房间 .room）"偏左上"。
|
||||
* 同时让普通页面在桌面宽屏下仍能把内容区（.page / uni-page-body）
|
||||
* 拉伸到视口高度，避免下方出现大片浏览器默认底色。
|
||||
*/
|
||||
/* #ifdef H5 */
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
uni-app, uni-app > uni-page, uni-page-wrapper, uni-page-body {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
/* #endif */
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user