| | |
|---|
| | | <!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"> |
|---|
| | |
|---|
| | | <form id="snapRecord-form"> |
|---|
| | | <div class="select-list"> |
|---|
| | | <ul> |
|---|
| | | <li class="select-time"> |
|---|
| | | <label style="width: 100px">抓拍时间： </label> |
|---|
| | | <input type="text" class="time-input" id="start" placeholder="开始时间" name="start"/> |
|---|
| | | <span>-</span> |
|---|
| | | <input type="text" class="time-input" id="end" placeholder="结束时间" name="end"/> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | 所属库区：<input type="text" name="deptId"/> |
|---|
| | | 标签：<input type="text" name="key"/> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i |
|---|
| | |
|---|
| | | <!-- <h3 class="gallery-title" th:text="${snapRecord.id}"></h3>--> |
|---|
| | | <!-- 标签列表 --> |
|---|
| | | <div class="gallery-tags"> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <span th:each="tag : ${#strings.arraySplit(snapRecord.tags, ',')}" class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-note"></i> |
|---|
| | | <span>汽车</span> |
|---|
| | | </span> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-note"></i> |
|---|
| | | <span>卡车</span> |
|---|
| | | </span> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-note"></i> |
|---|
| | | <span>翻斗车</span> |
|---|
| | | <span th:text="${tag}"></span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <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="${#dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm')}"></span> |
|---|
| | | <span th:text="${snapRecord.snapTime != null ? #dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm') : '无时间'}"></span> </div> |
|---|
| | | </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-home"></i>--> |
|---|
| | | <!-- <span th:text="${snapRecord.deptId}"></span>--> |
|---|
| | | <!-- </div>--> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <script th:src="@{/ajax/libs/layui-ruoyi/layui.js}"></script> |
|---|
| | | <script th:src="@{/security/snap/snapRecord.js}"></script> |
|---|
| | | <script th:inline="javascript"> |
|---|
| | | var cameraList = [[${cameraList}]]; |
|---|
| | | var currentPage = [[${currentPage}]]; |
|---|
| | | var totalItems = [[${totalItems}]]; |
|---|
| | | var pageSize = [[${pageSize}]]; |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | </body> |
|---|
