fix:选中效果及无人机型号

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

@@ -7,7 +7,7 @@
         :class="showHealth ? 'active' : ''"
         @click="onSwitchShow('showHealth')"
       >
-        <img src="./assets/images/health.svg" />
+        <img :class="{active:showHealth}" src="./assets/images/health.svg" />
         <span class="">健康管理</span>
       </div>
       <!-- 机库信息 -->
@@ -17,7 +17,7 @@
         :class="showMount ? 'active' : ''"
         @click="onSwitchShow('showMount')"
       >
-        <img src="./assets/images/mount.svg" />
+        <img :class="{active:showMount}" src="./assets/images/mount.svg" />
         <span class="">挂载</span>
       </div>
       <div
@@ -25,7 +25,7 @@
         :class="showControlList ? 'active' : ''"
         @click="onSwitchShow('showControlList')"
       >
-        <img src="./assets/images/uav.svg" />
+        <img :class="{active:showControlList}" src="./assets/images/uav.svg" />
         <span class="">无人机</span>
       </div>
       <div
@@ -34,7 +34,7 @@
         :class="showAlarmLamp ? 'active' : ''"
         @click="onSwitchShow('showAlarmLamp')"
       >
-        <img src="./assets/images/lamp.svg" />
+        <img :class="{active:showAlarmLamp}" src="./assets/images/lamp.svg" />
         <span class="">警灯</span>
       </div>
       <div
@@ -42,7 +42,7 @@
         :class="showViewLib ? 'active' : ''"
         @click="onSwitchShow('showViewLib')"
       >
-        <img src="./assets/images/files.svg" />
+        <img :class="{active:showViewLib}" src="./assets/images/files.svg" />
         <span class="">视图库</span>
       </div>
       <ViewLib v-if="showViewLib"></ViewLib>
@@ -55,7 +55,7 @@
       :isHangar="isHangar"
     ></ControlList>
     <Health v-if="showHealth" @exit="showHealth = false"></Health>
-    <Mount :show="showMount"></Mount>
+    <Mount v-if="showMount" :show="showMount"></Mount>
     <!-- 喊话器 -->
     <MMCGimbalP1
       class="PagerP1"
@@ -180,6 +180,11 @@ export default {
 
       &.active {
         border: 1px solid #3C3C3C;
+        color: #3388ff;
+      }
+      .active {
+        filter: drop-shadow(#3388ff 100px 0);
+        transform: translateX(-100px);
       }
     }
   }

src/components/MMCFlightControlCenter/components/uavApplications/components/uavList/components/list/components/item/index.vue

@@ -66,8 +66,9 @@
               </template>-->
               <template>
                 <div class="uav_version status-icon cp">
-                  <img src="./assets/images/I.svg" />
-                  <img src="./assets/images/I.svg" />
+                  <!-- <img src="./assets/images/I.svg" />
+                  <img src="./assets/images/I.svg" /> -->
+                  {{ device.modelName }}
                 </div>
               </template>
             </div>
@@ -515,13 +516,16 @@ export default {
 }
 .uav_version {
   margin-top: 1px;
-  width: 14px;
-  height: 12px;
+  // width: 14px;
+  // height: 12px;
   background: rgba(255, 255, 255, 0.4);
   border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
+  padding: 4px;
+  color: #fff;
+  font-size: 8px;
 }
 .symbol-icon-box {
   display: flex;