| | |
| | | > |
| | | <div class="content-container" v-if="isShow"> |
| | | <TaskDetailsHead/> |
| | | <TaskDetailsLeft/> |
| | | <!-- 视频直播 --> |
| | | <div class="video-container"> |
| | | <LiveVideo :videoUrl="currentLiveUrl" /> |
| | | </div> |
| | | <!-- 展示地图 --> |
| | | <RealTimeMap class="realTimeMap" /> |
| | | <ControlPanel /> |
| | | <!-- <ControlPanel v-if="deviceOsdInfo?.data?.sn" />--> |
| | | </div> |
| | | <ControlPanel v-if="deviceOsdInfo?.data?.sn" /> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | |
| | | import ControlPanel from '@/views/TaskManage/TaskIntermediateContent/CurrentTaskDetails/ControlPanel.vue' |
| | | import { KeyCode } from '@/hooks/controlDrone/useManualControl' |
| | | import TaskDetailsHead from '@/views/TaskManage/TaskIntermediateContent/CurrentTaskDetails/TaskDetailsHead.vue' |
| | | import TaskDetailsLeft from '@/views/TaskManage/TaskIntermediateContent/CurrentTaskDetails/TaskDetailsLeft.vue' |
| | | |
| | | const isShow = defineModel('show') |
| | | const props = defineProps({ |
| | |
| | | justify-content: space-between; |
| | | |
| | | .el-dialog { |
| | | border-radius: 40px; |
| | | position: relative; |
| | | margin-top: 38px; |
| | | width: 1782px; |
| | |
| | | .content-container { |
| | | height: 100%; |
| | | width: 100%; |
| | | border-radius: 4rem; |
| | | overflow: hidden; |
| | | |
| | | .video-container { |
| | | width: 100%; |
| | |
| | | height: 217px; |
| | | border-radius: 0px 20px 0px 40px; |
| | | border: 1px solid #62a1ff; |
| | | overflow: hidden; |
| | | } |
| | | } |
| | | </style> |