| | |
| | | <th:block th:include="include :: header('巡更记录')"/> |
| | | <link rel="stylesheet" type="text/css" th:href="@{/ajax/libs/layui-ruoyi/css/layui.css}"/> |
| | | <link rel="stylesheet" th:href="@{/security/patrol-record-style.css}"> |
| | | <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=R3FfyIEbBAWNckTqRSopHQktdkgp924F"></script> |
| | | <script type="text/javascript"> |
| | | window._AMapSecurityConfig = { |
| | | securityJsCode: "1f590b908daf435350b6b4b238fa62eb", |
| | | }; |
| | | </script> |
| | | <script type="text/javascript" |
| | | src="https://webapi.amap.com/maps?v=2.0&key=51d35f2501da9369a8132895cca0fc94"></script> |
| | | </head> |
| | | <body> |
| | | <div class="container-div"> |
| | | <div class="row"> |
| | | <!-- 百度地图容器 --> |
| | | <!-- 高德地图容器 --> |
| | | <div id="map"></div> |
| | | <!-- 右侧轨迹卡片悬浮层 --> |
| | | <div class="track-card-panel"> |
| | |
| | | <!-- 轨迹卡片列表(Thymeleaf循环渲染) --> |
| | | <div th:each="record,stat : ${patrolRecordList}" class="track-card" data-index="${stat.index}"> |
| | | <div style="margin-bottom: 10px"> |
| | | <img style="width: 100%;max-height: 200px;" th:src="${record.imgName ?: '/logo-sm.png'}" th:data-id="${record.id}"> |
| | | <img style="width: 100%;max-height: 200px;" th:src="${record.imgName ?: '/logo-sm.png'}" |
| | | th:data-id="${record.id}"> |
| | | </div> |
| | | <div class="card-row"> |
| | | <span class="label">巡 检 人:</span> |
| | |
| | | </div> |
| | | |
| | | |
| | | |
| | | <!-- 引入Layui JS --> |
| | | <th:block th:include="include :: footer"/> |
| | | <script th:src="@{/ajax/libs/layui-ruoyi/layui.js}"></script> |
| | | <script th:src="@{/security/patrol-record.js}"></script> |
| | | <script th:inline="javascript"> |
| | | <script th:inline="javascript"> |
| | | var patrolRecordList = [[${patrolRecordList}]]; |
| | | </script> |
| | | </body> |
| | | </html> |
| | | </html> |