From 3a6eaca0a2374a17a10a0d5f15541dcb1697f0ae Mon Sep 17 00:00:00 2001
From: sgj <1442489573@qq.com>
Date: 星期六, 11 四月 2026 16:58:22 +0800
Subject: [PATCH] 添加第一版H5，微信绑定，解绑页面
---
fzzy-igdss-web/src/main/resources/templates/security/video-list-dept.html | 67 +++++++++++++++++++++++++++++----
1 files changed, 59 insertions(+), 8 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/security/video-list-dept.html b/fzzy-igdss-web/src/main/resources/templates/security/video-list-dept.html
index f684a75..8c36899 100644
--- a/fzzy-igdss-web/src/main/resources/templates/security/video-list-dept.html
+++ b/fzzy-igdss-web/src/main/resources/templates/security/video-list-dept.html
@@ -16,6 +16,7 @@
height: 100%;
overflow-y: hidden;
}
+
/* 椤甸潰鍩虹閲嶇疆 */
body {
margin: 0;
@@ -97,17 +98,21 @@
color: #fff;
cursor: pointer;
}
+
.sp-table {
overflow: auto;
}
+
.sp-table::-webkit-scrollbar {
display: none; /* 闅愯棌婊氬姩鏉� */
}
+
.fenping_icon {
position: absolute;
- right: 30px;
- top: 16px;
+ right: 20px;
+ top: 15px;
}
+
.div1 {
width: 100%;
height: 100%;
@@ -120,6 +125,7 @@
box-sizing: border-box;
overflow: hidden;
}
+
.div_v1 {
background-color: #333;
font-size: 24px;
@@ -131,6 +137,7 @@
box-sizing: border-box;
z-index: 1; /* 鍩虹灞傜骇 */
}
+
/* 閫変腑椤癸細绾㈣壊杈规锛堣鐩栬嚜韬懆杈圭殑鐧借壊鍒嗛殧绾匡級 */
.div_v1.active::after {
content: '';
@@ -145,6 +152,7 @@
box-sizing: border-box;
transition: all 0.2s ease;
}
+
.div4 {
width: 100%;
height: 100%;
@@ -157,6 +165,7 @@
box-sizing: border-box;
overflow: hidden;
}
+
.div_v4 {
background-color: #333;
font-size: 24px;
@@ -168,6 +177,7 @@
box-sizing: border-box;
z-index: 1; /* 鍩虹灞傜骇 */
}
+
/* 閫変腑椤癸細绾㈣壊杈规锛堣鐩栬嚜韬懆杈圭殑鐧借壊鍒嗛殧绾匡級 */
.div_v4.active::after {
content: '';
@@ -182,6 +192,7 @@
box-sizing: border-box;
transition: all 0.2s ease;
}
+
.div9 {
width: 100%;
height: 100%;
@@ -194,6 +205,7 @@
box-sizing: border-box;
overflow: hidden;
}
+
.div_v9 {
background-color: #333;
font-size: 24px;
@@ -205,6 +217,7 @@
box-sizing: border-box;
z-index: 1; /* 鍩虹灞傜骇 */
}
+
/* 閫変腑椤癸細绾㈣壊杈规锛堣鐩栬嚜韬懆杈圭殑鐧借壊鍒嗛殧绾匡級 */
.div_v9.active::after {
content: '';
@@ -219,9 +232,32 @@
box-sizing: border-box;
transition: all 0.2s ease;
}
+
.video {
width: 100%;
height: 100%;
+ }
+
+ .playList {
+ position: absolute;
+ right: 200px;
+ font-size: 16px;
+ width: 200px;
+ }
+ .layui-input {
+ background-color: #999;
+ border-color: #999;
+ }
+
+ /* 閬僵灞傦細瑕嗙洊鏁翠釜瀹瑰櫒锛岄�忔槑锛岀偣鍑绘椂瑙﹀彂鐖禿iv浜嬩欢 */
+ .mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: transparent;
+ z-index: 1; /* 閬僵灞傚湪iframe涓婃柟 */
}
</style>
</head>
@@ -238,10 +274,21 @@
<h3>
<i></i>瑙嗛瀹炴椂棰勮
</h3>
+ <div class="playList">
+ <form class="layui-form">
+ <select id="playLan" lay-filter="select_play" class="form-control">
+ <option value="1">鍐呯綉鎾斁</option>
+ <option value="2">澶栫綉鎾斁</option>
+ </select>
+ </form>
+ </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(1)" id="f_1" style="width: 38px"
+ th:src="@{/img/web/group/fp_1_active.png}"/>
+ <img onclick="fenping(4)" id="f_4" style="width: 38px"
+ th:src="@{/img/web/group/fp_4.png}"/>
+ <img onclick="fenping(9)" id="f_9" style="width: 38px"
+ th:src="@{/img/web/group/fp_9.png}"/>
</div>
</div>
@@ -366,11 +413,13 @@
</ul>
</div>
<div class="sp-bianbei fl">
- <button type="button" class="sp-sxBtn sp-czBtn" onmousedown="ptzControl(9)" onmouseup="zoomStop()">
+ <button type="button" class="sp-sxBtn sp-czBtn" onmousedown="ptzControl(9)"
+ onmouseup="zoomStop()">
<i>锛�</i>
</button>
<span>鍙樼劍</span>
- <button type="button" class="sp-fdBtn sp-czBtn" onmousedown="ptzControl(10)" onmouseup="zoomStop()">
+ <button type="button" class="sp-fdBtn sp-czBtn" onmousedown="ptzControl(10)"
+ onmouseup="zoomStop()">
<i>锛�</i>
</button>
</div>
@@ -419,8 +468,10 @@
<script th:inline="javascript">
var listCamera = [[${listCamera}]];
- var showDeptList = [[${showDeptList}]];
var type = [[${type}]];
+ var lan = [[${lan}]];
+ //缃戝叧淇℃伅
+ var gatewaySer = [[${gatewaySer}]];
</script>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
--
Gitblit v1.9.3