阶段性代码提交

src/views/carbin/index.vue

@@ -27,7 +27,7 @@ const planeControl = defineAsyncComponent(() => import('@/views/carbin/toolComp/
 import { queryAirportApi, queryAirLineApi, getAirWayPointsToJson } from '@/apis/common'
 
 let leftPlaneWidth = ref('25%')
-let rightPlaneWidth = ref('100%')
+let rightPlaneWidth = ref('75%')
 let rightPlaneHeight = ref('100%')
 let rightPlaneBottom = ref('0')
 //舱外视角
@@ -101,7 +101,7 @@ const modifPlaneWidthFn = (num) => {
 const switchViewFn = (viewPrecent) => {
   if (viewPrecent == 1) {
     leftPlaneWidth.value = '25%'
-    rightPlaneWidth.value = '100%'
+    rightPlaneWidth.value = '75%'
   } else if (viewPrecent == 2) {
     leftPlaneWidth.value = '50%'
     rightPlaneWidth.value = '50%'
@@ -192,7 +192,7 @@ const queryAirPort = async () => {
     LiveOptions_in.videoUrl = currentAirPortInfo.value.internal_monitor_url
     LiveOptions_plane.videoUrl = currentAirPortInfo.value.camera_url
 
-    // currentAirPortInfo.value.status = 3
+    currentAirPortInfo.value.status = 2
 
     //机场当前状态
     if (currentAirPortStatus.value != Number(currentAirPortInfo.value.status)) {
@@ -232,17 +232,24 @@ const resetTeleportTo = (currentAirPortStatus) => {
     //飞行中
     rightPlaneHeight.value = 'calc(100% - 150px)'
     rightPlaneBottom.value = '150px'
+
     setTimeout(() => {
       //地图
       map_teleport.value = '#left_flying_map'
       //舱外
       outVideo_teleport.value = '#plane_small_video_area'
-    }, 50)
+
+      out_showLive.value = true
+      in_showLive.value = false
+      showIframeMap.value = true
+      plane_showLive.value = false
+    }, 200)
   } else if (currentAirPortStatus == 3) {
     //自检中
     setTimeout(() => {
       //舱外
       outVideo_teleport.value = '#big_area'
+
       out_showLive.value = true
       in_showLive.value = false
       showIframeMap.value = false
@@ -263,7 +270,7 @@ const socketFn = (workParams) => {
     //pinia赋值
     airPortSocketStore.currentAirPort = data
     //卫星数量
-    statelliteCount.value = data.satcount
+    statelliteCount.value = data.satcount || '-'
   }
 }
 
@@ -504,6 +511,10 @@ onMounted(() => {
   </teleport>
 </template>
 
+<style lang="scss">
+#big_area {
+}
+</style>
 <style lang="scss" scoped>
 :deep(.liveplayer) {
   height: 100% !important;
@@ -517,6 +528,7 @@ onMounted(() => {
 :deep(.vjs-control-bar) {
   display: none !important;
 }
+
 .rem-header {
   background: linear-gradient(0deg, #051a31, #09315d);
 }