森防视频调整

src/components/Switch/index.vue

@@ -2,9 +2,9 @@
   <div class="switch-container" @click="handleClick">
     <div v-if="!!label" :class="!!modelValue ? 'label-active' : 'label'">{{ label }}</div>
     <div class="switch-box" :style="{ backgroundColor: !!modelValue ? '#3c8aff' : '#cacaca' }">
-      <span class="text1">开</span>
+      <span v-show="!!modelValue" class="text1">开</span>
       <i class="circle" :style="{ left: !!modelValue ? '40px' : '0', borderColor: !!modelValue ? '#3c8aff' : '#cacaca' }" />
-      <span class="text2">关</span>
+      <span v-show="!modelValue" class="text2">关</span>
     </div>
   </div>
 </template>

src/views/globalMap/RightMenu/ForestDefenseVideo/DetailDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="detail-box">
+  <div class="detail-box" v-drag="{ draggable: true, scale: containerScale }">
     <div class="content">
       <div class="line">
         <div class="common-title-box">{{ detailData.name }}</div>
@@ -88,6 +88,7 @@ const props = defineProps({
   id: String
 });
 const mapStore = useMapStore();
+const containerScale = inject('containerScale');
 const data = ref({
   'video_code': props.id
 });
@@ -624,6 +625,7 @@ onUnmounted(() => {
         line-height: 50px;
         padding: 10px 0;
         .icon1 {
+          margin-top: -10px;
           width: 57px;
           height: 65px;
           background: url('@/assets/images/map/rightMenu/forestDefenseVideo/icon8.png') no-repeat;
@@ -638,7 +640,10 @@ onUnmounted(() => {
           height: 56px;
           background: url('@/assets/images/map/rightMenu/forestDefenseVideo/icon10.png') no-repeat;
         }
-        .icon1 {
+        .icon1,
+        .icon2,
+        .icon3 {
+          margin-top: -6px;
           display: inline-block;
           background-size: 100% 100%;
           margin-right: 10px;