forked from drone/command-center-dashboard

罗广辉
2025-04-18 678f5050633c1bc53ba92bdb7aa8b85d055b443f
src/components/CurrentTaskDetails/ControlPanel/ControlPanel.vue
@@ -68,7 +68,7 @@
      </div>
      <!--     指南针-->
      <div class="compass">
         <ControlComPass />
         <ControlComPass :pitchAngle="pitchAngle.angle" :trueAltitude="trueAltitude" />
      </div>
      <div class="ptzControlBox">
@@ -119,7 +119,7 @@
         <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>
@@ -154,6 +154,8 @@
const taskDetails = inject('taskDetails')
const dockSn = inject('dockSn')
const droneSn = inject('droneSn')
const trueAltitude = inject('trueAltitude')
const store = useStore()
let mqttState = null
@@ -190,8 +192,8 @@
   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' },
@@ -201,7 +203,7 @@
   ]
})
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) {
@@ -216,7 +218,7 @@
      direction = '正下'
   }
   return {
      angle: _.round(gimbal_pitch || 0, 1) + '°',
      angle: _.round(gimbal_pitch || 0, 1),
      direction,
   }
})