无人机界面调整

src/components/HKVideo/index2.vue

@@ -12,7 +12,7 @@
       <div class="video-header">
         <div class="label" :title="dot_data.name">{{ dot_data.name }}</div>
         <div class="video-header-right">
-          <i :class="tags && tags.length > 0 ? 'collectFill' : 'collect'" @click.stop="handleCollect" />
+          <i v-if="hiddenCollect" :class="tags && tags.length > 0 ? 'collectFill' : 'collect'" @click.stop="handleCollect" />
           <img class="video-enlarge" src="@/assets/images/video/enlarge.png" alt="" @click.stop="handleFullScreen" />
         </div>
       </div>
@@ -67,6 +67,7 @@ interface Props {
   height?: number;
   autoplay?: boolean;
   isIndex?: boolean;
+  hiddenCollect: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {});

src/components/HKVideo/video-dialog.vue

@@ -10,7 +10,7 @@
     @changeTagsData="changeTagsData"
   >
     <div class="video-box">
-      <HKVideo :dot_data="videoMonitorData" />
+      <HKVideo :dot_data="videoMonitorData" autoplay />
     </div>
   </Dialog>
 </template>

src/views/globalMap/RightMenu/UAV/DroneDetail.vue

@@ -92,6 +92,7 @@
 </template>
 
 <script lang="ts" setup>
+import HKVideo from '@/components/HKVideo/index2.vue';
 const props = defineProps({
   modelValue: Boolean,
   id: String
@@ -259,7 +260,7 @@ onMounted(() => {
     .title-box2 {
       width: 437px;
       height: 78px;
-      background: url('@/assets/images/map/rightMenu/uva/titileBox2.png') no-repeat;
+      background: url('@/assets/images/map/rightMenu/uva/titleBox2.png') no-repeat;
       background-size: 100% 100%;
       color: #fff;
       font-size: 38px;

src/views/globalMap/RightMenu/UAV/DroneTags.vue

@@ -20,7 +20,7 @@
       </div>
       <div class="tag-box">
         <div class="box-header">
-          <i class="icon-time" />
+          <i class="icon-mode" />
           <div class="gradient-text">建设模式</div>
           <i class="icon-dot" />
         </div>
@@ -37,7 +37,7 @@
       </div>
       <div class="tag-box">
         <div class="box-header">
-          <i class="icon-time" />
+          <i class="icon-type" />
           <div class="gradient-text">无人机类型</div>
           <i class="icon-dot" />
         </div>
@@ -169,6 +169,18 @@ const handleConfirm = (): void => {
           background: url('@/assets/images/map/rightMenu/uva/time.png') no-repeat;
           background-size: 100% 100%;
         }
+        .icon-mode {
+          width: 63px;
+          height: 75px;
+          background: url('@/assets/images/map/rightMenu/uva/mode.png') no-repeat;
+          background-size: 100% 100%;
+        }
+        .icon-type {
+          width: 70px;
+          height: 70px;
+          background: url('@/assets/images/map/rightMenu/uva/type.png') no-repeat;
+          background-size: 100% 100%;
+        }
         .icon-dot {
           width: 34px;
           height: 34px;

src/views/globalMap/RightMenu/UAV/index.vue

@@ -173,7 +173,7 @@ initData();
     padding-left: 75px;
     .gradient-text {
       font-size: 44px;
-      font-width: normal;
+      font-weight: normal;
     }
   }
   .flex-title2 {
@@ -196,7 +196,7 @@ initData();
           width: 42px;
           height: 42px;
           background-color: transparent;
-          border: 4px solid #86a2c2;
+          border: 4px solid #86a2c2 !important;
         }
         .el-checkbox__label {
           font-size: 38px;
@@ -206,7 +206,7 @@ initData();
       :deep(.el-checkbox.is-checked) {
         .el-checkbox__inner {
           background-color: #0063f7;
-          border: 4px solid #0063f7;
+          border: 4px solid #0063f7 !important;
           &::after {
             border-width: 4px;
             width: 12px;

src/views/globalMap/RightMenu/tranBureauVideo.vue

@@ -254,5 +254,4 @@ initData();
     }
   }
 }
-
 </style>