From 17212a5c95c0fda6dc41df2bc979aad0ec61960e Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 23 Sep 2024 21:43:01 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8Dsocket=E6=8E=A5?=
 =?UTF-8?q?=E6=94=B6=E6=95=B0=E6=8D=AE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/liveCall/index.vue | 55 ++++++++++++++++++++-----------
 1 file changed, 36 insertions(+), 19 deletions(-)

diff --git a/src/components/liveCall/index.vue b/src/components/liveCall/index.vue
index f2fd824..6d371e1 100644
--- a/src/components/liveCall/index.vue
+++ b/src/components/liveCall/index.vue
@@ -1,28 +1,33 @@
 <template>
-<!--测试 张三 : 17260625724565   李四: 17260625724123-->
+  <!--测试 张三 : 17260625724565   李四: 17260625724123-->
   <div class="live-call-block">
-    <live-call-item ref="recordLeftRef" :recordObj="recordLeftObj" :headData="leftHeadData" />
-    <live-call-item ref="recordRightRef"  :recordObj="recordRightObj"  :headData="rightHeadData" />
+    <live-call-item ref="recordLeftRef" :recordObj="recordLeftObj" :headData="leftHeadData"/>
+    <live-call-item ref="recordRightRef" :recordObj="recordRightObj" :headData="rightHeadData"/>
   </div>
 </template>
 
 <script setup>
+import {useAuthStore} from '@/stores/userstore.js'
 import {getToken} from '@/utils/auth'
+import {usePermisstionStroe} from '@/stores/permisstion'
+
+const permisstionStore = usePermisstionStroe()
+const authStore = useAuthStore()
 //聊天消息滚动面板dom
 const recordLeftRef = ref(null);
 const recordRightRef = ref(null);
-const leftHeadData=ref({
-  username:'张三',
-  phone:'13546812315',
-  orderName:'张三工单',
+const leftHeadData = ref({
+  username: '张三',
+  phone: '13546812315',
+  orderName: '张三工单',
 })
-const rightHeadData=ref({
-  username:'李四',
-  phone:'18246812546',
-  orderName:'李四工单',
+const rightHeadData = ref({
+  username: '李四',
+  phone: '18246812546',
+  orderName: '李四工单',
 })
 const recordLeftObj = ref({
-      content:[]
+      content: []
     }
     // {
     //   "callIdNumber": "17260625724565",
@@ -50,7 +55,7 @@ const recordLeftObj = ref({
     // }
 )
 const recordRightObj = ref({
-      content:[]
+      content: []
     }
     // {
     //   "callIdNumber": "17260625724123",
@@ -95,10 +100,16 @@ const scrollToBottom = (scrollbarRef) => {
 const setWsUrl = (url) => {
   return (window.location.protocol === 'http:' ? "ws://" : "wss://") + window.location.host + import.meta.env.VITE_BASE_WSURL + url;
 }
+const handleLogout = () => {
+  authStore.userLogout()
+  permisstionStore.removeMenu()
+  router.push('/login')
+}
 const initWebSocket = () => {
   try {
     // const wsUrl=setWsUrl(`/ws/text/${token}`)
     const wsUrl = `ws://frp.feashow.cn:31800/ws/text/${token}`
+    // const wsUrl = `ws://112.19.165.99:20002/ws/text/${token}`
     socket = new WebSocket(wsUrl)
     // 2. ws.send()给服务器发送信息
     //连接发生错误的回调方法
@@ -119,21 +130,27 @@ const initWebSocket = () => {
     socket.onmessage = function (event) {
       let data = JSON.parse(event.data)
       if (data.type !== 'pong') {
+        if (data.type === 'error') {
+          handleLogout()
+          return;
+        } else if (data.type === 'failed') {
+          initWebSocket()
+          return;
+        }
         console.log("服务器返回的信息: ", data);
-        if(data.type=='1'){
-            recordLeftObj.value.content.push(data.content)
+        if (data.type == '1') {
+          recordLeftObj.value.content.push(data.content)
           // console.info("🚀 ~method:onmessage -----", recordLeftObj.value)
           nextTick(() => {
             scrollToBottom(recordLeftRef.value)
           })
-        }else {
-            recordRightObj.value.content.push(data.content)
+        } else {
+          recordRightObj.value.content.push(data.content)
           // console.info("🚀 ~method:onmessage -----", recordRightObj.value)
           nextTick(() => {
             scrollToBottom(recordRightRef.value);
           })
         }
-
       }
     }
     //连接关闭的回调方法
@@ -143,7 +160,7 @@ const initWebSocket = () => {
     }
     setInterval(() => {
       socket.send(JSON.stringify(send))
-    }, 10000)
+    }, 5000)
   } catch (e) {
     console.log(e)
     console.log("ws连接失败");