From f6abc8c724eed706487b7616bc6c816e5db5c939 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期二, 09 十二月 2025 20:13:48 +0800
Subject: [PATCH] 数量检测页面提交
---
fzzy-igdss-web/src/main/resources/templates/security/quantity.html | 264 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 264 insertions(+), 0 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
new file mode 100644
index 0000000..7358613
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/security/quantity.html
@@ -0,0 +1,264 @@
+<!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 name="renderer" content="webkit">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+ <title>璐ㄦ娂鐩戠骞冲彴-鏁伴噺鐩戞祴</title>
+ <link rel="stylesheet" th:href="@{/ajax/libs/layui/css/layui.css}"/>
+ <link rel="stylesheet" th:href="@{/security/quantity.css}"/>
+</head>
+<body>
+<!-- 涓昏鍐呭鍖� -->
+<div class="i-container">
+ <!-- 涓讳綋鍐呭 -->
+ <div class="layui-row layui-col-space15">
+ <!-- 宸︿晶锛氬疄鏃剁洃鎺� -->
+ <div class="layui-col-lg8">
+ <!-- 瀹炴椂鐑垚鍍忕洃鎺� -->
+ <div class="card">
+ <div class="card-header">
+ <h2>瀹炴椂鐩戞帶鐢婚潰</h2>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-inline">
+ <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>
+ </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>
+ <!-- 娓╁害鏍囪鐐�
+ <div class="temp-mark" title="寮傚父楂樻俯鐐�: 32掳C">
+ <i class="fa fa-thermometer-full"></i>
+ </div>
+ -->
+
+<!-- <!– 娓╁害鏍囧昂 –>-->
+<!-- <div class="temp-scale">-->
+<!-- <div style="margin-bottom: 5px;">35掳C <span class="palette-color" style="background-color: #dc3545;"></span></div>-->
+<!-- <div style="margin-bottom: 5px;">30掳C <span class="palette-color" style="background-color: #fd7e14;"></span></div>-->
+<!-- <div style="margin-bottom: 5px;">25掳C <span class="palette-color" style="background-color: #ffc107;"></span></div>-->
+<!-- <div>20掳C <span class="palette-color" style="background-color: #0d6efd;"></span></div>-->
+<!-- </div>-->
+
+ <!-- 鐑垚鍍忔帶鍒堕潰鏉�
+ <div class="video-controls">
+ <span class="video-btn"><i class="fa fa-exchange"></i></span>
+ <span class="video-btn"><i class="fa fa-plus"></i></span>
+ <span class="video-btn"><i class="fa fa-tint"></i></span>
+ </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>
+ <button class="layui-btn layui-btn-default layui-btn-sm">
+ 涓嬬Щ <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>
+ <button class="layui-btn layui-btn-default layui-btn-sm">
+ 鍙崇Щ <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>
+ <button class="layui-btn layui-btn-default layui-btn-sm">
+ 鍑忓�� <i class="layui-icon layui-icon-subtraction"></i>
+ </button>
+ </div>
+
+
+ </div>
+ </div>
+
+ <!-- 鍘嗗彶璁板綍 -->
+ <div class="card">
+ <div class="card-header">
+ <h2>鍘嗗彶妫�娴嬭繃绋嬭褰�</h2>
+ </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>
+
+ <!-- 寮傚父浜嬩欢璁板綍 -->
+ <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="寮傚父浜嬩欢璁板綍">
+ </div>
+ <div class="record-info">
+ <div class="record-name">绮粨3鍙�</div>
+ <div class="record-time">2025-12-03 14:20</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>
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+ <!-- 鍙充晶锛氭暟鎹垎鏋� -->
+ <div class="layui-col-lg4">
+ <!-- 娓╁害璧板娍鍒嗘瀽锛圗Charts瀹炵幇锛� -->
+ <div class="card">
+ <div class="card-header">
+ <h2>鏁伴噺璧板娍鍒嗘瀽</h2>
+ <select class="layui-form-select">
+ <option>杩�7澶�</option>
+ <option>杩�30澶�</option>
+ </select>
+ </div>
+ <div class="card-body">
+ <div style="height: 250px;" id="temperatureChart"></div>
+ </div>
+ </div>
+
+ <!-- 寮傚父璀︽姤 -->
+ <div class="card">
+ <div class="card-header">
+ <h2>妫�娴嬭褰�</h2>
+ <div>
+ <a href="#" style="color: var(--primary-color);">鏇村 <i class="layui-icon layui-icon-more"></i></a>
+ </div>
+ </div>
+ <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>
+ <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>
+ <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>
+ <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>
+ </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>
+ <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>
+ </div>
+ </div>
+
+ <!-- 鐑垚鍍忓垎鏋愬伐鍏峰乏渚� -->
+ <div class="card">
+ <div class="card-header">
+ <h2>鍒嗘瀽宸ュ叿</h2>
+ </div>
+ <div class="card-body">
+ <!-- 绠�鍖栦负涓や釜涓昏宸ュ叿 -->
+
+ <div class="tool-grid-simple" style="height: 108px">
+ <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>
+ <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>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+</body>
+
+<script th:inline="javascript">
+ //绯荤粺鐧婚檰浜�
+ const loginUser = [[${loginUser}]];
+ //涓氬姟绫诲瀷
+ const bizType = [[${bizType}]];
+ //璁惧鍒楄〃
+ const listCamera = [[${listCamera}]];
+
+</script>
+<script th:src="@{/js/jquery.min.js}"></script>
+<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>
+</html>
\ No newline at end of file
--
Gitblit v1.9.3