<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>智慧粮库管理平台-抓拍管理</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" th:href="@{../../static/plugins/layui/css/layui.css}">
|
<link rel="stylesheet" th:href="@{../../static/plugins/layui/css/admin2.css}">
|
<style type="text/css">
|
strong {
|
color: #FFF;
|
}
|
|
.layui-fluid {
|
position: relative;
|
margin: 0 auto;
|
padding: 20px 10px 0 10px;
|
height: 775px;
|
}
|
|
.box1 {
|
float: left;
|
width: 15%;
|
height: 100%;
|
}
|
|
.box1-con {
|
height: 100%;
|
margin-right: 10px;
|
background: #FFFFFF;
|
border-radius: 8px;
|
}
|
|
.layui-tree-entry {
|
height: 25px;
|
font-size: 16px;
|
}
|
|
.btn-red {
|
background-color: #e37878;
|
}
|
|
.btn-blue {
|
background-color: #53adce;
|
}
|
|
.box2 {
|
float: left;
|
width: 100%;
|
height: 100%;
|
background: #FFFFFF;
|
border-radius: 8px;
|
}
|
|
.box2-top {
|
padding: 10px 10px 0 10px;
|
}
|
|
.layui-btn {
|
margin: 0 20px;
|
}
|
|
.box2-bottom {
|
padding: 0 5px;
|
height: 700px;
|
overflow: scroll;
|
}
|
|
.box2-bottom::-webkit-scrollbar {
|
display: none;
|
}
|
|
.box2-con {
|
margin: 0 5px 10px 5px;
|
border: 1px solid #a0a9c3;
|
}
|
|
.box2-con-d {
|
background: #676d77;
|
text-align: center;
|
}
|
|
.box2-con-d img {
|
height: 290px;
|
max-width: 460px;
|
}
|
|
.box2-text {
|
padding: 5px 15px 5px 15px;
|
font-size: 16px;
|
}
|
|
.layui-tree-entry:hover {
|
background-color: #1597ff;
|
}
|
|
.action {
|
background: #1597ff;
|
}
|
.rkbk-search-input {
|
padding-right: 10px;
|
font-size: 16px;
|
color: #666;
|
background: #f4f6fa;
|
}
|
.layui-form-item {
|
padding-right: 10px;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<!-- 主体内容 -->
|
<div class="box2">
|
<div class="layui-row box2-top">
|
<form class="layui-form" action="" id="form-param" lay-filter="form-param">
|
|
<div class="layui-col-xs3">
|
<div class="layui-form-item">
|
<label class="layui-form-label">仓房列表</label>
|
<div class="layui-input-block">
|
<select name="depotId" id="depotId"
|
lay-filter="select_depotId">
|
<option value=""></option>
|
<option th:each="depot,depotSet:${listDepot}"
|
th:value="${depot.id}" th:text="${depot.name}"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<div class="layui-form-item">
|
<label class="layui-form-label">开始日期</label>
|
<div class="layui-input-block">
|
<input type="text" name="time" placeholder="请选择日期" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date" id="time1">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<div class="layui-form-item">
|
<label class="layui-form-label">截至日期</label>
|
<div class="layui-input-block">
|
<input type="text" name="time" placeholder="请选择日期" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date" id="time2">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs3 layui-text-right">
|
<input type="button" value="查询" class="layui-btn btn-blue" onclick="query()"/>
|
<input type="button" value="清空" class="layui-btn btn-red" onclick="resetForm()"/>
|
<input type="button" value="抓拍配置" class="layui-btn btn-blue" onclick="captureTime()"/>
|
</div>
|
|
</form>
|
</div>
|
<div class="layui-row box2-bottom" id="listImg">
|
<!-- <div class="layui-col-md4 layui-col-sm6">-->
|
<!-- <div class="box2-con">-->
|
<!-- <div class="box2-con-d" ondblclick="queryDetail()">-->
|
<!-- <img th:src="@{../../static/desk.jpg}"/>-->
|
<!-- </div>-->
|
<!-- <div class="box2-text">-->
|
<!-- <div class="layui-row">-->
|
<!-- <div class="layui-col-md6">-->
|
<!-- <span>张三</span>-->
|
<!-- </div>-->
|
<!-- <div class="layui-col-md6">-->
|
<!-- <span style="float: right">10:50</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="layui-row">-->
|
<!-- <div class="layui-col-md12" style="font-size: 14px;color: #9E9E9E;">-->
|
<!-- <span>仓房门口</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="layui-col-md4 layui-col-sm6">-->
|
<!-- <div class="box2-con">-->
|
<!-- <div class="box2-con-d">-->
|
<!-- <img th:src="@{../../static/desk.jpg}"/>-->
|
<!-- </div>-->
|
<!-- <div class="box2-text">-->
|
<!-- <div class="layui-row">-->
|
<!-- <div class="layui-col-md6">-->
|
<!-- <span>张三</span>-->
|
<!-- </div>-->
|
<!-- <div class="layui-col-md6">-->
|
<!-- <span style="float: right">10:50</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="layui-row">-->
|
<!-- <div class="layui-col-md12" style="font-size: 14px;color: #9E9E9E;">-->
|
<!-- <span>仓房门口</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="layui-col-md4 layui-col-sm6">-->
|
<!-- <div class="box2-con">-->
|
<!-- <div class="box2-con-d">-->
|
<!-- <img th:src="@{../../static/images/fail.png}" style="height: 90px; padding: 90px 0 0 0;"/>-->
|
<!-- <div style="height: 110px;font-size: 16px;color: #7fb9e6;">图片加载失败</div>-->
|
<!-- </div>-->
|
<!-- <div class="box2-text">-->
|
<!-- <div class="layui-row">-->
|
<!-- <div class="layui-col-md6">-->
|
<!-- <span>张三</span>-->
|
<!-- </div>-->
|
<!-- <div class="layui-col-md6">-->
|
<!-- <span style="float: right">10:50</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="layui-row">-->
|
<!-- <div class="layui-col-md12" style="font-size: 14px;color: #9E9E9E;">-->
|
<!-- <span>仓房门口</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
</div>
|
</div>
|
</div>
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [[${listDepot}]];
|
var time = [[${time}]];
|
</script>
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/js/jquery.min.js}"></script>
|
<script th:src="@{../../static/admin/afgl/depot-capture.js}"></script>
|
</body>
|
<div class="layui-tab-content" id="detailImg" style="display: none;">
|
<div class="layui-row box2-top">
|
<div class="layui-col-xs4">
|
<form class="layui-form layui-row" action="">
|
|
<div class="layui-col-xs12">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备名称</label>
|
<div class="layui-input-block">
|
<input type="text" name="time" autocomplete="off"
|
class="layui-input rkbk-search-input"
|
value="1号仓-仓内摄像头">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs12">
|
<div class="layui-form-item">
|
<label class="layui-form-label">时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="time" autocomplete="off"
|
class="layui-input rkbk-search-input"
|
value="2022-05-06 14:25:35">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs12">
|
<div class="layui-form-item">
|
<label class="layui-form-label">位置</label>
|
<div class="layui-input-block">
|
<input type="text" name="address" autocomplete="off"
|
class="layui-input rkbk-search-input"
|
value="中粮吉林库区-1号仓">
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="layui-col-xs8">
|
<form class="layui-form" action="">
|
<div class="layui-col-xs12">
|
<div class="box2-con">
|
<div class="box2-con-d">
|
<img id="detailImg0" src="" style="height: 450px;"/>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
</div>
|
<div style="text-align: center;margin-top: 40px">
|
<button class="rkbk-quick-btn layui-btn" onClick="closeImg()">关闭</button>
|
</div>
|
</div>
|
</html>
|
