From d24dd35d265a0b6bd0620285d226b5bed3d4566e Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期四, 11 十二月 2025 19:40:27 +0800
Subject: [PATCH] 大屏提交1：首页、GIS、视频页面
---
fzzy-igdss-web/src/main/resources/templates/group/video.html | 420 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 420 insertions(+), 0 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
new file mode 100644
index 0000000..2398719
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/group/video.html
@@ -0,0 +1,420 @@
+<!DOCTYPE html>
+<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="renderer" content="webkit">
+ <title>鐩戠澶у睆-瑙嗛鐩戠</title>
+
+ <link th:href="@{/group/video.css}" rel="stylesheet" type="text/css">
+ <style>
+ .deptNameStyle {
+ font-family: 寰蒋闆呴粦, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ }
+
+ .right-videoWrap {
+ padding-top: 10px;
+ height: 830px;
+ }
+
+ .text_fp {
+ font-size: 14px;
+ margin-right: 0px;
+ color: #FFF;
+ }
+
+ .fenping_icon {
+ position: absolute;
+ right: 60px;
+ top: 8px;
+ }
+
+ .text_select_play {
+ font-size: 14px;
+ margin-right: 0px;
+ color: #FFF;
+ }
+
+ .select_play_icon {
+ position: absolute;
+ right: 20px;
+ top: 8px;
+ }
+ .div_v1 {
+ width: 99.88%;
+ height: 829px;
+ float: left;
+ background-color: #333;
+
+ text-align: center;
+ line-height: 826px;
+ color: #FFF;
+ font-size: 20px;
+ }
+
+ .div_v4 {
+ width: 49.88%;
+ height: 414px;
+ float: left;
+ background-color: #333;
+
+ text-align: center;
+ line-height: 413px;
+ color: #FFF;
+ font-size: 20px;
+ }
+
+ .div_v9 {
+ width: 33.23%;
+ height: 275.8px;
+ float: left;
+ background-color: #333;
+
+ text-align: center;
+ line-height: 275.4px;
+ color: #FFF;
+ font-size: 20px;
+ }
+
+ .div_v16 {
+ width: 24.9%;
+ height: 206.5px;
+ float: left;
+ background-color: #333;
+
+ text-align: center;
+ line-height: 206.5px;
+ color: #FFF;
+ font-size: 20px;
+ }
+
+ .bor_t_l {
+ border-top: 1px solid #ff0000;
+ border-left: 1px solid #ff0000;
+ }
+
+ .bor_b {
+ border-bottom: 1px solid #ff0000;
+ }
+
+ .bor_r {
+ border-right: 1px solid #ff0000;
+ }
+ .handSelect {
+ background-color: #1e9fff
+ }
+ .i-main {
+ padding: 0px 30px 0px;
+ width: unset;
+ }
+ .right-videoWrap {
+ height: unset;
+ }
+ .left-m2 .panel-content .panel-content-body .panel-content-body-tr {
+ padding-top: unset;
+ height: 40px;
+ line-height: 40px;
+ }
+ .left-m2 .panel-content .panel-content-body .panel-content-body-tr .body-item {
+ font-size: 18px;
+ }
+ .left-m2 .panel-content .panel-content-head {
+ line-height: unset;
+ font-size: 18px;
+ }
+ .text_select_play {
+ font-size: 16px;
+ }
+ .video {
+ width: 100%;
+ height: 100%;
+ }
+ </style>
+</head>
+<body style="overflow: hidden;">
+
+<div class="container row-main">
+ <div class="i-top">
+ <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">鏀跨瓥鎬у偍澶囩伯娌圭洃绠″钩鍙�</span></h1>
+ <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('video')" class="i-nav5 active">瑙嗛鐩戠</a>
+ <a href="javaScript:;" onclick="changePage('logout')" class="i-nav6">閫�鍑虹郴缁�</a>
+ </div>
+ <div class="date-time-module">
+ <span id="navBarTime"></span>
+ <div class="i-top-date">
+ <span id="navBarDate"></span>
+ <span id="navBarWeek"></span>
+ </div>
+ </div>
+ <!-- <div id="data"></div> -->
+
+ </div><!--i-top end-->
+ <div class="i-main cl">
+ <div class="left-container">
+ <div class="left-m1">
+ <div class="panel-title">搴撳尯淇℃伅</div>
+ <div class="panel-content">
+ <div class="panel-box1-item">
+ <div class="company-cut"></div>
+ <h3 id="deptNameBox" class="panel-box1-title t1">
+ <span id="deptName" class="deptNameStyle d1" style="margin-left: 10px;">
+ 搴撳尯鍚嶇О1
+ </span>
+ </h3>
+ </div>
+ <div class="panel-box1-item t2">
+ <p><i><img th:src="@{/img/web/group/icon-address.png}"/></i>
+ <span id="deptAddress" class="d1">
+ 涔岄瞾鏈ㄩ綈甯�
+ </span>
+ </p>
+ </div>
+ <div class="panel-box1-item">
+ <p><i><img th:src="@{/img/web/group/icon-user.png}"/></i>
+ <span id="deptContact">
+ 寮犱笁
+ </span>
+ </p>
+ </div>
+ <div class="panel-box1-item">
+ <p><i><img th:src="@{/img/web/group/icon-phone.png}"/></i>
+ <span id="deptPhone">
+ 18638530750
+ </span>
+ </p>
+ </div>
+ </div>
+ </div><!-- i-m1 end -->
+ <div class="left-m2">
+ <div>
+ <div class="panel-title" id="panel-title">鐩戞帶鐐逛俊鎭�</div>
+ </div>
+ <div class="panel-content">
+ <div class="panel-content-head">
+ <span class="head-item" style="flex: 1.4">鐩戞帶鍚嶇О</span>
+ <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-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�1</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�2</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�3</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�4</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�5</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�6</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�7</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�8</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�9</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�10</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�11</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�12</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�13</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�14</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�15</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ <div class="panel-content-body-tr">
+ <span class="body-item" style="flex: 1.4">瀹夐槻-鍖楀洿澧�16</span>
+ <span class="body-item" style="flex: 0.6">鏋満</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div><!-- left end -->
+ <div class="right-container">
+ <div class="right-bottom bottom-container">
+ <div>
+ <div class="panel-title" id="pieCharTitle">瑙嗛鐩戞帶</div>
+ <div class="fenping_icon">
+ <img onclick="fenping(1)" id="f_1" style="width: 30px" th:src="@{/img/web/group/fp_1_active.png}"/>
+ <img onclick="fenping(4)" id="f_4" style="width: 30px" th:src="@{/img/web/group/fp_4.png}"/>
+ <img onclick="fenping(9)" id="f_9" style="width: 30px" th:src="@{/img/web/group/fp_9.png}"/>
+ <img onclick="fenping(16)" id="f_16" style="width: 30px" th:src="@{/img/web/group/fp_16.png}"/>
+ </div>
+ </div>
+ <!--涓�鍒嗗睆 榛樿鏄剧ず-->
+ <div id="video_1" class="right-videoWrap">
+ <div id="f1_d1" class="div_v1 bor_t_l bor_b bor_r">
+ <video class="video" id="video1_1" autoplay="" muted="" playsinline=""></video>
+ </div>
+ </div>
+
+ <!--鍥涘垎灞� 榛樿鏄剧ず-->
+ <div id="video_4" class="right-videoWrap" style="display: none;">
+ <div id="f4_d1" class="div_v4 bor_t_l">
+ <video class="video" id="video4_1" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f4_d2" class="div_v4 bor_t_l bor_r">
+ <video class="video" id="video4_2" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f4_d3" class="div_v4 bor_t_l bor_b">
+ <video class="video" id="video4_3" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f4_d4" class="div_v4 bor_t_l bor_b bor_r">
+ <video class="video" id="video4_4" autoplay="" muted="" playsinline=""></video>
+ </div>
+ </div>
+
+ <!--涔濆垎灞� 榛樿闅愯棌-->
+ <div id="video_9" class="right-videoWrap" style="display: none;">
+ <div id="f9_d1" class="div_v9 bor_t_l">
+ <video class="video" id="video9_1" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d2" class="div_v9 bor_t_l">
+ <video class="video" id="video9_2" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d3" class="div_v9 bor_t_l bor_r">
+ <video class="video" id="video9_3" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d4" class="div_v9 bor_t_l">
+ <video class="video" id="video9_4" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d5" class="div_v9 bor_t_l">
+ <video class="video" id="video9_5" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d6" class="div_v9 bor_t_l bor_r">
+ <video class="video" id="video9_6" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d7" class="div_v9 bor_t_l bor_b">
+ <video class="video" id="video9_7" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d8" class="div_v9 bor_t_l bor_b">
+ <video class="video" id="video9_8" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f9_d9" class="div_v9 bor_t_l bor_b bor_r">
+ <video class="video" id="video9_9" autoplay="" muted="" playsinline=""></video>
+ </div>
+ </div>
+
+ <!--鍗佸叚鍒嗗睆 榛樿闅愯棌-->
+ <div id="video_16" class="right-videoWrap" style="display: none;">
+ <div id="f16_d1" class="div_v16 bor_t_l">
+ <video class="video" id="video16_1" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d2" class="div_v16 bor_t_l">
+ <video class="video" id="video16_2" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d3" class="div_v16 bor_t_l">
+ <video class="video" id="video16_3" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d4" class="div_v16 bor_t_l bor_r">
+ <video class="video" id="video16_4" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d5" class="div_v16 bor_t_l">
+ <video class="video" id="video16_5" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d6" class="div_v16 bor_t_l">
+ <video class="video" id="video16_6" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d7" class="div_v16 bor_t_l">
+ <video class="video" id="video16_7" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d8" class="div_v16 bor_t_l bor_r">
+ <video class="video" id="video16_8" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d9" class="div_v16 bor_t_l">
+ <video class="video" id="video16_9" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d10" class="div_v16 bor_t_l">
+ <video class="video" id="video16_10" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d11" class="div_v16 bor_t_l">
+ <video class="video" id="video16_11" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d12" class="div_v16 bor_t_l bor_r">
+ <video class="video" id="video16_12" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d13" class="div_v16 bor_t_l bor_b">
+ <video class="video" id="video16_13" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d14" class="div_v16 bor_t_l bor_b">
+ <video class="video" id="video16_14" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d15" class="div_v16 bor_t_l bor_b">
+ <video class="video" id="video16_15" autoplay="" muted="" playsinline=""></video>
+ </div>
+ <div id="f16_d16" class="div_v16 bor_t_l bor_b bor_r">
+ <video class="video" id="video16_16" autoplay="" muted="" playsinline=""></video>
+ </div>
+ </div>
+
+ </div> <!-- right end -->
+
+ </div><!--i-main end-->
+
+ </div>
+</div>
+<script th:src="@{/js/jquery.min.js}"></script>
+<script th:src="@{/ajax/libs/layui/layui.js}"></script>
+<script th:src="@{/ajax/libs/layer/layer.js}"></script>
+<script th:src="@{/common/constant.js}"></script>
+<script th:src="@{/common/igds-common.js}"></script>
+<script th:src="@{/group/video.js}"></script>
+<script th:inline="javascript">
+
+ var deptCur = [[${deptInfo}]]
+ var deptId = [[${deptId}]];
+ var dicSlogan = [[${dicSlogan}]];
+ var cameraList = [[${cameraList}]];
+
+ //璁剧疆瀹氭椂鍒锋柊椤甸潰锛屼富瑕佷负浜嗛槻姝㈡帀绾�
+ var timer2;
+ window.onload = function () {
+ if (timer2) {
+ clearInterval(timer2);
+ }
+ timer2 = setInterval(function () {
+ window.location.href = window.location.href;
+ }, 60 * 60 * 1000);
+ };
+</script>
+</body>
+</html>
--
Gitblit v1.9.3