From 8954db4cf4969166961c72569dfa24645276b947 Mon Sep 17 00:00:00 2001
From: wangrong <wangrong@shsening.com>
Date: 星期日, 30 八月 2026 11:48:15 +0800
Subject: [PATCH] 修复首页问题
---
src/modules/report/components/screen-camera-preview.vue | 16 +++++++++++++---
1 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/src/modules/report/components/screen-camera-preview.vue b/src/modules/report/components/screen-camera-preview.vue
index 210bc90..41ac8fb 100644
--- a/src/modules/report/components/screen-camera-preview.vue
+++ b/src/modules/report/components/screen-camera-preview.vue
@@ -9,8 +9,8 @@
<div class="screen-cameras__player">
<ezuikit-player
v-if="ysToken"
- :key="'screen_cam_' + dev.id + '_' + ysToken"
- :container-id="'screen_cam_' + dev.id"
+ :key="'screen_cam_' + dev.id + '_' + ysToken + '_' + playerRemountKey"
+ :container-id="'screen_cam_' + dev.id + '_' + playerRemountKey"
:access-token="ysToken"
:url="cameraUrl(dev)"
:pause-after-first-frame="true"
@@ -27,7 +27,7 @@
name: 'report-screen-camera-preview'
});
-import { computed, onMounted, ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
import { useCool } from '/@/cool';
import EzuikitPlayer from '../../ezuikit/components/ezuikit-player.vue';
@@ -45,6 +45,11 @@
const previewList = computed(() => deviceList.value.slice(0, maxCount.value));
const { service } = useCool();
+const playerRemountKey = ref(0);
+
+function onScreenFullscreenChange() {
+ playerRemountKey.value += 1;
+}
const deviceList = ref<any[]>([]);
const ysToken = ref('');
@@ -78,9 +83,14 @@
}
onMounted(async () => {
+ window.addEventListener('report-screen-fullscreen-change', onScreenFullscreenChange);
await fetchYsToken();
await fetchDevices();
});
+
+onUnmounted(() => {
+ window.removeEventListener('report-screen-fullscreen-change', onScreenFullscreenChange);
+});
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.1