fix:无人机名称太长-无人机型号-与视频图标遮盖住

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

@@ -28,7 +28,7 @@
               :class="device.status==1&&device.currentOperator==1? 'blue' : device.status==1&&device.currentOperator!=1 ?'yellow':'' "
               :title="device.name"
             >{{device.name}}</span>-->
-            <span style="margin-right:10px" :class="'blue'" :title="device.name">{{ device.name }}</span>
+            <span class="device-name-text" style="margin-right:10px" :class="'blue'" :title="device.name">{{ device.name }}</span>
             <span style="color:#31DB24 " class="dib" v-if="device.isOnline">(在线)</span>
             <span v-else class="dib">(离线)</span>
             <div class="symbol-icon-box">
@@ -518,10 +518,16 @@ export default {
         .device-name {
           display: flex;
           align-items: center;
-          width: calc(100% - 150px);
+          width: calc(100% - 90px);
           white-space: nowrap;
-          text-overflow: ellipsis;
           font-size: 13px;
+          .device-name-text{
+            display: inline-block;
+            max-width: 100%;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden
+          }
         }
 
         &.online {