| | |
| | | </div> |
| | | <div class="card-body"> |
| | | <div class="record-grid"> |
| | | <!-- 普通视频记录 --> |
| | | <!-- 过程抓拍1 --> |
| | | <div class="record-item" style="border: 2px solid var(--warning-color);"> |
| | | <div class="record-img"> |
| | | <img id="file-img1" th:src="@{/img/web/security/p-snap.jpg}"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 热成像视频记录 --> |
| | | <!-- 过程抓拍2 --> |
| | | <div class="record-item" style="border: 2px solid var(--warning-color);"> |
| | | <div class="record-img"> |
| | | <img id="record-img2" th:src="@{/img/web/security/p-snap.jpg}"> |
| | | <img id="file-img2" th:src="@{/img/web/security/p-snap.jpg}"> |
| | | </div> |
| | | <div class="record-info"> |
| | | <div class="record-name">过程抓拍2</div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 异常事件记录 --> |
| | | <!-- 过程抓拍3 --> |
| | | <div class="record-item" style="border: 2px solid var(--warning-color);"> |
| | | <div class="record-img"> |
| | | <img id="record-img3" th:src="@{/img/web/security/p-snap.jpg}"> |
| | | <img id="file-img3" th:src="@{/img/web/security/p-snap.jpg}"> |
| | | </div> |
| | | <div class="record-info"> |
| | | <div class="record-name">过程抓拍3</div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 热成像视频记录 --> |
| | | <!-- 过程抓拍4 --> |
| | | <div class="record-item" style="border: 2px solid var(--warning-color);"> |
| | | <div class="record-img"> |
| | | <img id="record-img4" th:src="@{/img/web/security/p-snap.jpg}"> |
| | | <img id="file-img4" th:src="@{/img/web/security/p-snap.jpg}"> |
| | | </div> |
| | | <div class="record-info"> |
| | | <div class="record-name">过程抓拍4</div> |