fix:无人机不在线时，打开健康管理，需添加灰色弹框提示“无人机不在线”

src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlRight/index.vue

@@ -2,72 +2,38 @@
   <div class="control-right">
     <!-- 挂载-警灯-无人机  -->
     <div class="control-list" style="top: 13%">
-      <div
-        class="control-item"
-        :class="showHealth ? 'active' : ''"
-        @click="onSwitchShow('showHealth')"
-      >
-        <img :class="{active:showHealth}" src="./assets/images/health.svg" />
+      <div class="control-item" :class="showHealth ? 'active' : ''" @click="onSwitchShow('showHealth')">
+        <img :class="{ active: showHealth }" src="./assets/images/health.svg" />
         <span class="">健康管理</span>
       </div>
       <!-- 机库信息 -->
       <slot name="hangar"></slot>
-      <div
-        class="control-item"
-        :class="showMount ? 'active' : ''"
-        @click="onSwitchShow('showMount')"
-      >
-        <img :class="{active:showMount}" src="./assets/images/mount.svg" />
+      <div class="control-item" :class="showMount ? 'active' : ''" @click="onSwitchShow('showMount')">
+        <img :class="{ active: showMount }" src="./assets/images/mount.svg" />
         <span class="">挂载</span>
       </div>
-      <div
-        class="control-item"
-        :class="showControlList ? 'active' : ''"
-        @click="onSwitchShow('showControlList')"
-      >
-        <img :class="{active:showControlList}" src="./assets/images/uav.svg" />
+      <div class="control-item" :class="showControlList ? 'active' : ''" @click="onSwitchShow('showControlList')">
+        <img :class="{ active: showControlList }" src="./assets/images/uav.svg" />
         <span class="">无人机</span>
       </div>
-      <div
-        v-if="!isHangar && uav.network === 2"
-        class="control-item"
-        :class="showAlarmLamp ? 'active' : ''"
-        @click="onSwitchShow('showAlarmLamp')"
-      >
-        <img :class="{active:showAlarmLamp}" src="./assets/images/lamp.svg" />
+      <div v-if="!isHangar && uav.network === 2" class="control-item" :class="showAlarmLamp ? 'active' : ''"
+        @click="onSwitchShow('showAlarmLamp')">
+        <img :class="{ active: showAlarmLamp }" src="./assets/images/lamp.svg" />
         <span class="">警灯</span>
       </div>
-      <div
-        class="control-item"
-        :class="showViewLib ? 'active' : ''"
-        @click="onSwitchShow('showViewLib')"
-      >
-        <img :class="{active:showViewLib}" src="./assets/images/files.svg" />
+      <div class="control-item" :class="showViewLib ? 'active' : ''" @click="onSwitchShow('showViewLib')">
+        <img :class="{ active: showViewLib }" src="./assets/images/files.svg" />
         <span class="">视图库</span>
       </div>
       <ViewLib v-if="showViewLib"></ViewLib>
     </div>
-    <ControlList
-      @clearId="$emit('clearId')"
-      @closeIconShow="iconShow = false"
-      @exit="showControlList = false"
-      :show="showControlList"
-      :isHangar="isHangar"
-    ></ControlList>
+    <ControlList @clearId="$emit('clearId')" @closeIconShow="iconShow = false" @exit="showControlList = false"
+      :show="showControlList" :isHangar="isHangar"></ControlList>
     <Health v-if="showHealth" @exit="showHealth = false"></Health>
     <Mount v-if="showMount" :show="showMount"></Mount>
     <!-- 喊话器 -->
-    <MMCGimbalP1
-      class="PagerP1"
-      v-show="showMMCGimbalP1"
-      ref="MMCGimbalP1"
-      @close="showMMCGimbalP1 = false"
-    />
-    <MountController
-      @webscoketFn="(data) => fun(data)"
-      v-if="uav && uav.deviceId"
-      ref="MountControllerRef"
-    />
+    <MMCGimbalP1 class="PagerP1" v-show="showMMCGimbalP1" ref="MMCGimbalP1" @close="showMMCGimbalP1 = false" />
+    <MountController @webscoketFn="(data) => fun(data)" v-if="uav && uav.deviceId" ref="MountControllerRef" />
     <AlarmLamp v-if="showAlarmLamp" :uav="uav" @close="showAlarmLamp = false" />
     <slot name="dialog"></slot>
   </div>
@@ -118,8 +84,8 @@ export default {
   },
   watch: {
     // 打开航线编辑时关闭所有窗口
-    showAirwayEdit(newVal){
-      if(newVal){
+    showAirwayEdit(newVal) {
+      if (newVal) {
         this.showAlarmLamp = false;
         this.showHealth = false;
         this.showMMCGimbalP1 = false;
@@ -149,6 +115,9 @@ export default {
      * 切换展示
      */
     onSwitchShow(key) {
+      if (key == 'showHealth' && !this?.uav?.isOnline) {
+        return this.$message.info('无人机不在线!');
+      }
       this.$emit("switchCallback");
       this.hideAll(key);
       this[key] = !this[key];
@@ -185,7 +154,7 @@ export default {
       box-sizing: border-box;
       overflow: hidden;
 
-      > img {
+      >img {
         width: 24px;
       }
 
@@ -197,6 +166,7 @@ export default {
         border: 1px solid #3C3C3C;
         color: #3388ff;
       }
+
       .active {
         filter: drop-shadow(#3388ff 100px 0);
         transform: translateX(-100px);

vue2/README.md

 # vue2
-
+# node版本 >= 18.12.0
 ## Project setup
 ```
 yarn install