修复首页问题

wangrong

2026-08-30 8954db4cf4969166961c72569dfa24645276b947

 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>