| | |
| | | </div> |
| | | <!-- 指南针--> |
| | | <div class="compass"> |
| | | <ControlComPass /> |
| | | <ControlComPass :pitchAngle="pitchAngle.angle" :trueAltitude="trueAltitude" /> |
| | | </div> |
| | | |
| | | <div class="ptzControlBox"> |
| | |
| | | <div v-for="arr in list4" class="info"> |
| | | <div v-for="item in arr" class="infoItem"> |
| | | <div class="infoName">{{ item.name }}</div> |
| | | <div class="infoValue">{{ item.value }}</div> |
| | | <div class="infoValue">{{ item.value + (item.unit || '') }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | const taskDetails = inject('taskDetails') |
| | | const dockSn = inject('dockSn') |
| | | const droneSn = inject('droneSn') |
| | | |
| | | const trueAltitude = inject('trueAltitude') |
| | | |
| | | const store = useStore() |
| | | let mqttState = null |
| | |
| | | return [ |
| | | [ |
| | | { name: '焦距倍数', value: '0' }, |
| | | { name: '俯仰角度', value: pitchAngle.value.angle }, |
| | | { name: '横向角度', value: yawAngle.value.angle }, |
| | | { name: '俯仰角度', value: pitchAngle.value.angle,unit:'°' }, |
| | | { name: '横向角度', value: yawAngle.value.angle,unit:'°' }, |
| | | ], |
| | | [ |
| | | { name: '储存', value: '64.5G' }, |
| | |
| | | ] |
| | | }) |
| | | const pitchAngle = computed(() => { |
| | | const { longitude, latitude, height, payloads } = host?.value || {} |
| | | const { payloads } = host?.value || {} |
| | | const gimbal_pitch = payloads?.[0]?.gimbal_pitch || 0 |
| | | let direction = '' |
| | | if (gimbal_pitch > -2 && gimbal_pitch < 2) { |
| | |
| | | direction = '正下' |
| | | } |
| | | return { |
| | | angle: _.round(gimbal_pitch || 0, 1) + '°', |
| | | angle: _.round(gimbal_pitch || 0, 1), |
| | | direction, |
| | | } |
| | | }) |