| | |
| | | |
| | | <div class="gallery-meta"> |
| | | <div style="display: flex; align-items: center; gap: 15px;width: 100%"> |
| | | <div class="meta-item" style="width: 50%"> |
| | | <div class="meta-item" style="min-width: 60%"> |
| | | <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> |
| | | <span th:text="${snapRecord.cameraId}"></span> |
| | | </div> |
| | | |
| | | |
| | | <div class="meta-item" style="width: 50%"> |
| | | <div class="meta-item" style="min-width: 40%"> |
| | | <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> |
| | |
| | | <i class="layui-icon layui-icon-home"></i> |
| | | <!-- <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> |
| | |
| | | </div> |
| | | |
| | | <!-- 分页控件 --> |
| | | <div class="pagination-container" th:if="${not #lists.isEmpty(snapRecordList)}"> |
| | | <div class="pagination-container" id="paginationContainer"> |
| | | <div id="pagination"></div> |
| | | </div> |
| | | |