fix:二次切换导航栏到无人机或其他机库时，舱内外视频依然显示在地图上，页面未自动刷新或显示为地图页面

src/components/MMCFlightControlCenter/index.vue

@@ -101,6 +101,14 @@ export default {
     };
   },
   watch: {
+    'scene': {
+      handler(newVal) {
+        if(newVal){
+          this.reset()
+        }
+       
+      },
+    },
     userInfo: {
       immediate: true,
       handler() {
@@ -217,12 +225,12 @@ export default {
     }
 
     // 连接ws监听接管请求数据
-    let url = Control_API.getWebsocketUrl();
-    const socket = new WebSocket(url);
+    let url = this.url.wsUrl
+    let token = this.$store.state.MMCFlightControlCenter.token
+    const socket = new WebSocket(`${url}?token=${token}`);
     this.ws = socket;
 
     socket.onopen = function () {
-      console.log("Connected to WebSocket server");
     };
 
     socket.onmessage = (event) => {
@@ -254,7 +262,7 @@ export default {
                 } else {
                   this.$message.warning("操作失败");
                 }
-              } catch (e) {}
+              } catch (e) { }
             })
             .catch(async () => {
               await Control_API.updateControlUav({
@@ -308,7 +316,33 @@ export default {
   beforeDestroy() {
     this.ws.close();
   },
-  methods: {},
+  methods: {
+    reset() {
+      let cesiumEl = document.querySelector(".cesium-viewer");
+
+      // 判断cesium的父元素是否是layer-container来确定当前是否已经切换, 未切换就退出
+      if(cesiumEl.parentElement.id === 'layer-container'){
+        return;
+      }
+      let cesiumParentEl = document.querySelector("#layer-container");
+      let uavParentEl = document.querySelector("#playerUavParent");
+      let uavEl = document.querySelector("#playerUav");
+      let innerParentEl = document.querySelector("#playInnerParent");
+      let innerEl = document.querySelector("#playInner");
+      let outParentEl = document.querySelector("#playOutParent");
+      let outEl = document.querySelector("#playerOuter");
+
+      cesiumParentEl.innerHTML = "";
+      uavParentEl.innerHTML = "";
+      innerParentEl.innerHTML = "";
+      outParentEl.innerHTML = "";
+
+      cesiumParentEl.append(cesiumEl);
+      uavParentEl.append(uavEl);
+      innerParentEl.append(innerEl);
+      outParentEl.append(outEl);
+    },
+  },
 };
 </script>
 
@@ -361,15 +395,18 @@ export default {
         color: #fff;
       }
     }
+
     .el-dialog__body {
       color: #fff;
     }
   }
 
   * {
+
     /* 滚动条整体样式 */
     &::-webkit-scrollbar {
-      width: 4px; /* 滚动条宽度 */
+      width: 4px;
+      /* 滚动条宽度 */
     }
 
     //滚动条轨道
@@ -387,6 +424,7 @@ export default {
     background: #222222;
     border-radius: 10px 10px 0px 0px;
     border: 0;
+
     .hd {
       box-sizing: border-box;
       padding-left: 0px;
@@ -408,6 +446,7 @@ export default {
     z-index: 1;
     background: #222222;
     border-radius: 10px 10px 10px 10px;
+
     .dialog-header {
       box-sizing: border-box;
       padding-left: 32px;
@@ -438,14 +477,12 @@ export default {
         align-items: center;
         font-size: 20px;
         font-family: YouSheBiaoTiHei;
-        background-image: -webkit-linear-gradient(
-          right,
-          #e3aa77,
-          #f5cda9,
-          #f9ecd3,
-          #fcdbb1,
-          #edb07a
-        );
+        background-image: -webkit-linear-gradient(right,
+            #e3aa77,
+            #f5cda9,
+            #f9ecd3,
+            #fcdbb1,
+            #edb07a);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         letter-spacing: 0;
@@ -545,6 +582,7 @@ export default {
   }
 
   .el-input-number {
+
     .el-input-number__decrease,
     .el-input-number__increase {
       bottom: 1px;
@@ -572,6 +610,7 @@ export default {
   .popper__arrow::after {
     border-bottom-color: #161d2d;
   }
+
   // 所有下拉选择框样式
   &.el-select-dropdown {
     border: none;
@@ -584,18 +623,17 @@ export default {
 
     .option.hover,
     .option:hover {
-      background-image: linear-gradient(
-        90deg,
-        rgba(44, 135, 176, 0.7) 0%,
-        rgba(26, 100, 139, 0.37) 51%,
-        rgba(7, 61, 98, 0.7) 100%
-      );
+      background-image: linear-gradient(90deg,
+          rgba(44, 135, 176, 0.7) 0%,
+          rgba(26, 100, 139, 0.37) 51%,
+          rgba(7, 61, 98, 0.7) 100%);
       font-family: MicrosoftYaHei;
       font-size: 12px;
       color: #00f5ff;
       letter-spacing: 0;
       font-weight: 400;
     }
+
     .el-select-dropdown__item {
       color: #fff;
 
@@ -649,6 +687,7 @@ export default {
       &:not(.is-disabled):hover {
         background: #4b4b4b;
       }
+
       &:not(.is-disabled):focus {
         background: #4b4b4b;
       }
@@ -670,6 +709,7 @@ export default {
   .el-popper {
     background: #222222;
   }
+
   // 日期选择器组件
   &.el-time-range-picker,
   &.el-date-range-picker,
@@ -756,6 +796,7 @@ export default {
 
   .el-pagination {
     text-align: center;
+
     .el-pager li {
       background: transparent !important;
     }