feat 优化消息弹窗查看画面

src/layout/components/notice/index.vue

@@ -34,7 +34,7 @@
     >
       <template #header>
         <div class="flex w-full items-center justify-between gap-2 min-w-0 pr-8">
-          <span class="truncate">实时监控</span>
+          <span class="truncate">实时监控-{{ monitoringArea }}监控</span>
         </div>
       </template>
       <div class="monitor-video-wrap">
@@ -59,6 +59,7 @@ const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 import { nextTick } from 'vue';
 import { useVideosStore } from '@/store/modules/video';
 const videosStore = useVideosStore();
+const monitoringArea = ref<string>('');
 
 const warningListStore = useWarningListStore();
 const noticeStore = useNoticeStore();
@@ -117,6 +118,7 @@ const handleSee = async (row: any) => {
   }
   await videosStore.getVideos(videoId);
   monitorVideoUrl.value = videosStore.hisUrl;
+  monitoringArea.value = row.monitoringArea;
   dialog.visible = true;
   await nextTick();
   initHls(monitorVideoUrl, monitorVideoRef);