From c5669191283faceeab7cbaef240d726036af06a3 Mon Sep 17 00:00:00 2001
From: sgj <1442489573@qq.com>
Date: 星期一, 02 三月 2026 14:28:50 +0800
Subject: [PATCH] 巡检地图改为使用高德地图
---
fzzy-igdss-web/src/main/resources/templates/security/quantity.html | 171 ++++++++++++++++++++++++++++----------------------------
1 files changed, 86 insertions(+), 85 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/security/quantity.html b/fzzy-igdss-web/src/main/resources/templates/security/quantity.html
index 8ef6b9b..bc57063 100644
--- a/fzzy-igdss-web/src/main/resources/templates/security/quantity.html
+++ b/fzzy-igdss-web/src/main/resources/templates/security/quantity.html
@@ -22,24 +22,24 @@
<h2>瀹炴椂鐩戞帶鐢婚潰</h2>
<div class="layui-row layui-col-space10">
<div class="layui-inline">
- <label class="layui-form-label">浠撳簱鍒楄〃</label>
+ <label class="layui-form-label">璁惧鍒楄〃</label>
<select id="select-camera" class="layui-form-select w-select">
<option>璇烽�夋嫨鈥︹��</option>
- <option th:each="camera:${listCamera}" th:value="${camera.id}" th:text="${camera.name}"></option>
+ <option th:each="camera:${listCamera}" th:value="${camera.depotId}" th:text="${camera.name}"></option>
</select>
</div>
</div>
</div>
<div class="card-body">
<!-- 鍙岃棰戝睍绀哄尯鍩� -->
- <div class="video-container" id="video-container" style="grid-template-columns: 1fr;">
- <!-- 鐑垚鍍忚棰戠敾闈� -->
- <div class="video-box" id="thermal-video">
- <div class="video-label">
- <i class="layui-icon layui-icon-camera-fill"></i> 鐑垚鍍忚棰�
- </div>
- <div id="divPlugin2">
- <img th:src="@{/img/web/security/p-snap.jpg}" alt="鐑垚鍍忓疄鏃剁敾闈�">
+ <div class="video-container" id="video-container" style="grid-template-columns: 1fr;min-height: 610px;">
+<!-- <!– 鐑垚鍍忚棰戠敾闈� –>-->
+<!-- <div class="video-box" id="thermal-video">-->
+<!-- <div class="video-label">-->
+<!-- <i class="layui-icon layui-icon-camera-fill"></i>-->
+<!-- </div>-->
+ <div id="divPlugin2" style="height: 100%">
+ <img th:src="@{/img/web/security/p-snap.jpg}" alt="">
</div>
<!-- 娓╁害鏍囪鐐�
<div class="temp-mark" title="寮傚父楂樻俯鐐�: 32掳C">
@@ -63,28 +63,40 @@
</div>
-->
- </div>
+<!-- </div>-->
</div>
<!-- 绠�鍖栫殑瑙嗛鎺у埗宸ュ叿鏍�-->
<div style="margin-top: 15px; text-align: center; background-color: #f5f5f5; padding: 10px; border-radius: 4px;">
- <button class="layui-btn layui-btn-default layui-btn-sm">
- 涓婄Щ <i class="layui-icon layui-icon-up"></i>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(1);"
+ onmouseup="moveStop();">
+ 涓婄Щ <i class="layui-icon layui-icon-up"></i>
</button>
- <button class="layui-btn layui-btn-default layui-btn-sm">
- 涓嬬Щ <i class="layui-icon layui-icon-down"></i>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(2);"
+ onmouseup="moveStop();">
+ 涓嬬Щ <i class="layui-icon layui-icon-down"></i>
</button>
- <button class="layui-btn layui-btn-default layui-btn-sm">
- 宸︾Щ <i class="layui-icon layui-icon-left"></i>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(3);"
+ onmouseup="moveStop();">
+ 宸︾Щ <i class="layui-icon layui-icon-left"></i>
</button>
- <button class="layui-btn layui-btn-default layui-btn-sm">
- 鍙崇Щ <i class="layui-icon layui-icon-right"></i>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(4);"
+ onmouseup="moveStop();">
+ 鍙崇Щ <i class="layui-icon layui-icon-right"></i>
</button>
- <button class="layui-btn layui-btn-default layui-btn-sm">
- 鍔犲�� <i class="layui-icon layui-icon-addition"></i>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(10);"
+ onmouseup="zoomStop();">
+ 鍙樼劍澶� <i class="layui-icon layui-icon-addition"></i>
</button>
- <button class="layui-btn layui-btn-default layui-btn-sm">
- 鍑忓�� <i class="layui-icon layui-icon-subtraction"></i>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(9);"
+ onmouseup="zoomStop();">
+ 鍙樼劍灏� <i class="layui-icon layui-icon-subtraction"></i>
+ </button>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onclick="checkStart()">
+ 寮�濮嬫娴� <i class="layui-icon layui-icon-subtraction"></i>
+ </button>
+ <button class="layui-btn layui-btn-default layui-btn-sm" onclick="checkStop()">
+ 鍋滄妫�娴� <i class="layui-icon layui-icon-subtraction"></i>
</button>
</div>
@@ -99,47 +111,47 @@
</div>
<div class="card-body">
<div class="record-grid">
- <!-- 鏅�氳棰戣褰� -->
- <div class="record-item">
- <div class="record-img">
- <img th:src="@{/img/web/security/p-snap.jpg}" alt="鏅�氳棰戣褰�">
- </div>
- <div class="record-info">
- <div class="record-name">绮粨1鍙�</div>
- <div class="record-time">2025-12-03 10:00</div>
- </div>
- </div>
-
- <!-- 鐑垚鍍忚棰戣褰� -->
- <div class="record-item">
- <div class="record-img">
- <img th:src="@{/img/web/security/p-snap-red.jpg}" alt="鐑垚鍍忚棰戣褰�">
- </div>
- <div class="record-info">
- <div class="record-name">绮粨1鍙�</div>
- <div class="record-time">2025-12-03 10:00</div>
- </div>
- </div>
-
- <!-- 寮傚父浜嬩欢璁板綍 -->
+ <!-- 杩囩▼鎶撴媿1 -->
<div class="record-item" style="border: 2px solid var(--warning-color);">
<div class="record-img">
- <img th:src="@{/img/web/security/p-snap.jpg}" alt="寮傚父浜嬩欢璁板綍">
+ <img id="file-img1" th:src="@{/img/web/security/p-snap.jpg}">
</div>
<div class="record-info">
- <div class="record-name">绮粨3鍙�</div>
- <div class="record-time">2025-12-03 14:20</div>
+ <div class="record-name">杩囩▼鎶撴媿1</div>
+ <div id="file-time1" class="record-time">2025-12-03 10:00</div>
</div>
</div>
- <!-- 鐑垚鍍忚棰戣褰� -->
- <div class="record-item">
+ <!-- 杩囩▼鎶撴媿2 -->
+ <div class="record-item" style="border: 2px solid var(--warning-color);">
<div class="record-img">
- <img th:src="@{/img/web/security/p-snap-red.jpg}" alt="鐑垚鍍忚棰戣褰�">
+ <img id="file-img2" th:src="@{/img/web/security/p-snap.jpg}">
</div>
<div class="record-info">
- <div class="record-name">绮粨1鍙�</div>
- <div class="record-time">2025-12-03 10:00</div>
+ <div class="record-name">杩囩▼鎶撴媿2</div>
+ <div id="file-time2" class="record-time">2025-12-03 10:00</div>
+ </div>
+ </div>
+
+ <!-- 杩囩▼鎶撴媿3 -->
+ <div class="record-item" style="border: 2px solid var(--warning-color);">
+ <div class="record-img">
+ <img id="file-img3" th:src="@{/img/web/security/p-snap.jpg}">
+ </div>
+ <div class="record-info">
+ <div class="record-name">杩囩▼鎶撴媿3</div>
+ <div id="file-time3" class="record-time">2025-12-03 14:20</div>
+ </div>
+ </div>
+
+ <!-- 杩囩▼鎶撴媿4 -->
+ <div class="record-item" style="border: 2px solid var(--warning-color);">
+ <div class="record-img">
+ <img id="file-img4" th:src="@{/img/web/security/p-snap.jpg}">
+ </div>
+ <div class="record-info">
+ <div class="record-name">杩囩▼鎶撴媿4</div>
+ <div id="file-time4" class="record-time">2025-12-03 10:00</div>
</div>
</div>
</div>
@@ -175,43 +187,31 @@
<div class="card-body" style="max-height: 410px; overflow-y: hidden;">
<div class="alert-item accent">
<div class="alert-header">
- <div class="alert-title">妫�娴嬮噸閲忥細2590000 KG</div>
- <div class="alert-time">2025-12-07 10:00</div>
+ <div class="alert-title" id="record_title1">妫�娴嬮噸閲忥細---- KG</div>
+ <div class="alert-time" id="record_time1">----</div>
</div>
- <div class="alert-content">妫�娴嬮噸閲忎负2590000 KG锛屽疄闄呴噸閲忎负2550000 KG锛岃宸皬浜�5%銆�</div>
- <div style="text-align: right;">
- <button class="layui-btn layui-btn-xs" style="background-color: var(--primary-color);">鏌ョ湅涓夌淮娓叉煋</button>
- </div>
+ <div class="alert-content" id="record_content1">妫�娴嬮噸閲忎负---- KG锛屽疄闄呴噸閲忎负---- KG锛岃宸皬浜�-%銆�</div>
</div>
<div class="alert-item">
<div class="alert-header">
- <div class="alert-title">妫�娴嬮噸閲忥細2540000 KG</div>
- <div class="alert-time">2025-12-06 10:00</div>
+ <div class="alert-title" id="record_title2">妫�娴嬮噸閲忥細---- KG</div>
+ <div class="alert-time" id="record_time2">----</div>
</div>
- <div class="alert-content">妫�娴嬮噸閲忎负2540000 KG锛屽疄闄呴噸閲忎负2550000 KG锛岃宸皬浜�5%銆�</div>
- <div style="text-align: right;">
- <button class="layui-btn layui-btn-xs" style="background-color: var(--primary-color);">鏌ョ湅涓夌淮娓叉煋</button>
+ <div class="alert-content" id="record_content2">妫�娴嬮噸閲忎负---- KG锛屽疄闄呴噸閲忎负---- KG锛岃宸皬浜�-%銆�</div>
+ </div>
+ <div class="alert-item blue">
+ <div class="alert-header">
+ <div class="alert-title" id="record_title3">妫�娴嬮噸閲忥細---- KG</div>
+ <div class="alert-time" id="record_time3">----</div>
</div>
+ <div class="alert-content" id="record_content3">妫�娴嬮噸閲忎负---- KG锛屽疄闄呴噸閲忎负---- KG锛岃宸皬浜�-%銆�</div>
</div>
<div class="alert-item gray">
<div class="alert-header">
- <div class="alert-title">妫�娴嬮噸閲忥細2510000 KG</div>
- <div class="alert-time">2025-12-05 10:00</div>
+ <div class="alert-title" id="record_title4">妫�娴嬮噸閲忥細---- KG</div>
+ <div class="alert-time" id="record_time4">----</div>
</div>
- <div class="alert-content">妫�娴嬮噸閲忎负2510000 KG锛屽疄闄呴噸閲忎负2550000 KG锛岃宸皬浜�5%銆�</div>
- <div style="text-align: right;">
- <button class="layui-btn layui-btn-xs" style="background-color: var(--primary-color);">鏌ョ湅涓夌淮娓叉煋</button>
- </div>
- </div>
- <div class="alert-item gray">
- <div class="alert-header">
- <div class="alert-title">妫�娴嬮噸閲忥細2560000 KG</div>
- <div class="alert-time">2025-12-04 10:00</div>
- </div>
- <div class="alert-content">妫�娴嬮噸閲忎负2560000 KG锛屽疄闄呴噸閲忎负2550000 KG锛岃宸皬浜�5%銆�</div>
- <div style="text-align: right;">
- <button class="layui-btn layui-btn-xs" style="background-color: var(--primary-color);">鏌ョ湅涓夌淮娓叉煋</button>
- </div>
+ <div class="alert-content" id="record_content4">妫�娴嬮噸閲忎负---- KG锛屽疄闄呴噸閲忎负---- KG锛岃宸皬浜�-%銆�</div>
</div>
</div>
</div>
@@ -228,15 +228,15 @@
<div class="tool-item-simple" style="height: 65px">
<div class="tool-icon-simple"><i class="layui-icon layui-icon-chart"></i></div>
<div class="tool-text">
- <div class="tool-name-simple">娓╁害鍙樺寲鏇茬嚎</div>
- <div class="tool-desc">鏌ョ湅娓╁害鍙樺寲瓒嬪娍鍒嗘瀽</div>
- </div>
+ <div class="tool-name-simple">鏁版嵁鎶ヨ〃</div>
+ <div class="tool-desc">鏌ョ湅鏁版嵁鎶ヨ〃鍒嗘瀽</div>
+ </div>--
</div>
<div class="tool-item-simple" style="height: 65px">
<div class="tool-icon-simple"><i class="layui-icon layui-icon-print"></i></div>
<div class="tool-text">
<div class="tool-name-simple">瀵煎嚭鍒嗘瀽鎶ュ憡</div>
- <div class="tool-desc">瀵煎嚭娓╁害鏁版嵁鍙婂垎鏋愮粨鏋�</div>
+ <div class="tool-desc">瀵煎嚭鏁版嵁鏁伴噺鍒嗘瀽缁撴灉</div>
</div>
</div>
</div>
@@ -261,4 +261,5 @@
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
<script th:src="@{/js/plugins/echarts/echarts.min-4.7.js}"></script>
<script th:src="@{/security/quantity.js}"></script>
+<script th:src="@{/security/video-control.js}"></script>
</html>
\ No newline at end of file
--
Gitblit v1.9.3