feat: 优化控制激活样式

罗广辉

2025-04-20 2c435d1da00ba1b92ef2ed8e77c5cda4cbb2e93f

feat: 优化控制激活样式

 src/components/CurrentTaskDetails/ControlPanel/BaseControl.vue

@@ -31,9 +31,10 @@
import EventBus from '@/event-bus'

const isAutoControl = inject('isAutoControl')
const isBackDock = inject('isBackDock')

const list3 = computed(() => [
    { name: '自动控制', svg: 'autoControl', style: { top: '-70%' }, active: isAutoControl.value, handle: autoControl },
    { name: '自动控制', svg: 'autoControl', style: { top: '-70%' }, active: isAutoControl.value && !isBackDock.value, handle: autoControl },
    //如果是返航， 继续任务 就是自动任务
    //如果是取消返航， 继续任务 就是自动任务
    { name: '继续任务', svg: 'continueTask', style: { left: '70%' }, active: false, handle: autoControl },
@@ -41,10 +42,10 @@
        name: '手动控制',
        svg: 'manualControl',
        style: { top: '70%' },
        active: !isAutoControl.value,
        active: !isAutoControl.value && !isBackDock.value,
        handle: manualControl,
    },
    { name: '返航/取消返航', svg: 'turnBack', style: { left: '-70%' }, active: false, handle: turnBack },
    { name: '返航/取消返航', svg: 'turnBack', style: { left: '-70%' }, active: isBackDock.value, handle: turnBack },
])

function autoControl() {

 src/components/CurrentTaskDetails/ControlPanel/ControlPanel.vue

@@ -158,6 +158,7 @@
const droneSn = inject('droneSn')
const trueAltitude = inject('trueAltitude')
const client_id = inject('client_id')
const isBackDock = inject('isBackDock')

const deviceTopicInfo = ref({
    pubTopic: '',
@@ -359,7 +360,7 @@
    })
}

const isBackDock = ref(false)


// 返航
async function onBackDock() {

 src/components/CurrentTaskDetails/CurrentTaskDetails.vue

@@ -71,11 +71,12 @@
const client_id = ref('') //mqtt id
const hasIr = ref(false) //有红外能力
let once = true //第一次触发

let { taskDetails, workspace_id, getTaskDetails } = useTaskDetails(()=> getDeviceLiveUrl())
let { wsInfo, removeWS } = useDroneWS(workspace_id) //ws信息，是一个ref对象
const isBackDock = ref(false)
let { taskDetails, workspace_id, getTaskDetails:initTaskDetails } = useTaskDetails(()=> getDeviceLiveUrl())
let { wsInfo } = useDroneWS(workspace_id) //ws信息，是一个ref对象

provide('wsInfo', wsInfo)
provide('isBackDock', isBackDock)
provide('workspace_id', workspace_id)
provide('dockOsdInfo', wsInfo?.value?.dock_osd)
provide('dockSn', dockSn)
@@ -157,7 +158,7 @@
watch(wsInfo, setCurrentLiveUrl, { deep: true })

onMounted(() => {
    getTaskDetails(props?.id)
    initTaskDetails(props?.id)
    EventBus.on('CurrentTaskDetails-timeStop', changeLineQuality)
    EventBus.on('CurrentTaskDetails-getAiLiveUrl', getAiLiveUrl)
    EventBus.on('CurrentTaskDetails-getDroneLiveUrl', getDroneLiveUrl)

 src/hooks/useTaskWayline/useTaskWayline.js

@@ -117,8 +117,6 @@
  function setAircraftGltf () {
    const host = deviceOsdInfo.value?.data?.host

    console.log(host, 1111111111)

    const aircraftEntity = viewer?.entities.getById('aircraftGltf')
    const position = Cesium.Cartesian3.fromDegrees(host?.longitude, host?.latitude, host?.height)
    if (aircraftEntity) {