<!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/n2/n2-hand-5013.css}">
|
|
<style>
|
.margin-bottom10 {
|
margin-bottom: 10px;
|
}
|
|
.img_device {
|
height: 30px;
|
cursor: pointer;
|
}
|
|
.hei_20 {
|
height: 20px !important;;
|
}
|
|
.device {
|
position: absolute;
|
cursor: pointer;
|
}
|
|
#device_view {
|
background: url('../../static/img/areation/default/pfc_a.png') no-repeat 5px
|
5px;
|
width: 100%;
|
height: 570px;
|
}
|
|
.select-bottom {
|
border-bottom: 3px solid #03ec45;
|
}
|
|
.left-input {
|
width: 140px !important;
|
}
|
|
.control-btn1 {
|
width: 170px !important;
|
margin-top: 10px;
|
}
|
|
.control-btn2 {
|
width: 110px !important;
|
margin-top: 10px;
|
}
|
|
.areation-center {
|
text-align: center;
|
}
|
</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" action="">
|
|
<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}"
|
th:type="${depot.depotType}"></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 info1">
|
<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 info2">
|
<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" style="background: rgb(222,230,236);font-weight: bold;border-bottom:3px solid #FFF;">操作日志</div>
|
<div id="areationInfo" style="min-height: 410px;background: rgb(222,230,236);;"></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}]];
|
//系统登陆人
|
var loginUser = [[${loginUser}]];
|
//业务类型
|
var bizType = [[${bizType}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var companyId = [[${loginUser.companyId}]];
|
var imgMap = [[${n2ImgMap}]];
|
|
//业务类型
|
var deptId = [[${deptId}]];// 分库Id
|
var DEPOT_TYPE = [[${depotType}]]; //仓库类型
|
var depotId = [[${depotId}]];// 当前仓库id，存在空情况
|
var socket;
|
</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/n2/renderDeviceHand1.js}"></script>
|
<script th:src="@{../../static/admin/n2/n2-hand-5013.js}"></script>
|
</body>
|
|
<!-- 弹出操作框- 开关 -->
|
<div class="layui-tab-content areation-center" id="control-KG"
|
style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN')">
|
<i class="layui-icon layui-icon-template"></i>打开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE')">
|
<i class="layui-icon layui-icon-layer"></i>关闭
|
</button>
|
</div>
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN_ALL')">
|
<i class="layui-icon layui-icon-template"></i>全开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE_ALL')">
|
<i class="layui-icon"></i>全关
|
</button>
|
</div>
|
</div>
|
|
<!-- 弹出操作框- 开关-只有开关 -->
|
<div class="layui-tab-content areation-center" id="control-KG2"
|
style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn layui-btn btn-violet"
|
onClick="toExecute('OPEN')">
|
<i class="layui-icon layui-icon-template"></i>打开
|
</button>
|
<button class="rkbk-quick-btn layui-btn btn-red"
|
onClick="toExecute('CLOSE')">
|
<i class="layui-icon layui-icon-layer"></i>关闭
|
</button>
|
</div>
|
</div>
|
|
<!-- 弹出框-环流风机-->
|
<div class="layui-tab-content areation-center" id="control-HL2"
|
style="display: none;">
|
<div class="layui-btn-container m10">
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
|
onClick="toExecute('F_OPEN')">
|
<i><img th:src="@{../../static/images/icon-sm-fj.png}" /></i>开风机
|
</button>
|
<button class="rkbk-quick-btn btn-fj layui-btn btn-red"
|
onClick="toExecute('F_CLOSE')">
|
<i><img th:src="@{../../static/images/icon-sm-fj.png}" /></i>关风机
|
</button>
|
<!-- <button class="rkbk-quick-btn btn-fj layui-btn btn-blue"-->
|
<!-- onClick="toExecute('F_OPEN_F')">-->
|
<!-- <i><img th:src="@{../../static/images/icon-sm-fj.png}" /></i>弱风-->
|
<!-- </button>-->
|
</div>
|
</div>
|
|
|
</html>
|
