| | |
| | | |
| | | <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.eventInfo.serId]}"> |
| | | <!-- 如果有匹配项,显示第一个匹配的摄像头名称 --> |
| | | <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="${eventInfo.serId}"></span> |
| | | </th:block> |
| | | </th:block> |
| | | <span th:text="${eventInfo.serId}"></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="${eventInfo.time != null ? #dates.format(eventInfo.time, 'yyyy-MM-dd HH:mm') : '无时间'}"></span> |
| | | </div> |
| | |
| | | <div class="meta-item"> |
| | | <i class="layui-icon layui-icon-component"></i> |
| | | <th:block th:with="matchedTypes=${bizTypeList.?[code == #root.eventInfo.bizType]}"> |
| | | <!-- 如果有匹配项,显示第一个匹配的摄像头名称 --> |
| | | <th:block th:if="${!#lists.isEmpty(matchedTypes)}"> |
| | | <span th:text="${matchedTypes[0].msg}"></span> |
| | | </th:block> |
| | | <!-- 如果没有匹配项,显示原始ID --> |
| | | <th:block th:if="${#lists.isEmpty(matchedTypes)}"> |
| | | <span th:text="${eventInfo.bizType}"></span> |
| | | </th:block> |