| | |
| | | </div> |
| | | <!-- 轨迹卡片列表(Thymeleaf循环渲染) --> |
| | | <div th:each="record,stat : ${patrolRecordList}" class="track-card" data-index="${stat.index}"> |
| | | <div class="card-row"> |
| | | <span class="label">序号:</span> |
| | | <span class="value" th:text="${stat.index + 1}"></span> |
| | | <div style="margin-bottom: 10px"> |
| | | <img style="width: 100%" th:src="${record.imgName ?: '/logo-sm.png'}" th:data-id="${record.id}"> |
| | | </div> |
| | | <div class="card-row"> |
| | | <span class="label">点位名称:</span> |
| | | <span class="value" th:text="${record.pointName}"></span> |
| | | </div> |
| | | <div class="card-row"> |
| | | <span class="label">巡检人:</span> |
| | | <span class="label">巡 检 人:</span> |
| | | <span class="value" th:text="${record.createBy}"></span> |
| | | </div> |
| | | <div class="card-row"> |
| | | <span class="label">巡检时间:</span> |
| | | <span class="value" th:text="${#dates.format(record.createTime, 'yyyy-MM-dd HH:mm:ss')}"></span> |
| | | </div> |
| | | <div class="card-row"> |
| | | <span class="label">经纬度:</span> |
| | | <span class="value" th:text="${record.latitude} + ', ' + ${record.longitude}"></span> |
| | | </div> |
| | | <div class="card-row"> |
| | | <span class="label">轨迹点ID:</span> |
| | | <span class="value" th:text="${record.id}"></span> |
| | | </div> |
| | | </div> |
| | | </div> |