~admin/command-center-dashboard.git

			@@ -2,11 +2,11 @@
			* @Author: shuishen 1109946754@qq.com
			* @Date: 2025-04-19 13:13:15
			* @LastEditors: shuishen 1109946754@qq.com
			* @LastEditTime: 2025-04-19 14:15:02
			* @LastEditTime: 2025-04-19 15:07:04
			* @FilePath: \command-center-dashboard\src\components\CurrentTaskDetails\CurrentTaskDetails.vue
			* @Description:
			*
			* Copyright (c) 2025 by shuishen, All Rights Reserved.
			* @Description:
			*
			* Copyright (c) 2025 by shuishen, All Rights Reserved.
			-->
			<!--当前任务详情-->
			<template>
			@@ -20,7 +20,7 @@
			>
			<div class="content-container" v-if="isShow">
			<!-- 视频直播 -->
			<div :class="`${isMaxMap ? 'minBox' : 'maxBox'}`">
			<div :class="`${isMaxMap ? 'minBox' : 'maxBox'} centerPoint`">
			<LiveVideo :videoUrl="currentLiveUrl" :controls="false" />
			</div>
			<!-- 展示地图 -->
			@@ -30,9 +30,7 @@
			<TaskDetailsHead />
			<TaskDetailsLeft />
			</template>

			<!-- 控制面板，里面有方法需要立即执行，不可用v-if -->
			<!-- <ControlPanel />-->
			<ControlPanel v-show="!isAutoControl" />
			<img alt="" :src="amplifyImg" class="amplify" @click="isMaxMap = !isMaxMap" />
			</div>
			@@ -54,7 +52,7 @@
			import { ElMessage } from 'element-plus'
			import EventBus from '@/event-bus'
			import { updateDroneQualityApi } from '@/api/drc'
			import { getLiveAiLinkApi } from '@/api/payload'
			import { getLiveAiLinkApi, getLiveCapacityApi } from '@/api/payload'
			import { CURRENT_CONFIG } from '@/utils/http/config'
			import { useDroneWS } from '@/hooks/useDroneWS'
			import { useTaskDetails } from '@/hooks/useTaskDetails/useTaskDetails'
			@@ -68,12 +66,12 @@
			const trueAltitude = ref('') // 真实高度
			const isAiLive = ref(false) // 是ai直播
			const video_id = ref('') // 直播视频id

			const isShow = defineModel('show') // 是否显示当前任务详情
			const props = defineProps(['id'])
			const currentLiveUrl = ref('') // 当前直播地址
			const isTakeOff = ref(false) // 是在飞行中
			const isMaxMap = ref(false) //是大地图
			const client_id = ref('') //是大地图

			// 获取机巢直播
			const getDeviceLiveUrl = async () => {
			@@ -81,8 +79,40 @@
			currentLiveUrl.value = res.data.data.rtcs_url
			}

			let { taskDetails, workspace_id, getTaskDetails } = useTaskDetails(getDeviceLiveUrl)
			//获取相机能力
			async function getLiveCapacity() {
			const res = await getLiveCapacityApi(workspace_id.value,{ sn: dockSn.value})
			}
			const useTaskDetailsCallBack = () => {
			console.log(workspace_id.value,66666666)
			getDeviceLiveUrl()
			}

			let { taskDetails, workspace_id, getTaskDetails } = useTaskDetails(useTaskDetailsCallBack)
			let { wsInfo, removeWS } = useDroneWS(workspace_id) //ws信息，是一个ref对象

			provide('wsInfo', wsInfo)
			provide('workspace_id', workspace_id)
			provide('deviceOsdInfo', deviceOsdInfo)
			provide('dockOsdInfo', wsInfo?.value?.dock_osd)
			provide('dockSn', dockSn)
			provide('droneSn', droneSn)
			provide('isAutoControl', isAutoControl)
			provide('lineQuality', lineQuality)
			provide('taskDetailsViewer', taskDetailsViewer)
			provide('taskDetails', taskDetails)
			provide('trueAltitude', trueAltitude)
			provide('isAiLive', isAiLive)
			provide('video_id', video_id)
			provide('client_id', client_id)

			let once = true
			watch(deviceOsdInfo,()=>{
			if (once){
			// getLiveCapacity()
			once =false
			}
			})

			watch(
			wsInfo,
			@@ -92,19 +122,6 @@
			},
			{ deep: true }
			)
			provide('wsInfo', wsInfo)

			provide('isAutoControl', isAutoControl)
			provide('lineQuality', lineQuality)
			provide('taskDetailsViewer', taskDetailsViewer)
			provide('taskDetails', taskDetails)
			provide('deviceOsdInfo', deviceOsdInfo)
			provide('dockOsdInfo', wsInfo?.value?.dock_osd)
			provide('dockSn', dockSn)
			provide('droneSn', droneSn)
			provide('trueAltitude', trueAltitude)
			provide('isAiLive', isAiLive)
			provide('video_id', video_id)

			const getAiLiveUrl = async () => {
			const res = await getLiveAiLinkApi({
			@@ -117,11 +134,14 @@
			}

			// 获取无人机直播url
			async function getDroneLiveUrl() {
			async function getDroneLiveUrl(reset = false) {
			currentLiveUrl.value = ''
			await nextTick()
			const res = await liveStart(droneSn.value, lineQuality.value)
			currentLiveUrl.value = res.data.data.rtcs_url
			video_id.value = res.data.data.video_id
			isAiLive.value = false
			reset && ElMessage.success('刷新成功')
			}

			// 无人机直播画质切换
			@@ -199,6 +219,21 @@
			border-radius: 4rem;
			overflow: hidden;

			.centerPoint {
			&:before {
			content: '+';
			font-size: 30px;
			color: white;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			pointer-events: none;
			font-weight: bold;
			text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; /* 四方向描边 */
			}
			}

			.maxBox {
			width: 100%;
			height: 100%;
			@@ -220,6 +255,8 @@
			position: absolute;
			left: 340px;
			bottom: 183px;
			width: 22px;
			height: 22px;
			}
			}
			</style>