no message

src/App.vue

@@ -4,6 +4,64 @@
 </template>
 <script setup>
 import login from '@/components/public/login.vue'
+import store from '@/store'
+import { onMounted } from 'vue';
+let socketTask = null
+
+onMounted(() => {
+  useSocket()
+
+
+  document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'visible' && socketTask.readyState != 1) useSocket()
+  })
+})
+
+const useSocketInterval = 50000 // Socket的时间间隔
+const useSocket = () => {
+  let token = getMiucmsSessionCookie() || ''
+  socketTask = new WebSocket(`wss://app.gter.net/socket?token=${token}`);
+  socketTask.onopen = () => {
+    let user = store.state.user || {};
+    if (user && token) {
+      socketTask.send(JSON.stringify({
+        type: 'bind',
+        data: {
+          token,
+          uid: user.uid || 0
+        }
+      }))
+    }
+    setTimeout(() => timedTransmission(), useSocketInterval);
+  };
+  socketTask.onclose = () => {
+    // timedTransmissionState = false
+    console.log('socket关闭了', new Date());
+  };
+}
+
+// let timedTransmissionState = false // 定时器启动状态
+// 定时发送
+const timedTransmission = () => {
+  // if (socketTask.readyState != 1 || timedTransmissionState) return
+  if (socketTask.readyState != 1) return
+  // timedTransmissionState = true
+  socketTask.send(JSON.stringify({ type: 'ping' }))
+  console.log('ping', new Date());
+  setTimeout(() => timedTransmission(), useSocketInterval)
+}
+
+const getMiucmsSessionCookie = () => {
+  let cookies = document.cookie.split(";");
+  for (let i = 0; i < cookies.length; i++) {
+    let cookie = cookies[i].split("=");
+    if (cookie[0].trim() === "miucms_session") {
+      return cookie[1];
+    }
+  }
+  return null;
+}
+
 
 </script>
 <style lang="less">
@@ -151,7 +209,8 @@ input[type="number"] {
 .rotate180 {
   transform: rotate(180deg);
 }
-.el-loading-mask{
-  z-index:2100 !important;
+
+.el-loading-mask {
+  z-index: 2100 !important;
 }
 </style>

src/main.js

@@ -86,7 +86,7 @@ api.index().then(res => {
   store.state.nav = res.data.nav
   store.state.wechat = res.data.wechat
   store.state.apartment = res.data.config.apartment
-  store.state.schoolList=res.data.schoolList
+  store.state.schoolList = res.data.schoolList
 }).finally(() => {
   app.mount('#app')
 })

src/utils/axios.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import QS from 'qs';
 import { goTologin } from '@/utils/util.js'
-import {showFullScreenLoading,tryHideFullScreenLoading} from './loading'
+import { showFullScreenLoading, tryHideFullScreenLoading } from './loading'
 import store from '@/store/index';
 
 axios.defaults.baseURL = 'https://app.gter.net'
@@ -11,7 +11,7 @@ axios.defaults.withCredentials = true
 
 axios.interceptors.request.use( //响应拦截
     async config => {
-        if(config.url!='/tenement/pc/api/user/operation')showFullScreenLoading()
+        if (config.url != '/tenement/pc/api/user/operation') showFullScreenLoading()
         // 开发时登录用的，可以直接替换小程序的 authorization
         // if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "x2mmnl9grt51bpplj2k6ioiuummzhnw3"
         if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "0h870ovk2xckoqfsh8a3t3sg4sg5z7eg"

src/utils/util.js

@@ -1,3 +1,5 @@
+
+
 function setSeoTitle(title) {
     document.title = '港校租房-' + title
 }