From 0fa4a2cdac31946f9a09ce219687c83677df5fee Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Mon, 25 May 2026 10:47:06 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=A2=9E=E5=8A=A0=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E6=8A=A5=E8=AD=A6=E6=9F=A5=E7=9C=8B=E7=94=BB=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/notice/index.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/layout/components/notice/index.vue b/src/layout/components/notice/index.vue
index 937c590..a84ab7e 100644
--- a/src/layout/components/notice/index.vue
+++ b/src/layout/components/notice/index.vue
@@ -21,6 +21,19 @@
       <el-empty v-else :description="'消息为空'"></el-empty>
     </div>
     <!-- <div v-if="newsList.length > 0" class="foot-box" @click="onGoToGiteeClick">前往gitee</div> -->
+    <!-- 添加或修改测试单对话框 -->
+    <el-dialog v-model="dialog.visible" :title="dialog.title" width="500px" append-to-body fullscreen destroy-on-close>
+      <template #header>
+        <div class="flex w-full items-center justify-between gap-2 min-w-0 pr-8">
+          <span class="truncate">实时监控-北门出入门监控</span>
+        </div>
+      </template>
+      <div class="monitor-video-wrap">
+        <div class="monitor-video-stack">
+          <video ref="monitorVideoRef" class="monitor-video" controls preload="metadata" :src="monitorVideoUrl">您的浏览器不支持视频播放</video>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -131,6 +144,13 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
+/* 全屏监控弹窗：占满视口、禁止外层滚动，视频在可视区内尽可能放大 */
+.monitor-video-stack {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .layout-navbars-breadcrumb-user-news {
   .head-box {
     display: flex;