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/templates/group/video.html | 96 +++++++++++++++++++++++++++++++++++++++++------
1 files changed, 83 insertions(+), 13 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/group/video.html b/fzzy-igdss-web/src/main/resources/templates/group/video.html
index c664113..04404d4 100644
--- a/fzzy-igdss-web/src/main/resources/templates/group/video.html
+++ b/fzzy-igdss-web/src/main/resources/templates/group/video.html
@@ -108,26 +108,73 @@
width: unset;
}
.right-videoWrap {
- height: unset;
+ height: unset;
}
- .left-m2 .panel-content .panel-content-body .panel-content-body-tr {
- padding-top: unset;
- height: 40px;
+ /* ========== AI浜嬩欢鍒楄〃鏍稿績鏍峰紡 ========== */
+ .left-m2 .panel-content .panel-content-head {
line-height: 40px;
+ font-size: 18px;
+ display: flex; /* 琛ㄥごflex甯冨眬锛岀簿鍑嗗垎閰嶅垪瀹� */
+ width: 100%;
+ }
+ /* 琛ㄥご鍒楀绮惧噯鍒嗛厤锛氭墍灞炲簱鐐瑰崰姣旀渶楂橈紝杩戜竷澶╂暟閲忛鐣欒冻澶熷搴﹂槻鎹㈣ */
+ .left-m2 .panel-content .panel-content-head .head-item:nth-child(1) {
+ flex: 2; /* 鎵�灞炲簱鐐癸細瀹藉垪锛岄�傞厤闀垮悕绉� */
+ white-space: nowrap; /* 寮哄埗涓嶆崲琛� */
+ text-align: center;
+ }
+ .left-m2 .panel-content .panel-content-head .head-item:nth-child(2) {
+ flex: 1.2; /* 褰撴棩鍒嗘瀽锛氫腑绛夊搴� */
+ white-space: nowrap; /* 寮哄埗涓嶆崲琛� */
+ text-align: center;
+ }
+ .left-m2 .panel-content .panel-content-head .head-item:nth-child(3) {
+ flex: 1.2; /* 杩戜竷澶╂暟閲忥細鍔犲鍒楀锛屽己鍒朵笉鎹㈣ */
+ white-space: nowrap; /* 鏍稿績锛氱姝㈣〃澶存崲琛� */
+ text-align: center;
+ }
+ /* 鍒楄〃椤规牱寮忥細瀹屾暣灞曠ず鏂囧瓧锛岃嚜閫傚簲琛岄珮 */
+ .left-m2 .panel-content .panel-content-body .panel-content-body-tr {
+ padding-top: unset;
+ height: auto; /* 鑷�傚簲琛岄珮 */
+ line-height: 22px; /* 閫傞厤鎹㈣鍚庣殑琛岄棿璺� */
+ padding: 8px 2px;
+ display: flex; /* 鍜岃〃澶村垪瀹藉榻� */
+ width: 100%;
+ box-sizing: border-box;
}
.left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item {
- font-size: 18px;
+ font-size: 16px;
+ padding: 0 8px;
+ white-space: normal; /* 鍒楄〃椤瑰厑璁告崲琛岋紝瀹屾暣灞曠ず鍐呭 */
+ word-wrap: break-word; /* 闀挎枃鏈己鍒舵崲琛� */
+ text-align: center;
+ box-sizing: border-box;
}
- .left-m2 .panel-content .panel-content-head {
- line-height: unset;
- font-size: 18px;
+ /* 鍒楄〃椤瑰垪瀹藉拰琛ㄥご涓ユ牸瀵归綈 */
+ .left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item:nth-child(1) {
+ flex: 2;
}
+ .left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item:nth-child(2) {
+ flex: 1.2;
+ }
+ .left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item:nth-child(3) {
+ flex: 1.2;
+ }
+ /* ========== 鏍稿績鏍峰紡缁撴潫 ========== */
.text_select_play {
font-size: 16px;
}
.video {
width: 100%;
height: 100%;
+ }
+ /* 鍒楄〃瀹瑰櫒锛氬唴瀹硅繃澶氭椂婊氬姩锛屼笉鎸ゅ帇甯冨眬 */
+ #inventoryInfoBox {
+ width: 100%;
+ box-sizing: border-box;
+ overflow-y: auto;
+ max-height: 300px;
}
</style>
</head>
@@ -139,7 +186,7 @@
<p ondblclick="changeScreen()" class="i-top-p" id="sloganText">鏂扮枂浼婂畞鍐滄潙鍟嗕笟閾惰鑲′唤鏈夐檺鍏徃鈥斺�旀櫤鎱х洃绠″钩鍙�</p>
<div class="i-navBar">
<a href="javaScript:;" onclick="changePage('index')" class="i-nav3">棣栭〉</a>
- <a href="javaScript:;" onclick="changePage('gis')" class="i-nav4">GIS鐩戠</a>
+ <a href="javaScript:;" onclick="changePage('gis_modeling')" class="i-nav4">GIS鐩戠</a>
<a href="javaScript:;" onclick="changePage('video')" class="i-nav5 active">瑙嗛鐩戠</a>
<a href="javaScript:;" onclick="changePage('sys')" class="i-nav6">鍚庡彴绠＄悊</a>
<a href="javaScript:;" onclick="changePage('logout')" class="i-nav7">閫�鍑虹郴缁�</a>
@@ -192,7 +239,29 @@
</div><!-- i-m1 end -->
<div class="left-m2">
<div>
- <div class="panel-title" id="panel-title">鐩戞帶鐐逛俊鎭�</div>
+ <div class="panel-title" id="panel-title">搴撳尯AI浜嬩欢淇℃伅</div>
+ </div>
+ <div class="panel-content">
+ <div class="panel-content-head">
+ <span class="head-item">鎵�灞炲簱鐐�</span>
+ <span class="head-item">褰撴棩鍒嗘瀽</span>
+ <span class="head-item">杩戜竷澶╂暟閲�</span> <!-- 淇琛ㄥご鏂囧瓧锛屽彇娑堟崲琛� -->
+ </div>
+
+ <div class="panel-content-body" id="inventoryInfoBox">
+ <div id="inventoryInfo">
+ <!-- <div class="panel-content-body-tr">-->
+ <!-- <span class="body-item">瀹夐槻-鍖楀洿澧�1</span>-->
+ <!-- <span class="body-item">鏋満</span>-->
+ <!-- <span class="body-item">12</span>-->
+ <!-- </div>-->
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="left-m3">
+ <div>
+ <div class="panel-title" id="panel-title1">鐩戞帶鐐逛俊鎭�</div>
</div>
<div class="panel-content">
<div class="panel-content-head">
@@ -200,8 +269,8 @@
<span class="head-item" style="flex: 0.6">鐩戞帶绫诲瀷</span>
</div>
- <div class="panel-content-body" id="inventoryInfoBox">
- <div id="inventoryInfo">
+ <div class="panel-content-body" id="inventoryInfoBox1">
+ <div id="inventoryInfo1">
<div class="panel-content-body-tr">
<span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�1</span>
<span class="body-item" style="flex: 0.6">鏋満</span>
@@ -409,6 +478,7 @@
var dicSlogan = [[${dicSlogan}]];
var deptList = [[${deptList}]];
+
//璁剧疆瀹氭椂鍒锋柊椤甸潰锛屼富瑕佷负浜嗛槻姝㈡帀绾�
var timer2;
window.onload = function () {
@@ -421,4 +491,4 @@
};
</script>
</body>
-</html>
+</html>
\ No newline at end of file
--
Gitblit v1.9.3