1

index.html

@@ -57,7 +57,12 @@
 <style>
   body,
   #app {
-    /* background-color: #000000 !important; */
+    background-color:rgba(0, 0, 0, 0) !important;
+    width: 100vw;
+    height: 100vh;
+    margin: 0;
+    padding: 0;
+    overflow: hidden; /* 避免出现滚动条偏移 */
   }
 </style>
 <script>

src/pages/footer/component/timers.vue

@@ -104,11 +104,13 @@ import { ElLoading, ElMessage } from 'element-plus'
 import Loading from '@/pages/all/components/loadingComponent/index.js'
 import { ref, onMounted, onUnmounted, computed, watch, nextTick, watchEffect } from 'vue';
 import wss from '@/utils/requestSocekt.js'
+import wsTime from '@/utils/requestSocektTime.js'
 import useAppStore from '@/store/module/app'
 import dayjs from 'dayjs';
 import { timeInfoApi } from '../../../api/Zodiac.js';
 
 const wssInstance = ref(wss)
+const wsTimeInstance = ref(wsTime)
 // import { loading } from 'vxe-pc-ui';
 // 用于表示速度改变时，正常数据返回后才能够再次改变速度
 const speedChangedNormalDataBack = ref(false)
@@ -224,7 +226,7 @@ const jumpToSpecificTime = (targetTime, PerformDrag = false) => {
 
 
 const wssOpenHandle = (data) => {
-  console.log("发送数据",(wssInstance.value).readyState);
+  console.log("发送数据", (wssInstance.value).readyState);
   if ((wssInstance.value).readyState === WebSocket.OPEN) {
     // 如果连接已打开，直接发送数据
     (wssInstance.value).send(JSON.stringify(data));
@@ -294,6 +296,18 @@ const toPlainNumber = (num) => {
   return Number(num).toFixed(precision);
 };
 
+const wsTimeInstanceFn = () => {
+  if (wsTimeInstance.value) {
+    (wsTimeInstance.value).onmessage = (event) => {
+      const data = JSON.parse(event.data);
+      console.log('data', data)
+      startDateTime.value = data.startTime;
+      endDateTime.value = data.endTime;
+    }
+  }
+}
+
+
 const preTimeWindowEnd = ref(null);
 const preTimeAllDate = ref(null);
 // watch(() => selectedEndTime.value, val => {
@@ -310,7 +324,7 @@ const wssMessageHandle = () => {
   (wssInstance.value).onmessage = (event) => {
     const data = JSON.parse(event.data);
     console.log('data', data)
-    if(data.type === "realtime"){
+    if (data.type === "realtime") {
       playForward();
     }
     // 只有history和实时模式数据，回复已收到数据的确认。要修改以下代码
@@ -1528,11 +1542,11 @@ onMounted(() => {
       endDateTime.value = endTime;
     }
   })
-
+  wsTimeInstanceFn();
   tempDateTime.value = ""
   if (useAppStoreInstance.footerTimeHasedSelectTimeToSub) {
     console.log("初始化走上面");
-    
+
     tempDateTime.value = useAppStoreInstance.globalTimeLineEndSelectTime
 
     subSysToMainSysFirstDataBack.value = false;

src/utils/requestSocektTime.js

+import useAppStore from '@/store/module/app.js';
+
+const apiUrl = `ws://121.229.107.155:19021/time`;  //线上
+let Timewss = null; 
+let timer = null;
+const appStore = useAppStore();
+
+function createWebSocket() {
+  Timewss = new WebSocket(apiUrl);
+  
+  Timewss.onopen = () => {
+    console.log('TimeWebSocket已连接');
+  };
+
+  Timewss.onmessage = (event) => {
+    console.log('Time接收到消息:', event.data);
+  };
+
+  Timewss.onerror = (error) => {
+    console.error('WebSocket错误:', error);
+  };
+
+  Timewss.onclose = () => {
+    console.log('连接关闭，1秒后重连...');
+    timer =  setTimeout(() => {
+     Timewss = createWebSocket(); // 重新创建连接
+     clearTimeout(timer);
+     timer = null; //释放内存
+    }, 1000);
+  };
+}
+
+// 初始化连接
+if (!Timewss || Timewss.readyState === WebSocket.CLOSED) {
+  createWebSocket();
+}
+
+export default Timewss;
\ No newline at end of file