| | |
| | | |
| | | <!-- 简化的视频控制工具栏--> |
| | | <div style="margin-top: 15px; text-align: center; background-color: #f5f5f5; padding: 10px; border-radius: 4px;"> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | 上移 <i class="layui-icon layui-icon-up"></i> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(1);" |
| | | onmouseup="moveStop();"> |
| | | 上移 <i class="layui-icon layui-icon-up"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | 下移 <i class="layui-icon layui-icon-down"></i> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(2);" |
| | | onmouseup="moveStop();"> |
| | | 下移 <i class="layui-icon layui-icon-down"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | 左移 <i class="layui-icon layui-icon-left"></i> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(3);" |
| | | onmouseup="moveStop();"> |
| | | 左移 <i class="layui-icon layui-icon-left"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | 右移 <i class="layui-icon layui-icon-right"></i> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(4);" |
| | | onmouseup="moveStop();"> |
| | | 右移 <i class="layui-icon layui-icon-right"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | 加倍 <i class="layui-icon layui-icon-addition"></i> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(10);" |
| | | onmouseup="zoomStop();"> |
| | | 变焦大 <i class="layui-icon layui-icon-addition"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | 减倍 <i class="layui-icon layui-icon-subtraction"></i> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onmousedown="ptzControl(9);" |
| | | onmouseup="zoomStop();"> |
| | | 变焦小 <i class="layui-icon layui-icon-subtraction"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onclick="checkStart()"> |
| | | 开始检测 <i class="layui-icon layui-icon-subtraction"></i> |
| | | </button> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm"> |
| | | <button class="layui-btn layui-btn-default layui-btn-sm" onclick="checkStop()"> |
| | | 停止检测 <i class="layui-icon layui-icon-subtraction"></i> |
| | | </button> |
| | | </div> |
| | |
| | | </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> |
| | |
| | | const bizType = [[${bizType}]]; |
| | | //设备列表 |
| | | const listCamera = [[${listCamera}]]; |
| | | //网关信息 |
| | | var gatewaySer = [[${gatewaySer}]]; |
| | | |
| | | </script> |
| | | <script th:src="@{/js/jquery.min.js}"></script> |
| | | <script th:src="@{/ajax/libs/layui/layui.js}"></script> |
| | | <script th:src="@{/js/plugins/echarts/echarts.min-4.7.js}"></script> |
| | | <script th:src="@{/security/quantity.js}"></script> |
| | | <script th:src="@{/security/video-control.js}"></script> |
| | | </html> |