| | |
| | | <a-row align="middle" justify="center"> |
| | | <a-col span="24"> <div v-if="deviceInfo.device?.mode_code == 14 || !deviceInfo.device" style="color:#494949;" class="flex-display flex-justify-center mt5 mb5">当前设备已关机,无法进行直播</div> </a-col> |
| | | </a-row> |
| | | <a-row align="middle" justify="center"> |
| | | <a-col span="24"> |
| | | <a-row class="p5" align="middle" justify="space-between"> |
| | | <a-col span="11"> |
| | | <a-button :disabled="deviceInfo.device?.mode_code == 14 || !deviceInfo.device?true:false" :class="[showAircraft?'active-color':'unactive-color']" class="width-100" type="primary" size="small" @click="openAircra"> |
| | | 飞行控制 |
| | | </a-button> |
| | | </a-col> |
| | | <a-col span="11"> |
| | | <a-button :disabled="deviceInfo.device?.mode_code == 14 || !deviceInfo.device?true:false" :class="[openDroneControl?'active-color':'unactive-color']" class="width-100" type="primary" size="small" |
| | | @click="openDeviceSetting"> |
| | | 操作 |
| | | </a-button> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | // 打开飞机监控 |
| | | const openAircra = () => { |
| | | showAircraft.value = !showAircraft.value |
| | | setDockControlPanelVisible(false) |
| | | if (showAircraft.value) { |
| | | openDroneControl.value = true |
| | | loadDroneVideo() |
| | | } else { |
| | | openDroneControl.value = false |
| | | closeFly() |
| | | } |
| | | } |
| | |
| | | const openFlySetting = () => { |
| | | openDroneControl.value = false |
| | | setDockControlPanelVisible(true) |
| | | } |
| | | // 打开无人机操作 |
| | | const openDeviceSetting = () => { |
| | | setDockControlPanelVisible(false) |
| | | openDroneControl.value = false |
| | | } |
| | | watch(() => store.state.deviceStatusEvent, |
| | | data => { |
| | |
| | | closeOperate, |
| | | closeOsdWindow, |
| | | openDroneControl, |
| | | openFlySetting |
| | | openFlySetting, |
| | | openDeviceSetting |
| | | } |
| | | } |
| | | }) |