From dfd2060bdcc0de929b4770a6a4a580c17bd72104 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期三, 17 十二月 2025 16:31:40 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
fzzy-igdss-web/src/main/resources/templates/security/snap/snapRecord/snapRecord.html | 112 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 79 insertions(+), 33 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/security/snap/snapRecord/snapRecord.html b/fzzy-igdss-web/src/main/resources/templates/security/snap/snapRecord/snapRecord.html
index f9f5394..318cc3d 100644
--- a/fzzy-igdss-web/src/main/resources/templates/security/snap/snapRecord/snapRecord.html
+++ b/fzzy-igdss-web/src/main/resources/templates/security/snap/snapRecord/snapRecord.html
@@ -1,42 +1,61 @@
<!DOCTYPE html>
-<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
+<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
- <th:block th:include="include :: header('鏅鸿兘鎶撴媿')" />
- <link rel="stylesheet" type="text/css" th:href="@{/ajax/libs/layui-ruoyi/css/layui.css}"/>
+ <th:block th:include="include :: header('鏅鸿兘鎶撴媿')"/>
+ <link rel="stylesheet" type="text/css" th:href="@{/ajax/libs/layui/css/layui.css}"/>
<link rel="stylesheet" th:href="@{/security/snap/snapRecord-style.css}">
+ <th:block th:include="include :: select2-css" />
</head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
- <div class="col-sm-12 search-collapse">
+ <div class="col-sm-12 search-collapse"
+ style="display: flex; justify-content: space-between; align-items: center;">
<form id="snapRecord-form">
<div class="select-list">
<ul>
<li>
- 鎵�灞炰粨搴擄細<input type="text" name="deptId"/>
+ 鏀跺偍鍏徃锛�<select class="form-control" name="key">
+ <option value="">鎵�鏈�</option>
+ <option th:each="company : ${companyList}" th:value="${company.id}" th:text="${company.dwmc}">
+ </option>
+ </select>
</li>
<li>
- <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i class="fa fa-search"></i> 鎼滅储</a>
- <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 閲嶇疆</a>
+ 鎵�閫夊簱鍖猴細<select class="form-control" name="deptId">
+ <option value="">鎵�鏈�</option>
+ <option th:each="dept : ${deptList}" th:value="${dept.id}" th:text="${dept.kqmc}">
+ </option>
+ </select>
+ </li>
+ <li class="select-time">
+ <label style="width: 100px">鎶撴媿鏃堕棿锛�</label>
+ <input type="text" class="time-input" style="width: 120px;" id="start" placeholder="寮�濮嬫椂闂�" name="start"/>
+ <span>-</span>
+ <input type="text" class="time-input" style="width: 120px;" id="end" placeholder="缁撴潫鏃堕棿" name="end"/>
+ </li>
+ <li>
+ <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i
+ class="fa fa-search"></i> 鎼滅储</a>
+ <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
+ class="fa fa-refresh"></i> 閲嶇疆</a>
</li>
</ul>
</div>
</form>
- </div>
- <div class="col-sm-12 " style="padding-top: 5px">
- <div class="btn-group-sm" role="group" >
- <a class="btn btn-success" onclick="openConf()" shiro:hasPermission="system:user:add">
+ <div class="btn-group-sm" role="group">
+ <a class="btn btn-success" onclick="openConf()">
<i class="fa fa-plus"></i> 鎶撴媿閰嶇疆
</a>
</div>
</div>
- <div class="col-sm-12 " style="padding-top: 10px;">
+ <div class="col-sm-12 " style="padding-top: 10px;background: #FFFFFF;margin-top: 10px;">
<!-- 鍥剧墖缃戞牸 -->
<div class="gallery-grid" id="gallery-container">
<!-- 鍥剧墖涓虹┖鏃舵樉绀� -->
@@ -52,32 +71,53 @@
class="gallery-img" onclick="showSnapRecordPreview(this.getAttribute('data-url'))">
<div class="gallery-info">
<div class="gallery-header">
- <h3 class="gallery-title" th:text="${snapRecord.id}"></h3>
+ <!-- <h3 class="gallery-title" th:text="${snapRecord.id}"></h3>-->
+ <!-- 鏍囩鍒楄〃 -->
+ <div class="gallery-tags">
+ <span th:each="tag : ${#strings.arraySplit(snapRecord.tags, ',')}" class="tag-person">
+ <i class="layui-icon layui-icon-note"></i>
+ <span th:text="${tag}"></span>
+ </span>
+ </div>
</div>
<div class="gallery-meta">
+ <div style="display: flex; align-items: center; gap: 15px;width: 100%">
+ <div class="meta-item" style="width: 50%">
+ <i class="layui-icon layui-icon-video"></i>
+ <!-- 浣跨敤鏍囧織鍙橀噺璁板綍鏄惁宸插尮閰� -->
+ <th:block th:with="matchedCameras=${cameraList.?[id == #root.snapRecord.cameraId]}">
+ <!-- 濡傛灉鏈夊尮閰嶉」锛屾樉绀虹涓�涓尮閰嶇殑鎽勫儚澶村悕绉� -->
+ <th:block th:if="${!#lists.isEmpty(matchedCameras)}">
+ <span th:text="${matchedCameras[0].name}"></span>
+ </th:block>
+ <!-- 濡傛灉娌℃湁鍖归厤椤癸紝鏄剧ず鍘熷ID -->
+ <th:block th:if="${#lists.isEmpty(matchedCameras)}">
+ <span th:text="${snapRecord.cameraId}"></span>
+ </th:block>
+ </th:block>
+ </div>
+
+
+ <div class="meta-item" style="width: 50%">
+ <i class="layui-icon layui-icon-date"></i>
+ <span th:text="${snapRecord.snapTime != null ? #dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm') : '鏃犳椂闂�'}"></span> </div>
+ </div>
<div class="meta-item">
<i class="layui-icon layui-icon-home"></i>
- <span th:text="${snapRecord.deptId}"></span>
- </div>
- <div class="meta-item">
- <i class="layui-icon layui-icon-video"></i>
- <span th:text="${snapRecord.cameraId}"></span>
- </div>
- <div class="meta-item">
- <i class="layui-icon layui-icon-date"></i>
- <span th:text="${#dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm:ss')}"></span>
+<!-- <span th:text="${snapRecord.deptId}"></span>-->
+ <th:block th:with="matchedDept=${deptList.?[id == #root.snapRecord.deptId]}">
+ <!-- 濡傛灉鏈夊尮閰嶉」锛屾樉绀虹涓�涓尮閰嶇殑鎽勫儚澶村悕绉� -->
+ <th:block th:if="${!#lists.isEmpty(matchedDept)}">
+ <span th:text="${matchedDept[0].kqmc}"></span>
+ </th:block>
+ <!-- 濡傛灉娌℃湁鍖归厤椤癸紝鏄剧ず鍘熷ID -->
+ <th:block th:if="${#lists.isEmpty(matchedDept)}">
+ <span th:text="${snapRecord.deptId}"></span>
+ </th:block>
+ </th:block>
</div>
</div>
-
- <!-- 鏍囩鍒楄〃 -->
- <div class="gallery-tags">
- <span class="tag-person">
- <i class="layui-icon layui-icon-face-smile"></i>
- <span>娴嬭瘯鏍囩</span>
- </span>
- </div>
-
</div>
</div>
</div>
@@ -86,6 +126,7 @@
<div class="pagination-container" th:if="${not #lists.isEmpty(snapRecordList)}">
<div id="pagination"></div>
</div>
+
</div>
</div>
<!-- 鍥剧墖棰勮灞� -->
@@ -98,13 +139,18 @@
</div>
</div>
</div>
-<th:block th:include="include :: footer" />
-<script th:src="@{/ajax/libs/layui-ruoyi/layui.js}"></script>
+<th:block th:include="include :: footer"/>
+<script th:src="@{/ajax/libs/layui/layui.js}"></script>
+<th:block th:include="include :: select2-js" />
<script th:src="@{/security/snap/snapRecord.js}"></script>
<script th:inline="javascript">
+ var cameraList = [[${cameraList}]];
+ var deptList = [[${deptList}]];
+ var companyList = [[${companyList}]];
var currentPage = [[${currentPage}]];
var totalItems = [[${totalItems}]];
var pageSize = [[${pageSize}]];
+
</script>
</body>
--
Gitblit v1.9.3