优化

src/views/demo/workmanagement/flightoperation/index.vue

@@ -8,18 +8,18 @@
 
     <SelectComponent @selectChange="changeSelect" />
     <AirportInformation
+      v-if="changeSelectValue"
       @changeLive="changeAirportLive"
       @changeRemote="changeRemote"
       :msgData="msgData"
-      v-if="changeSelectValue"
     />
     <UAVInformation
+      v-if="changeSelectValue"
       :msgData="msgData"
       :uavTrack="uavTrack"
       @changeLoadControl="changeLoadControl"
       @changeFlightControl="changeFlightControl"
       @loadLiveStreaming="loadLiveStreaming"
-      v-if="changeSelectValue"
     />
     <!-- 远程调试 -->
     <!-- <div v-if="remoteVisible">
@@ -35,11 +35,11 @@
     />
     <!-- 飞行控制 -->
     <FlightControl
+      v-if="flightControlVisible"
       @changeFlightControl="changeFlightControl"
       @clickTakeOff="clickTakeOff"
       @clickFlyTo="clickFlyTo"
       :zIndex="zIndex"
-      v-if="flightControlVisible"
     />
     <!-- 一键起飞表单 -->
     <TakeOffForm
@@ -57,8 +57,8 @@
       :zIndex="zIndex"
     />
     <AirportLive
-      :msgData="msgData"
       v-if="airportLiveVisible"
+      :msgData="msgData"
       :zIndex="zIndex"
       @changeAirportLive="airportLiveVisible = false"
     />
@@ -86,8 +86,8 @@
         <span>上报事件</span>
       </div> -->
     </div>
-    <Patrol :taskId="taskId" v-if="patrolVisible" @changePatrol="changePatrol" :zIndex="zIndex" />
-    <Report @changeReport="reportVisible = false" v-if="reportVisible" />
+    <Patrol v-if="patrolVisible" :taskId="taskId" @changePatrol="changePatrol" :zIndex="zIndex" />
+    <Report v-if="reportVisible" @changeReport="reportVisible = false" />
   </div>
 </template>
 <script setup lang="ts">
@@ -121,6 +121,7 @@
 
   const { VITE_GLOB_PY_URL } = getAppEnvConfig();
   let socket;
+  const msgData = ref({});
   const zIndex = ref(0);
   const airPortStoreVal = airPortStore();
   const airPortInfo = airPortStoreVal.getAirport;
@@ -304,7 +305,6 @@
   const changeCameraType = (value: any) => {
     cameraType.value = value;
   };
-  const msgData = ref({});
   const changeSelect = async (value?: any) => {
     // createConnection(connectCallback);
     // 页面初始化