| | |
| | | <router-view /> |
| | | </div> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="map-wrapper"> |
| | | <!-- <div class="right"> --> |
| | | <!-- <div class="map-wrapper"> |
| | | <GMap /> |
| | | </div> |
| | | <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA"> |
| | | <MediaPanel /> |
| | | </div> |
| | | <div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK"> |
| | | <TaskPanel /> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA"> --> |
| | | <!-- <MediaPanel /> --> |
| | | <!-- </div> --> |
| | | <!-- <div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK"> --> |
| | | <!-- <TaskPanel /> --> |
| | | <!-- </div> --> |
| | | <!-- </div> --> |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | |
| | | }) |
| | | break |
| | | } |
| | | case EBizCode.ControlSourceChange: |
| | | case EBizCode.FlyToPointProgress: |
| | | case EBizCode.TakeoffToPointProgress: |
| | | case EBizCode.JoystickInvalidNotify: |
| | | case EBizCode.DrcStatusNotify: |
| | | { |
| | | EventBus.emit('droneControlWs', payload) |
| | | break |
| | | } |
| | | default: |
| | | break |
| | | } |
| | | } |
| | | |
| | | // 监听ws 消息 |
| | | useConnectWebSocket(messageHandler) |
| | | // useConnectWebSocket(messageHandler) |
| | | |
| | | </script> |
| | | <style lang="scss" scoped> |
| | |
| | | |
| | | .left { |
| | | display: flex; |
| | | width: 335px; |
| | | flex: 0 0 335px; |
| | | // width: 335px; |
| | | flex: 1; |
| | | // flex: 0 0 335px; |
| | | background-color: #232323; |
| | | |
| | | .main-content { |
| | | flex: 1; |
| | | color: $text-white-basic; |
| | | width: 285px; |
| | | } |
| | | } |
| | | |