类型：开发

描述：

src/views/monitor/components/box-1.vue

@@ -184,6 +184,7 @@
       </div>
     </template>
   </div>
+  <video-dialog v-model="videoShow" :src="src" :cameraIndexCode="cameraIndexCode" />
 </template>
 
 <script setup>
@@ -194,6 +195,7 @@
 
   import { useWebSocket } from '@/hooks/socket'
   import { mode, socketBaseUrl, proSocketBaseUrl } from '@/utils/config'
+  import {getPreviewUrlApi} from "@/api/home.js";
 
   const { isConnected, dataRes, sendMessage } = useWebSocket(
     `${mode == 'dev' ? socketBaseUrl : proSocketBaseUrl}/ws/monitor`
@@ -235,7 +237,20 @@
     allAbnormalAlarm: 0, // 安全告警总数
     handled: 0 // 已处理告警数
   })
-
+  let src = ref('')
+  let cameraIndexCode = ref('')
+  let videoShow = ref(false)
+  window.addEventListener("message", async(e) => {
+    let {code,data} = await getPreviewUrlApi({
+      type: 'hls',
+      cameraIndexCode:e.data.cameraIndexCode
+    })
+    if(code===200){
+      src.value = data.url
+      cameraIndexCode.value = e.data.cameraIndexCode
+      videoShow.value = true
+    }
+  });
   // 异常告警
   let abnormalAlarm = computed(() => {
     return [{ data: abnormalData.value.abnormalAlarm.map((item) => item.value) }]