调整代码

src/components/HKVideo/modal-video.vue

@@ -23,7 +23,6 @@
 </template>
 
 <script setup name="modal-video">
-import { ref, onUnmounted, nextTick, defineProps, defineEmits } from 'vue';
 import HikVideo from '@/components/HKVideo/hikvision-player.vue';
 
 const props = defineProps({

src/components/Map/company-map.vue

@@ -359,35 +359,28 @@ function submit() {
       min-width: 50px;
       margin-right: 10px;
     }
-
-    &::v-deep {
-      .image-slot {
-        width: 100%;
-        height: 100%;
-        background-color: #f5f7fa;
-        text-align: center;
-        line-height: 50px;
-      }
-
-      .el-icon-picture-outline {
-        font-size: 25px;
-      }
+    :deep(.image-slot) {
+      width: 100%;
+      height: 100%;
+      background-color: #f5f7fa;
+      text-align: center;
+      line-height: 50px;
+    }
+    :deep(.el-icon-picture-outline) {
+      font-size: 25px;
     }
-
     .text {
       color: #3385ff;
       margin-bottom: 6px;
     }
   }
 }
-::v-deep {
-  .el-scrollbar__wrap {
-    overflow-x: hidden !important;
-  }
+:deep(.el-scrollbar__wrap) {
+  overflow-x: hidden !important;
+}
 
-  .is-horizontal {
-    display: none;
-  }
+:deep(.is-horizontal) {
+  display: none;
 }
 .empty {
   margin: 20px 0;

src/views/emergencyCommandMap/RightSection/SelectPlan.vue

@@ -17,7 +17,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineEmits, defineProps, ref, watch } from 'vue';
 import StartPlan from '@/views/emergencyCommandMap/RightSection/StartPlan.vue';
 
 // 假设 plans 是一个包含预案信息的数组

src/views/routineCommandMap/company-map.vue

@@ -356,36 +356,30 @@ function submit() {
       min-width: 50px;
       margin-right: 10px;
     }
-
-    &::v-deep {
-      .image-slot {
-        width: 100%;
-        height: 100%;
-        background-color: #f5f7fa;
-        text-align: center;
-        line-height: 50px;
-      }
-
-      .el-icon-picture-outline {
-        font-size: 25px;
-      }
+    :deep(.image-slot) {
+      width: 100%;
+      height: 100%;
+      background-color: #f5f7fa;
+      text-align: center;
+      line-height: 50px;
+    }
+    :deep(.el-icon-picture-outline) {
+      font-size: 25px;
     }
-
     .text {
       color: #3385ff;
       margin-bottom: 6px;
     }
   }
 }
-::v-deep {
-  .el-scrollbar__wrap {
-    overflow-x: hidden !important;
-  }
+:deep(.el-scrollbar__wrap) {
+  overflow-x: hidden !important;
+}
 
-  .is-horizontal {
-    display: none;
-  }
+:deep(.is-horizontal) {
+  display: none;
 }
+
 .empty {
   margin: 20px 0;
 }

src/views/routineCommandMap/eventing/EventLevelInfoDialog.vue

@@ -22,7 +22,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineEmits } from 'vue';
 const emits = defineEmits(['closeDialog']);
 const closeDialog = () => {
   emits('closeDialog');