| | |
| | | <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"/> |
| | | <style> |
| | | .select-list .select2-container--bootstrap { |
| | | width: 280px !important; |
| | | display: inline-block; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body class="gray-bg"> |
| | | <div class="container-div"> |
| | |
| | | </li> |
| | | <li> |
| | | 所选库区:<select class="form-control" name="deptId"> |
| | | <option value="">所有</option> |
| | | <option th:each="dept : ${deptList}" th:value="${dept.id}" th:text="${dept.kqmc}"> |
| | | <option th:each="dept : ${deptList}" th:value="${dept.id}" th:text="${dept.kqmc}" |
| | | th:selected="${dept.id == defaultDeptId}"> |
| | | </option> |
| | | </select> |
| | | </li> |
| | |
| | | </li> |
| | | <li class="select-time"> |
| | | <label style="width: 100px">抓拍时间:</label> |
| | | <input type="text" class="time-input" style="width: 120px;" id="start" |
| | | <input type="text" class="time-input" style="width: 140px;" id="start" |
| | | placeholder="开始时间" name="start"/> |
| | | <span>-</span> |
| | | <input type="text" class="time-input" style="width: 120px;" id="end" placeholder="结束时间" |
| | | <input type="text" class="time-input" style="width: 140px;" id="end" placeholder="结束时间" |
| | | name="end"/> |
| | | </li> |
| | | <li> |
| | |
| | | <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> |
| | | <span th:text="${snapRecord.cameraId}"></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> |