From ca18c1315a7dcab0238893bcf68cd34f0ef5fe35 Mon Sep 17 00:00:00 2001
From: sgj <1442489573@qq.com>
Date: 星期三, 15 四月 2026 15:19:35 +0800
Subject: [PATCH] 视频监管添加库区AI事件展示
---
fzzy-igdss-web/src/main/resources/static/group/video.css | 88 ++++++++++++++++++++++++++++++++++++++-----
1 files changed, 77 insertions(+), 11 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/static/group/video.css b/fzzy-igdss-web/src/main/resources/static/group/video.css
index 240dbe7..e3a37c9 100644
--- a/fzzy-igdss-web/src/main/resources/static/group/video.css
+++ b/fzzy-igdss-web/src/main/resources/static/group/video.css
@@ -318,7 +318,7 @@
height: 255px;
background: url("../img/web/group/left-box1-monitor.png") no-repeat;
background-size: 100% 100%;
- margin-bottom: 30px;
+ margin-bottom: 18px;
padding: 36px 20px 8px 20px;
box-sizing: border-box;
}
@@ -362,13 +362,14 @@
}
.left-m2 {
+ background: url("../img/web/group/left-box2.png") no-repeat;
+ width: 100%;
+ height: 362px;
+ box-sizing: border-box;
+ margin-bottom: 18px;
position: relative;
- width: 430px;
- height: 610px;
- background: url("../img/web/group/left-box2-monitor.png") no-repeat;
background-size: 100% 100%;
padding: 56px 20px 20px 20px;
- box-sizing: border-box;
}
@@ -379,7 +380,7 @@
background: url("../img/web/group/left-m2-bg.png") no-repeat;
background-size: 100% 100%;
display: flex;
- font-size: 14px;
+ font-size: 3px;
color: #91ceff;
box-sizing: border-box;
}
@@ -392,7 +393,6 @@
.left-m2 .panel-content .panel-content-head .head-item {
flex: 1;
}
-
.left-m2 .panel-content .panel-content-body {
width: 100%;
@@ -418,18 +418,84 @@
height: 30px;
line-height: 30px;
display: flex;
+ margin-top: 6px;
+}
+
+.left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item {
+ flex: 1;
+ font-size: 3px;
+ color: #ffffff;
+}
+
+
+
+.left-m3 {
+ width: 100%;
+ height: 242px;
+ background: url("../img/web/group/left-box3.png") no-repeat;
+ box-sizing: border-box;
+ position: relative;
+ background-size: 100% 100%;
+ padding: 56px 20px 20px 20px;
+}
+
+
+.left-m3 .panel-content .panel-content-head {
+ width: 100%;
+ height: 31px;
+ line-height: 31px;
+ background: url("../img/web/group/left-m2-bg.png") no-repeat;
+ background-size: 100% 100%;
+ display: flex;
+ font-size: 14px;
+ color: #91ceff;
+ box-sizing: border-box;
+}
+
+.left-m3 .head-item,
+.left-m3 .body-item {
+ text-align: center;
+}
+
+.left-m3 .panel-content .panel-content-head .head-item {
+ flex: 1;
+}
+
+.left-m3 .panel-content .panel-content-body {
+ width: 100%;
+ height: calc(100% - 2vw);
+ box-sizing: border-box;
+ overflow: hidden;
+ overflow-y: auto;
+}
+
+.left-m3 .panel-content .panel-content-body::-webkit-scrollbar {
+ width: 6px;
+ background-color: rgba(51, 238, 255, 0.2);
+}
+
+.left-m3 .panel-content .panel-content-body::-webkit-scrollbar-thumb {
+ -webkit-box-shadow: inset 0 0 6px rgba(2, 160, 251, 0.3);
+ background-color: rgba(2, 158, 249, 0.5);
+ border-radius: 3px;
+}
+
+.left-m3 .panel-content .panel-content-body .panel-content-body-tr {
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ display: flex;
padding-top: 6px;
padding-bottom: 5px;
border-bottom: 1px solid #4c5354c7;
}
-.left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item {
+.left-m3 .panel-content .panel-content-body .panel-content-body-tr .body-item {
flex: 1;
font-size: 14px;
color: #ffffff;
user-select: none;
}
-
.panel-box1-item{
width: 100%;
@@ -716,7 +782,7 @@
.data-top-btn:last-child{
width: -webkit-calc(50% - 5px);
width: calc(50% - 5px);
-
+
}
.data-top-btn:first-child{
@@ -768,7 +834,7 @@
min-width: 100%;
height: 448px;
overflow: auto;
-
+
}
.data-tableBox::-webkit-scrollbar {
--
Gitblit v1.9.3