From 938f8ad0266c2c70f04c398db0c31d77258074d3 Mon Sep 17 00:00:00 2001 From: tcy <1193318383@qq.com> Date: Sat, 20 Sep 2025 14:14:38 +0800 Subject: [PATCH] =?UTF-8?q?feat(securitySurveillance):=20=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=A7=86=E9=A2=91=E7=9B=91=E6=8E=A7=E3=80=81=E8=AE=BE?= =?UTF-8?q?=E5=A4=87=E7=8A=B6=E6=80=81=E5=92=8C=E8=A7=86=E9=A2=91=E7=AE=A1?= =?UTF-8?q?=E7=90=86=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 新增视频监控组件(spjk.vue)支持实时视频展示与布局切换 添加设备状态组件(sbzt.vue)显示设备在线状态和报警信息 实现视频管理组件(spgl.vue)包含存储状态图表和录像设置 引入多个SVG图标资源用于界面交互 优化字体文件格式和样式 --- public/assets/play.png | Bin 0 -> 303 bytes public/assets/svg/delete.svg | 1 + public/assets/svg/download.svg | 1 + public/assets/svg/huanyuan.svg | 1 + public/assets/svg/jietu.svg | 1 + public/assets/svg/play.svg | 1 + public/assets/svg/quanpin.svg | 1 + src/assets/fonts/fonts.scss | 13 +- .../securitySurveillance/components/sbzt.vue | 149 ++++++++ .../securitySurveillance/components/spgl.vue | 320 ++++++++++++++++++ .../securitySurveillance/components/spjk.vue | 168 ++++++++- src/views/securitySurveillance/index.vue | 15 +- 12 files changed, 660 insertions(+), 11 deletions(-) create mode 100644 public/assets/play.png create mode 100644 public/assets/svg/delete.svg create mode 100644 public/assets/svg/download.svg create mode 100644 public/assets/svg/huanyuan.svg create mode 100644 public/assets/svg/jietu.svg create mode 100644 public/assets/svg/play.svg create mode 100644 public/assets/svg/quanpin.svg create mode 100644 src/views/securitySurveillance/components/sbzt.vue create mode 100644 src/views/securitySurveillance/components/spgl.vue diff --git a/public/assets/play.png b/public/assets/play.png new file mode 100644 index 0000000000000000000000000000000000000000..f50aa4f650f8090c63685556ca4aa8fe75038842 GIT binary patch literal 303 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjPdr^5Ln;{GT=o`fGT>o*FlA{^ zbszJ0!SxH`9QXED%zh^u6E&MBHD*cwmePkkeGSb||9dd;*8Kd;zKAz1`bzKlX!CQ+ zZl6D%;grJ2z2>@vg}}DzFRv{h_8T}PE@QuXqbny=GJwgU>#pvE4Y^DQq<)BQ^W{@u zdU-X4X$eDs>9D?2YKZItDH@S!Ae zgK^}6zmboB{5~Mf!0`Y7vA~k=K>xCV{L9Snv%|~qXVU$1KoJH{S3j3^P6 \ No newline at end of file diff --git a/public/assets/svg/download.svg b/public/assets/svg/download.svg new file mode 100644 index 0000000..1a2c396 --- /dev/null +++ b/public/assets/svg/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/svg/huanyuan.svg b/public/assets/svg/huanyuan.svg new file mode 100644 index 0000000..f12656a --- /dev/null +++ b/public/assets/svg/huanyuan.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/svg/jietu.svg b/public/assets/svg/jietu.svg new file mode 100644 index 0000000..102f945 --- /dev/null +++ b/public/assets/svg/jietu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/svg/play.svg b/public/assets/svg/play.svg new file mode 100644 index 0000000..8711348 --- /dev/null +++ b/public/assets/svg/play.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/svg/quanpin.svg b/public/assets/svg/quanpin.svg new file mode 100644 index 0000000..3cd2e8f --- /dev/null +++ b/public/assets/svg/quanpin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/fonts/fonts.scss b/src/assets/fonts/fonts.scss index 2e56167..6892aa1 100644 --- a/src/assets/fonts/fonts.scss +++ b/src/assets/fonts/fonts.scss @@ -11,6 +11,7 @@ font-weight: normal; font-style: normal; } + // 思源字体 // @font-face { // font-family: 'SourceHanSansCN-Bold'; @@ -56,6 +57,7 @@ font-weight: normal; font-style: normal; } + // @font-face { // font-family: 'SourceHanSansCN-Bold'; // src: url('./ReflectTi/SourceHanSerifCN-Bold.otf');//暂时没用 @@ -110,6 +112,8 @@ font-weight: normal; font-style: normal; } + + //阿里黑体 @font-face { font-family: 'AlimamaShuHeiTi-Bold'; @@ -117,6 +121,7 @@ font-weight: normal; font-style: normal; } + // @font-face { // font-family: 'Alibaba-PuHuiTi-Heavy'; // src: url('./Alibaba/Alibaba-PuHuiTi-Heavy.otf');//暂时没用 @@ -135,6 +140,7 @@ font-weight: normal; font-style: normal; } + // @font-face { // font-family: 'Alibaba-PuHuiTi-Regular'; // src: url('./Alibaba/Alibaba-PuHuiTi-Regular.otf');//暂时没用 @@ -148,18 +154,19 @@ font-weight: normal; font-style: normal; } + @font-face { - font-family: 'D-Din'; + font-family: 'D-Din'; src: url('./D-Din//D-DIN.ttf'); font-weight: normal; font-weight: normal; font-style: normal; } + @font-face { font-family: 'Roboto-Regular'; //Roboto src: url('./Roboto//Roboto-Regular.ttf'); font-weight: normal; font-weight: normal; font-style: normal; -} - +} \ No newline at end of file diff --git a/src/views/securitySurveillance/components/sbzt.vue b/src/views/securitySurveillance/components/sbzt.vue new file mode 100644 index 0000000..8d5d4dd --- /dev/null +++ b/src/views/securitySurveillance/components/sbzt.vue @@ -0,0 +1,149 @@ + + + \ No newline at end of file diff --git a/src/views/securitySurveillance/components/spgl.vue b/src/views/securitySurveillance/components/spgl.vue new file mode 100644 index 0000000..a6bb236 --- /dev/null +++ b/src/views/securitySurveillance/components/spgl.vue @@ -0,0 +1,320 @@ + + + diff --git a/src/views/securitySurveillance/components/spjk.vue b/src/views/securitySurveillance/components/spjk.vue index 9757df5..12fa78d 100644 --- a/src/views/securitySurveillance/components/spjk.vue +++ b/src/views/securitySurveillance/components/spjk.vue @@ -1,19 +1,177 @@ - \ No newline at end of file + + + + \ No newline at end of file diff --git a/src/views/securitySurveillance/index.vue b/src/views/securitySurveillance/index.vue index 54161c9..a0fccf8 100644 --- a/src/views/securitySurveillance/index.vue +++ b/src/views/securitySurveillance/index.vue @@ -27,11 +27,18 @@ - - + + - 1 + + + + + + + + @@ -46,4 +53,6 @@ import TitleComponent from "@/components/TitleComponent"; import Top from "./components/top" import Spjk from "./components/spjk" +import Spgl from "./components/spgl"; +import Sbzt from "./components/sbzt"; \ No newline at end of file