无人机、监控列表

src/views/business/identification/index.vue

@@ -1,44 +1,24 @@
 <template>
   <!-- 识别记录页面 -->
-  <DialogComponent @mousedown="drag" :style="{ resize: 'both', overflow: 'auto' }" title="识别记录" width="1800" :draggable="true" :modal="false" @close="close">
-     <AlarmCom ref="alarm"/>
+  <DialogComponent :style="{ resize: 'both', overflow: 'auto' }" v-if="type === 'alarm'" title="识别记录" width="1800" :draggable="true" :modal="false" @close="close">
+     <AlarmCom/>
   </DialogComponent>
 </template>
 <script setup>
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import DialogComponent from '@/components/Dialog/screen.vue'
 import AlarmCom from './alarm/index.vue'
 import { useRouter } from 'vue-router'
 import useMapStore from '@/store/modules/map'
-import { dragEvent, resizeEvent } from '@/utils/common'
 
 const mapStore = useMapStore()
 const router = useRouter()
-const alarm = ref(null)
+const type = computed(() => mapStore.dialog.type)
+
 const close = () => {
   mapStore.updateDialog(false)
 }
-/**
- * 拖拽事件
- * @param e
- *
- */
- const drag = (e) => {
-  if(e.target.className.includes('el-dialog-title')) {
-     dragEvent(e, 'el-dialog-title', () => {
-      if(alarm.value.appPlayer) {
-        alarm.value.appPlayer[0].onResize(false)
-      }
-    })
-  }else{
-    resizeEvent(e, 'el-dialog', () => {
-      if(alarm.value?.appPlayer) {
-        alarm.value.appPlayer[0].onResize()
-      }
-    })
-  }
 
-}
 </script>
 <style scoped lang="scss">
 .el-tabs {