| | |
| | | <template> |
| | | <div class="drone-control-wrapper"> |
| | | <div class="drone-control-header">Drone Flight Control</div> |
| | | <div class="drone-control-header">无人机飞行控制</div> |
| | | <div class="drone-control-box"> |
| | | <div class="box"> |
| | | <div class="row"> |
| | | <div class="drone-control"><Button :ghost="!flightController" size="small" @click="onClickFightControl">{{ flightController ? 'Exit Remote Control' : 'Enter Remote Control'}}</Button></div> |
| | | <div class="drone-control"><Button :ghost="!flightController" size="small" @click="onClickFightControl">{{ flightController ? '退出控制' : '进入控制'}}</Button></div> |
| | | </div> |
| | | <div class="row"> |
| | | <div class="drone-control-direction"> |
| | |
| | | </Button> |
| | | </div> |
| | | <Button type="primary" size="small" danger ghost @click="handleEmergencyStop" > |
| | | <template #icon><PauseCircleOutlined/></template><span>Break</span> |
| | | <template #icon><PauseCircleOutlined/></template><span>结束</span> |
| | | </Button> |
| | | </div> |
| | | <div class="row"> |
| | |
| | | </div> |
| | | </template> |
| | | <Button size="small" ghost @click="onShowFlyToPopover" > |
| | | <span>Fly to</span> |
| | | <span>起飞</span> |
| | | </Button> |
| | | </DroneControlPopover> |
| | | <Button size="small" ghost @click="onStopFlyToPoint" > |
| | | <span>Stop Fly to</span> |
| | | <span>停止起飞</span> |
| | | </Button> |
| | | <DroneControlPopover |
| | | :visible="takeoffToPointPopoverData.visible" |
| | |
| | | </div> |
| | | </template> |
| | | <Button size="small" ghost @click="onShowTakeoffToPointPopover" > |
| | | <span>Take off</span> |
| | | <span>起飞</span> |
| | | </Button> |
| | | </DroneControlPopover> |
| | | <Button :loading="cmdItem.loading" size="small" ghost @click="sendControlCmd(cmdItem, 0)"> |
| | |
| | | <div class="row"> |
| | | <Select v-model:value="payloadSelectInfo.value" style="width: 110px; marginRight: 5px" :options="payloadSelectInfo.options" @change="handlePayloadChange"/> |
| | | <div class="drone-control"> |
| | | <Button type="primary" size="small" @click="onAuthPayload">Payload Control</Button> |
| | | <Button type="primary" size="small" @click="onAuthPayload">有效载荷控制</Button> |
| | | </div> |
| | | </div> |
| | | <div class="row"> |
| | |
| | | </div> |
| | | </template> |
| | | <Button size="small" ghost @click="onShowGimbalResetPopover"> |
| | | <span>Gimbal Reset</span> |
| | | <span>复位</span> |
| | | </Button> |
| | | </DroneControlPopover> |
| | | <Button size="small" ghost @click="onSwitchCameraMode"> |
| | | <span>Camera Mode Switch</span> |
| | | <span>相机模式开关</span> |
| | | </Button> |
| | | </div> |
| | | <div class="row"> |
| | | <Button size="small" ghost @click="onStartCameraRecording"> |
| | | <span>Start Recording</span> |
| | | <span>开始录制</span> |
| | | </Button> |
| | | <Button size="small" ghost @click="onStopCameraRecording"> |
| | | <span>Stop Recording</span> |
| | | <span>停止录制</span> |
| | | </Button> |
| | | </div> |
| | | <div class="row"> |
| | | <Button size="small" ghost @click="onTakeCameraPhoto"> |
| | | <span>Take Photo</span> |
| | | <span>拍照</span> |
| | | </Button> |
| | | <DroneControlPopover |
| | | :visible="zoomFactorPopoverData.visible" |
| | |
| | | </div> |
| | | </template> |
| | | <Button size="small" ghost @click="($event) => onShowZoomFactorPopover()"> |
| | | <span class="word" @click=";">Zoom</span> |
| | | <span class="word" @click=";">聚焦</span> |
| | | </Button> |
| | | </DroneControlPopover> |
| | | <DroneControlPopover |
| | |
| | | </div> |
| | | </template> |
| | | <Button size="small" ghost @click="($event) => onShowCameraAimPopover()"> |
| | | <span class="word" @click=";">AIM</span> |
| | | <span class="word" @click=";">目标</span> |
| | | </Button> |
| | | </DroneControlPopover> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 信息提示 --> |
| | | <DroneControlInfoPanel :message="drcInfo"></DroneControlInfoPanel> |
| | | <!-- <DroneControlInfoPanel :message="drcInfo"></DroneControlInfoPanel> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | const initCmdList = baseCmdList.find(item => item.cmdKey === DeviceCmd.ReturnHome) as DeviceCmdItem |
| | | const cmdItem = ref(initCmdList) |
| | | console.log(cmdItem, 'cmdItem') |
| | | |
| | | const { |
| | | sendDockControlCmd |