map change

src/api/dashboard/index.js

   return request({
     url: `/airport/pointflight`,
     method: 'POST',
-    params
+    params,
+    hideMessage: true
   })
 }
 

src/api/task/index.js

   return request({
     url: `/airport/drone/control`,
     method: 'POST',
-    params
+    params,
+    hideMessage: true
   })
 }
 
 export function uavInfo(id) {
   return request({
     url: `/airport/drone/data/${id}`,
-    method: 'GET',
-    hideMessage: true
+    method: 'GET'
   })
 }

src/views/dashboard/components/ControlPanel.vue

 <template>
   <div v-if="getMode.includes('camera')" class="control__container camera__panel" :class="[cameraShow ? 'open': 'closed']">
+    <p v-if="cameraShow" class="panel-text">云台控制</p>
     <n-icon class="control__close" size="20" color="#fff" @click="cameraShow = true">
       <DoubleLeftOutlined />
     </n-icon>
   </div>
 
   <div v-if="getMode.includes('locus')" class="control__container locus__panel" :class="[locusShow ? 'open': 'closed']">
+    <p v-if="locusShow" class="panel-text">姿态控制</p>
+    <p v-if="locusShow" class="panel-text" style="left: 190px">平移控制</p>
     <n-icon class="control__close" size="20" color="#fff" @click="locusShow = true">
       <DoubleLeftOutlined />
     </n-icon>
       }
     }
   }
+
+  .panel-text {
+    width: 90px;
+    height: 30px;
+    line-height: 30px;
+    position: absolute;
+    color: white;
+    top: 2px;
+    left: 0;
+    padding-left: 10px;
+  }
+
   .square__panel{
     width: 60px;
     height: 180px;

src/views/dashboard/components/FireAlarm.vue

         right: 20px;
         top: 10px;
         width: 407px;
-        height: 925px;
+        height: 860px;
         opacity: 0.85;
         border-radius: 1px;
         background: rgba(0, 0, 0, 1);
           .verify-btns {
             width: 100%;
             height: 32px;
-            margin-top: 30px;
             span {
               width: 162px;
               height: 32px;

src/views/dashboard/components/SuppliesInfo.vue

     <div class="supplies-table">
       <ul class="table-title">
         <li>
-          <span>序号</span>
-          <span>物资名称</span>
-          <span>作用</span>
+          <span style="width: 60px">序号</span>
+          <span style="width: 105px">物资名称</span>
+          <span style="width: 105px">作用</span>
         </li>
       </ul>
       <ul class="table-content">
         <li v-for="(item, index) in goodsFeaturesByType" :key="index">
-          <span>{{ index + 1 }}</span>
-          <span>{{ item.goodsName }}</span>
-          <span>{{ item.goodsAction }}</span>
+          <span style="width: 60px">{{ index + 1 }}</span>
+          <span style="width: 105px">{{ item.goodsName }}</span>
+          <span
+            style="width: 105px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;"
+          >{{ item.goodsAction }}</span>
         </li>
       </ul>
     </div>
       line-height: 30px;
 
       span {
-        width: 90px;
         height: 30px;
         line-height: 30px;
-        display: inline-block;
+        float: left;
         color: #fff;
         font-size: 12px;
         text-align: center;

src/views/dashboard/components/Underlay.vue

 
     /* 获取轨迹数据 */
     const getTrackData = async function() {
-      const res = await getTrackList(inspectionStore.getList.id)
-      const trackList = res.data
-      data.trackList = trackList
-      return Promise.resolve({
-        trackList
-      })
+      if (inspectionStore.getList?.id) {
+        const res = await getTrackList(inspectionStore.getList.id)
+        const trackList = res.data
+        data.trackList = trackList
+        return Promise.resolve({
+          trackList
+        })
+      }
     }
 
     const drawAirport = async(id) => {
       }
     }
 
-    if (inspectionStore.getList.id) {
+    if (inspectionStore.getList?.id) {
       if (!data.map) {
         data.trackTimer = setInterval(() => {
           getTrackData().then(({ trackList }) => {
         clearInterval(data.socket)
         data.socket = null
       }
+      if (data.trackTimer) {
+        clearInterval(data.trackTimer)
+        data.trackTimer = null
+      }
     })
 
     return {

src/views/dashboard/components/WarningDrawer.vue

           data.chartTimer = setInterval(() => {
             getUavInfo(value.airportId)
           }, 2000)
+          getUavStatus(value.airportId)
         }
         data.liveTimer = setInterval(async() => {
           const res = await getTaskDetail(value.id)
       }
     })
 
+    // 获取无人机信息
     const getUavInfo = async(id) => {
       const res = await uavInfo(id)
       if (res.code === 0) {
       }
     }
 
+    const getUavStatus = async(id) => {
+      const res = await uavInfo(id)
+      if (res.code === 0) {
+        if (res.data?.length) {
+          if (res.data[res.data.length - 1]?.mode === 'loiter') {
+            data.operate = '继续飞行'
+          }
+        }
+      }
+    }
+
     /* 初始化播放器 */
     function initOriginPlayer(playUrl) {
       data.videoInfo.status = 'init'

src/views/dashboard/index.vue

   <div class="basic">
     <OneMap ref="Map" />
     <Extend ref="extendRef" class="extend" @send="getmessage" />
-
-    <!-- <ControlPanel @instruct="handleInstruct" /> -->
   </div>
 </template>
 
 import { useRouter } from 'vue-router'
 import OneMap from './components/OneMap.vue'
 import Extend from './components/Extend.vue'
-import ControlPanel from './components/ControlPanel.vue'
 import { ref, onMounted } from 'vue'
 export default {
   name: 'HomePage',
-  components: { OneMap, Extend, ControlPanel },
+  components: { OneMap, Extend },
   setup(props) {
     const router = useRouter()
     const extendRef = ref()