<!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="keywords" content="安防管理-巡更记录">
|
<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">
|
<input type="text" name="deptId" autocomplete="off" class="layui-input rkbk-search-input">
|
</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="blacklist()"/>-->
|
</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/testImg/user/user1.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">2023-03-01 07:58</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/testImg/user/user2.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">2023-03-01 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/testImg/user/user3.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">2023-03-01 10:50</span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-md12" style="font-size: 14px;color: #9E9E9E;">
|
<span>地点：1号仓内</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/testImg/user/user4.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">2023-03-01 10:50</span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-md12" style="font-size: 14px;color: #9E9E9E;">
|
<span>地点：35号仓内</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/testImg/user/user.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">2023-03-01 07:30</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 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/personnel-access.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="deptId" autocomplete="off"
|
class="layui-input rkbk-search-input" value="张三">
|
</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="deptId" autocomplete="off"
|
class="layui-input rkbk-search-input" value="承运人">
|
</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="中粮吉林库区大门口">
|
</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>
|
