<!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: 15px 15px;
|
}
|
|
.layadmin-contact-box {
|
background-color: #484c56 !important
|
}
|
|
.layadmin-maillist-img {
|
color: #FFF;
|
}
|
|
.layadmin-textimg {
|
font-weight: bold;
|
}
|
|
.color-a {
|
color: #FFB800;
|
}
|
|
.layadmin-maillist-fluid .layadmin-text-center img {
|
max-width: 80%;
|
border-radius: 4px;
|
margin-top: 5px;
|
}
|
|
.btn-mar{
|
margin-top: 25px;
|
}
|
.layadmin-maillist-fluid .layadmin-contact-box {
|
padding: 6px;
|
|
}
|
.layadmin-maillist-fluid .layadmin-maillist-img {
|
margin-top: unset;
|
margin-bottom: 5px;
|
}
|
.layui-layer-btn {
|
text-align: center;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="layui-fluid layadmin-maillist-fluid">
|
<!-- 条件控制 -->
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md12">
|
<div class="layui-card">
|
<div class="layui-tab layui-tab-brief">
|
<ul class="layui-tab-title">
|
<li class="layui-this">条件筛选</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<form class="layui-form">
|
<div class="layui-form-item" style="margin-bottom: 0px;">
|
|
<div class="layui-inline">
|
<label class="layui-form-label">仓库列表:</label>
|
<div class="layui-input-block">
|
<select name="depotId" id="depotId">
|
<option value=""></option>
|
<option th:each="depot,depotSet:${listDepot}"
|
th:value="${depot.id}" th:text="${depot.name}"></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<button type="button" class="layui-btn" onclick="query()">
|
<i class="layui-icon layui-icon-search"></i>查询
|
</button>
|
</div>
|
|
<div class="layui-inline" style="float: right">
|
<button type="button" onclick="showDoorRecord()" class="layui-btn layui-btn-normal">
|
<i class="layui-icon layui-icon-list"></i>门禁记录
|
</button>
|
</div>
|
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<!-- 主体内容 -->
|
<div class="layui-row layui-col-space15" id="div_main">
|
|
<div class='layui-col-md3 layui-col-sm6'>
|
<div class='layadmin-contact-box'>
|
<div class='layui-col-md6 layui-col-sm6'>
|
<div class='layadmin-text-center'>
|
<img th:src='@{../../static/images/icon-door-open.png}'>
|
<div class='layadmin-maillist-img layadmin-font-blod'>
|
<span>打开</span>
|
</div>
|
</div>
|
</div>
|
<div class='layui-col-md6 layui-col-sm6' style="padding: 15px">
|
<h3 class='layadmin-title'>
|
<strong>门禁1</strong>
|
</h3>
|
<div class='layui-col-md12'>
|
<p class='layadmin-textimg color-a'>所属仓库:1号仓</p>
|
<button type="button" class="layui-btn btn-mar">开门</button>
|
<button type="button" class="layui-btn btn-mar layui-btn-danger">关门</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class='layui-col-md3 layui-col-sm6'>
|
<div class='layadmin-contact-box'>
|
<div class='layui-col-md6 layui-col-sm6'>
|
<div class='layadmin-text-center'>
|
<img th:src='@{../../static/images/icon-door-close.png}'>
|
<img style="position: absolute;top: 75px;left: 66px;max-width: 60px;z-index: 2;" th:src='@{../../static/images/icon-tanhao.png}'>
|
<div class='layadmin-maillist-img layadmin-font-blod'>
|
<span>打开</span>
|
</div>
|
</div>
|
</div>
|
<div class='layui-col-md6 layui-col-sm6' style="padding: 15px">
|
<h3 class='layadmin-title'>
|
<strong>门禁1</strong>
|
</h3>
|
<div class='layui-col-md12'>
|
<p class='layadmin-textimg color-a'>所属仓库:1号仓</p>
|
<button type="button" class="layui-btn btn-mar">开门</button>
|
<button type="button" class="layui-btn btn-mar layui-btn-danger">关门</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [[${listDepot}]];
|
var mapDept = [[${mapDept}]];
|
//业务类型
|
var bizType = [[${bizType}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var companyId = [[${loginUser.companyId}]];
|
var deptId = [[${deptId}]];
|
|
</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/door-sensor.js}"></script>
|
</body>
|
<div class="layui-tab-content" id="cheFang" style="display: none;">
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<form class="layui-form">
|
<div class="layui-form-item" style="margin-bottom: 0px;">
|
<div class="layui-inline" style="display: none">
|
<label class="layui-form-label">仓库:</label>
|
<div class="layui-input-block" style="width: 100%">
|
<input type="text" id="id" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">仓库:</label>
|
<div class="layui-input-block" style="width: 100%">
|
<input type="text" id="depotName" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">门禁设备:</label>
|
<div class="layui-input-block" style="width: 100%">
|
<input type="text" id="name" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">开始时间:</label>
|
<div class="layui-input-block" style="width: 100%">
|
<input type="text" name="start" id="start" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">截止时间:</label>
|
<div class="layui-input-block" style="width: 100%">
|
<input type="text" name="end" id="end" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date">
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<div class="layui-tab-content" id="buFang" style="display: none;">
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<form class="layui-form">
|
<div class="layui-form-item" style="margin-bottom: 0px;">
|
<div class="layui-inline">
|
<label class="layui-form-label">仓库:</label>
|
<div class="layui-input-block">
|
<input type="text" id="depotName2" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div style="text-align: center; margin-top: 20px;">
|
<span style="color: red; font-size: 15px;">
|
注意:提交将取消此仓库所有门禁的撤防信息
|
</span>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</html>
|