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