| | |
| | | </select> |
| | | </li> |
| | | <li class="select-time"> |
| | | <label>抓拍时间: </label> |
| | | <label style="width: 100px">抓拍时间:</label> |
| | | <input type="text" class="time-input" style="width: 120px;" id="start" placeholder="开始时间" name="params[begin]"/> |
| | | <span>-</span> |
| | | <input type="text" class="time-input" style="width: 120px;" id="end" placeholder="结束时间" name="params[end]"/> |
| | |
| | | </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>--> |
| | | <div class="meta-item"> |
| | | <i class="layui-icon layui-icon-home"></i> |
| | | <!-- <span th:text="${snapRecord.deptId}"></span>--> |
| | | <!-- </div>--> |
| | | <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> |
| | | </div> |
| | |
| | | <script th:src="@{/security/snap/snapRecord.js}"></script> |
| | | <script th:inline="javascript"> |
| | | var cameraList = [[${cameraList}]]; |
| | | var deptList = [[${deptList}]]; |
| | | var currentPage = [[${currentPage}]]; |
| | | var totalItems = [[${totalItems}]]; |
| | | var pageSize = [[${pageSize}]]; |