视频监管添加库区AI事件展示

sgj

6 小时以前 ca18c1315a7dcab0238893bcf68cd34f0ef5fe35

 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 {