<!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/wkgl/temp-control.css}">
|
|
<style>
|
.margin-bottom10 {
|
margin-bottom: 10px;
|
}
|
|
.img_device {
|
/* height: 85px; */
|
cursor: pointer;
|
}
|
|
.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}"
|
<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">操作日志</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}]];
|
//业务类型
|
var bizType = [[${bizType}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var companyId = [[${loginUser.companyId}]];
|
var imgMap = [[${imgMap}]];
|
|
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/wkgl/renderDevice.js}"></script>
|
<script th:src="@{../../static/admin/wkgl/temp-control.js}"></script>
|
</body>
|
|
<!-- 弹出操作框 -->
|
<div class="layui-tab-content" id="tempControl" style="display: none;">
|
<form class="layui-form">
|
<div class="layui-form-item">
|
<label class="layui-form-label">开关操作：</label>
|
<div class="layui-input-block">
|
<input type="checkbox" name="targetStatus" lay-skin="switch"
|
lay-text="空调开|空调关">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">设定温度：</label>
|
<div class="layui-input-inline">
|
<input type="text" name="targetTemp" autocomplete="off"
|
placeholder="16℃-24℃ ，默认16℃" class="layui-input"
|
id="targetTemp">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">空调模式：</label>
|
<div class="layui-input-block">
|
<input type="radio" name="targetModel" value="01" title="制冷"
|
checked=""> <input type="radio" name="targetModel"
|
value="02" title="通风">
|
</div>
|
</div>
|
</form>
|
</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>
|
</div>
|
</div>
|
|
</html>
|
