| | |
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|---|
| | | <meta name="renderer" content="webkit"> |
|---|
| | | <th:block th:include="include :: header('智能抓拍')" /> |
|---|
| | | <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/snap/snapRecord-style.css}"> |
|---|
| | | </head> |
|---|
| | | <body class="gray-bg"> |
|---|
| | | <div class="container-div"> |
|---|
| | | <div class="row"> |
|---|
| | | <div class="col-sm-12 search-collapse"> |
|---|
| | | <div class="col-sm-12 search-collapse" |
|---|
| | | style="display: flex; justify-content: space-between; align-items: center;"> |
|---|
| | | <form id="snapRecord-form"> |
|---|
| | | <div class="select-list"> |
|---|
| | | <ul> |
|---|
| | | <li> |
|---|
| | | 所属仓库：<input type="text" name="deptId"/> |
|---|
| | | 所属库区：<input type="text" name="deptId"/> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i class="fa fa-search"></i> 搜索</a> |
|---|
| | | <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a> |
|---|
| | | <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i |
|---|
| | | class="fa fa-search"></i> 搜索</a> |
|---|
| | | <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i |
|---|
| | | class="fa fa-refresh"></i> 重置</a> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | </form> |
|---|
| | | </div> |
|---|
| | | <div class="col-sm-12 " style="padding-top: 5px"> |
|---|
| | | <div class="btn-group-sm" role="group" > |
|---|
| | | <a class="btn btn-success" onclick="openConf()" shiro:hasPermission="system:user:add"> |
|---|
| | | <div class="btn-group-sm" role="group"> |
|---|
| | | <a class="btn btn-success" onclick="openConf()" shiro:hasPermission="web:security:snap:snapRecord:view"> |
|---|
| | | <i class="fa fa-plus"></i> 抓拍配置 |
|---|
| | | </a> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | class="gallery-img" onclick="showSnapRecordPreview(this.getAttribute('data-url'))"> |
|---|
| | | <div class="gallery-info"> |
|---|
| | | <div class="gallery-header"> |
|---|
| | | <h3 class="gallery-title" th:text="${snapRecord.id}"></h3> |
|---|
| | | <!-- <h3 class="gallery-title" th:text="${snapRecord.id}"></h3>--> |
|---|
| | | <!-- 标签列表 --> |
|---|
| | | <div class="gallery-tags"> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-note"></i> |
|---|
| | | <span>汽车</span> |
|---|
| | | </span> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-note"></i> |
|---|
| | | <span>卡车</span> |
|---|
| | | </span> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-note"></i> |
|---|
| | | <span>翻斗车</span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="gallery-meta"> |
|---|
| | | <div style="display: flex; align-items: center; gap: 15px;width: 100%"> |
|---|
| | | <div class="meta-item" style="width: 50%"> |
|---|
| | | <i class="layui-icon layui-icon-video"></i> |
|---|
| | | <span th:text="${snapRecord.cameraId}"></span> |
|---|
| | | </div> |
|---|
| | | <div class="meta-item" style="width: 50%"> |
|---|
| | | <i class="layui-icon layui-icon-date"></i> |
|---|
| | | <span th:text="${#dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm:ss')}"></span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="meta-item"> |
|---|
| | | <i class="layui-icon layui-icon-home"></i> |
|---|
| | | <span th:text="${snapRecord.deptId}"></span> |
|---|
| | | </div> |
|---|
| | | <div class="meta-item"> |
|---|
| | | <i class="layui-icon layui-icon-video"></i> |
|---|
| | | <span th:text="${snapRecord.cameraId}"></span> |
|---|
| | | </div> |
|---|
| | | <div class="meta-item"> |
|---|
| | | <i class="layui-icon layui-icon-date"></i> |
|---|
| | | <span th:text="${#dates.format(snapRecord.snapTime, 'yyyy-MM-dd HH:mm:ss')}"></span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 标签列表 --> |
|---|
| | | <div class="gallery-tags"> |
|---|
| | | <span class="tag-person"> |
|---|
| | | <i class="layui-icon layui-icon-face-smile"></i> |
|---|
| | | <span>测试标签</span> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="pagination-container" th:if="${not #lists.isEmpty(snapRecordList)}"> |
|---|
| | | <div id="pagination"></div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 图片预览层 --> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <th:block th:include="include :: footer" /> |
|---|
| | | <th:block th:include="include :: footer"/> |
|---|
| | | <script th:src="@{/ajax/libs/layui-ruoyi/layui.js}"></script> |
|---|
| | | <script th:src="@{/security/snap/snapRecord.js}"></script> |
|---|
| | | <script th:inline="javascript"> |
|---|
