<!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}" media="all">
|
<link rel="stylesheet"
|
th:href="@{../../static/admin/afgl/door-entry.css}">
|
|
<style>
|
.margin-bottom10 {
|
margin-bottom: 10px;
|
}
|
|
.img_device {
|
height: 40px;
|
cursor: pointer;
|
}
|
|
.device {
|
position: absolute;
|
cursor: pointer;
|
}
|
|
#device_view {
|
background: url('../../static/images/sdtf-default.png') no-repeat 5px 5px;
|
width: 100%;
|
height: 570px;
|
}
|
|
.font-red {
|
color: red;
|
}
|
|
.select-bottom {
|
border-bottom: 3px solid #03ec45;
|
}
|
|
.left-input {
|
width: 140px !important;
|
}
|
|
.btn-fj {
|
width: 120px !important;
|
}
|
.m10{
|
margin: 10px;
|
}
|
.btn-dis{
|
background-color: #FBFBFB !important;;
|
}
|
#areationControl{
|
text-align: center;
|
}
|
.layui-btn-container{
|
font-size: unset;
|
}
|
</style>
|
</head>
|
<body class="sdtf-body">
|
|
<div class="l-container ">
|
|
<div class="l-main layui-clear">
|
|
<div class="qt-left">
|
|
<div class="qt-lTop layui-clear">
|
<div class="qt-lTop-l fl">
|
<div class="qt-left1 layui-clear radius-6 box-shadow">
|
<form class="layui-form">
|
|
<div class="layui-form-item lq-left1-from">
|
<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 class="layui-btn-group layui-row sdft-btn-group">
|
<button type="button"
|
class="layui-btn layui-col-lg6 sdft-topbtn active js-tf-btn" onclick="toCut('01')">显示正面
|
</button>
|
<button type="button"
|
class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn" onclick="toCut('02')">显示反面
|
</button>
|
</div>
|
|
</form>
|
</div>
|
</div>
|
<!--qt-lTop-l end-->
|
|
<div class="layui-row qt-lTop-r fr">
|
|
<div class="layui-col-lg6">
|
<div class="radius-6 mr4 sdtf-top-item">
|
<div class="xg115-sdtf-tit">
|
<div class="xg115-sdtf-time">
|
<i class="i-icon"><img
|
th:src="@{../../static/images/icon-time.png}"/></i> 检测时间 : <font
|
id="updateTime">00:00:00</font>
|
</div>
|
</div>
|
|
<div class="layui-row sdft-listbox">
|
|
<ul class="sdft-list sdft-list2 xg115-tf-list1">
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="tempIn">#</strong><i>℃</i>
|
</div>
|
<p>仓温</p>
|
</a></li>
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="humidityIn">#</strong><i>℃</i>
|
</div>
|
<p>仓湿</p>
|
</a></li>
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="tempAve">#</strong><i>℃</i>
|
</div>
|
<p>粮温</p>
|
</a></li>
|
<li><a href="#">
|
<div class="xg115-num">
|
<strong id="tempOut">#</strong><i>℃</i>
|
</div>
|
<p>外温</p>
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
<!--layui-col end-->
|
|
|
<div class="layui-col-lg6">
|
<div class="radius-6 mr4 sdtf-top-item">
|
<div class="sdtf-top-tit">
|
<h3>
|
<span>仓库操作</span>
|
</h3>
|
</div>
|
|
<div class="layui-row sdft-listbox">
|
|
<ul class="sdft-list sdft-list2 xg115-tf-list">
|
<li class="videolist"
|
th:vpath="@{../../static/images/share-video_03.png}"
|
th:ipath="@{../../static/video/ckin.mp4}"><a
|
href="javascript:;" onclick="showVideo()"> <span
|
class="sdft-list-icon6"></span>
|
<p>视频查看</p>
|
</a></li>
|
|
<li><a href="javascript:;" onclick="closeAll()"> <span
|
class="sdft-list-icon9"></span>
|
<p>紧急全关</p>
|
</a></li>
|
<li><a href="javascript:;" onclick="queryStatus()"> <span
|
class="sdft-list-icon10"></span>
|
<p>更新状态</p>
|
</a></li>
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
<!--layui-col end-->
|
|
</div>
|
<!-- qt-lTop-r end-->
|
|
|
</div>
|
<!--qt-lTop end-->
|
|
<div class="qt-picBox">
|
|
<div id="device_view" class="pop radius-6"></div>
|
|
</div>
|
<!--qt-picBox end-->
|
|
|
</div>
|
<!--qt-left end-->
|
|
|
<div class="qt-right">
|
<div class="sdtf-r1 radius-6">
|
|
<div class="sdtf-r1-show">
|
<img th:src="@{../../static/images/sdtf-show_03.png}"/>
|
</div>
|
|
<div class="xg115-btnhide">
|
<div class="layui-row sdtf-r1-btnbox">
|
<div class="layui-col-lg6 sdtf-r1-btn1">
|
<button type="button" class="layui-btn" onclick="dragDevice()">设备移动</button>
|
</div>
|
<div class="layui-col-lg6 sdtf-r1-btn2">
|
<button type="button" class="layui-btn layui-btn-danger"
|
onclick="updatePos()">位置保存
|
</button>
|
</div>
|
</div>
|
</div>
|
|
<a href="#" class="xg115-arrow js-xg115-arrow"></a>
|
|
</div>
|
<!--sdtf-r1 end-->
|
|
|
<!-- 调整为操作日志信息 -->
|
<div class="qt-rTable-box radius-6" style="height: 300px;">
|
<div class="layui-card-header">操作日志</div>
|
<div id="areationInfo"></div>
|
</div>
|
|
<!--qt-rTable-box end-->
|
</div>
|
<!--qt-right end-->
|
</div>
|
<!--l-main end-->
|
</div>
|
<!--l-container end-->
|
|
<div class="shade"></div>
|
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [[${listDepot}]];
|
//每个仓库的显示图通过areationImg[depotId]获取
|
// var areationImg = [[${areationImg}]];
|
//系统登陆人
|
var loginUser = [[${loginUser}]];
|
//业务类型
|
var bizType = [[${bizType}]];
|
var deptId = [[${deptId}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var companyId = [[${loginUser.companyId}]];
|
</script>
|
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/plugins/drag/drag-drop.js}"></script>
|
<script th:src="@{../../static/js/jquery.min.js}"></script>
|
<script th:src="@{../../static/js/constant.js}"></script>
|
<script th:src="@{../../static/js/igds-common.js}"></script>
|
<script th:src="@{../../static/admin/afgl/renderDevice.js}"></script>
|
<script th:src="@{../../static/admin/afgl/door-entry.js}"></script>
|
</body>
|
|
|
<!-- 弹出操作框 -->
|
<div class="layui-tab-content" id="areationControl"
|
style="display: none;">
|
|
<div class="layui-btn-container m10">
|
<button id="btnOpen" class="rkbk-quick-btn layui-btn btn-violet" onClick="toExecute('OPEN')">
|
<i><img th:src="@{../../static/images/icon-sm-fc.png}"/></i>开门
|
</button>
|
<button id="btnClose" class="rkbk-quick-btn layui-btn btn-red" onClick="toExecute('CLOSE')">
|
<i><img th:src="@{../../static/images/icon-sm-fc.png}"/></i>关门
|
</button>
|
</div>
|
</div>
|
<div class="layui-tab-content" id="checkPwd" style="display: none;">
|
<div class="layui-btn-container m10">
|
<div class="layui-form-item">
|
<label class="layui-form-label">权限码：</label>
|
<div class="layui-input-block">
|
<input type="text" id="password" placeholder="请输入权限码" class="layui-input rkbk-search-input">
|
</div>
|
</div>
|
<div style="text-align: center;margin-top: 40px">
|
<button class="rkbk-quick-btn layui-btn" onClick="checkPassword()">确定</button>
|
</div>
|
</div>
|
</div>
|
</html>
|
