<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>智慧粮库管理平台-成品仓粮情</title>
|
|
<link rel="stylesheet" th:href="@{../../static/plugins/layui/css/layui.css}">
|
<link rel="stylesheet" th:href="@{../../static/admin/grain/lqStyle.css}">
|
|
<!--使用打印插件 隐藏当前插件 -->
|
<script th:src="@{../../static/plugins/lodop/LodopFuncs.js}"></script>
|
|
<style>
|
.layui-checkbox-disbaled span {
|
background-color: #ed5565 !important;
|
}
|
|
#lq-left2{
|
min-width: 295px;
|
}
|
|
.lq-left2-list li h3 {
|
float: left;
|
/*color: rgb(108, 119, 129);*/
|
color: #000;
|
font-size: 16px;
|
font-style: italic;
|
}
|
|
@media all and (max-width: 1650px) {
|
.lq-cPic-box {
|
margin: 5% auto 0 auto;
|
}
|
.lq-center {
|
/*padding-bottom: 50px;*/
|
padding-bottom: 5px;
|
}
|
.lq-left2-list li {
|
padding: 3% 6%;
|
}
|
.lq-cTop-item p span {
|
font-size: 24px;
|
}
|
}
|
.lq-center {
|
width: 80%;
|
position: relative;
|
padding-bottom: 5px;
|
overflow: hidden;
|
}
|
|
.lq-center2 {
|
position: relative;
|
padding-bottom: 5px;
|
overflow-y: hidden;
|
}
|
.lq-rMenu {
|
position: unset;
|
margin-top: 20px;
|
}
|
.lq-center2 {
|
width: 80%;
|
margin-top: 50px;
|
}
|
.lq-right {
|
top: 50px;
|
}
|
.wsd{
|
width: 90px;
|
background: url(../../static/images/qt-bg4.png) no-repeat;
|
background-size: 100% 100%;
|
border-radius: 8px;
|
color: #FFFFFF;
|
font-size: 18px;
|
padding: 2px;
|
}
|
.wsd img{
|
width: 25px;
|
}
|
.layui-btn-sm {
|
padding: 0 20px;
|
font-size: 14px;
|
border-radius: 5px;
|
}
|
.lq-rMenu li {
|
height: 80px;
|
}
|
|
.layui-form-checkbox {
|
min-width: 100px;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<div class="l-container">
|
<div class="l-main layui-clear" style="padding-right: unset">
|
|
<div class="layui-row">
|
<div class="lq-left fl">
|
<div class="lq-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}"
|
th:type="${depot.depotType}"></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-form-item lq-left1-from">
|
<label class="layui-form-label">检测时间</label>
|
<div class="layui-input-block">
|
<select name="batchId" id="batchId" lay-filter="select_batchId">
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
|
</div>
|
<!-- 上-左 END-->
|
|
<div id="lq-center1" class="lq-center fr" style="padding-bottom: unset">
|
<div class="layui-clear" id="topInfo">
|
<div class="lq-cTop-1 fl" style="height: 110px">
|
<h3 style="font-size: 22px;">温度</h3>
|
<div class="layui-row">
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="tempMax">--</span>℃
|
</p>
|
<h4>最高</h4>
|
</div>
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="tempAve">--</span>℃
|
</p>
|
<h4>平均</h4>
|
</div>
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="tempMin">--</span>℃
|
</p>
|
<h4>最低</h4>
|
</div>
|
</div>
|
</div>
|
<div class="lq-cTop-2 fl ml4" style="height: 110px">
|
<h3 style="font-size: 22px;">湿度</h3>
|
<div class="layui-row">
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="humMax">--</span>%
|
</p>
|
<h4 id="dynamicAveName">最高</h4>
|
</div>
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="humAve">--</span>%
|
</p>
|
<h4 id="dynamicMaxName">平均</h4>
|
</div>
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="humMin">--</span>%
|
</p>
|
<h4 id="dynamicMinName">最低</h4>
|
</div>
|
</div>
|
</div>
|
<div class="lq-cTop-4 fl ml4" style="height: 110px">
|
<h3 style="font-size: 22px;">外温外湿</h3>
|
<div class="layui-row">
|
<div class="layui-col-lg6 lq-cTop-item">
|
<p>
|
<span id="tempOut">--</span>℃
|
</p>
|
<h4>仓外温</h4>
|
</div>
|
<div class="layui-col-lg6 lq-cTop-item">
|
<p>
|
<span id="humidityOut">--</span>%
|
</p>
|
<h4>仓外湿</h4>
|
</div>
|
|
</div>
|
</div>
|
<div style="float: right">
|
<div>
|
<button type="button" class="layui-btn layui-btn-sm" onclick="dragDevice()">移动</button>
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger" onclick="updateGrainPos()">保存</button>
|
</div>
|
<div style="margin-top: 10px">
|
<span id="device_info">提示：设备名称-</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--上-中-END-->
|
|
<div class="lq-right fr">
|
<div class="lq-r-fx">
|
<p>北</p>
|
<p>
|
<span class="fl">西</span><span class="fr">东</span>
|
</p>
|
<p>南</p>
|
</div>
|
<div class="lq-rMenu">
|
<ul>
|
<li><a href="javascript:;" onClick="printSingle()" class="lq-a4"> <span
|
class="l-icon lq-rMenu-icon4"></span>
|
<p>单仓打印</p>
|
</a></li>
|
<li><a href="javascript:;" onClick="printBatch()" class="lq-a5"> <span
|
class="l-icon lq-rMenu-icon5"></span>
|
<p>多仓打印</p>
|
</a></li>
|
</ul>
|
</div>
|
</div>
|
<!--上-右-EDN-->
|
|
</div>
|
|
<!-- 上部分 END-->
|
|
<div class="layui-row">
|
|
<div class="lq-left fl" id="lq-left2">
|
|
<!-- 保管员信息 -->
|
<div class="lq-left2 radius-6 box-shadow">
|
<div class="lq-userbox">
|
<div class="lq-user">
|
<img src="../../images/rkbk-photo_03.png" th:src="@{/static/images/rkbk-photo_02.png}"/>
|
<p id="storeKeeperName">保管员</p>
|
</div>
|
<dl class="lq-userItem radius-4">
|
<dt>级别</dt>
|
<dd>高级保管员</dd>
|
</dl>
|
<dl class="lq-userItem radius-4">
|
<dt>电话</dt>
|
<dd><span id="storeKeeperPhone">###</span></dd>
|
</dl>
|
</div>
|
</div>
|
|
|
<!-- 货位卡片信息 -->
|
<div class="lq-left2 radius-6 box-shadow">
|
<ul class="lq-left2-list">
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>仓房类型 :
|
</h3> <em id="depotTypeName"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>入仓日期 :
|
</h3> <em id="storeDate"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>储量(KG) :
|
</h3> <em id="storageReal"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>粮食品种 :
|
</h3> <em id="foodVarietyName"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>仓库状态 :
|
</h3> <em id="depotStatus"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>粮食产地 :
|
</h3> <em id="foodLocation"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>水分(%) :
|
</h3> <em id="perWet"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>杂质(%) :
|
</h3> <em id="perImpurity"></em>
|
</li>
|
<li>
|
<h3>
|
<span class="layui-badge-dot"></span>检测人 :
|
</h3> <em id="checkUser"></em>
|
</li>
|
</ul>
|
|
</div>
|
</div>
|
<!--下-左- END-->
|
|
<div id="lq-center" class="lq-center2 fr">
|
|
<img th:src="@{../../static/images/cpc-pic.png}" class="qt-pic"/>
|
<!-- <div class="wsd device" style="left: 300px; top: 134px;">-->
|
<!-- <div>-->
|
<!-- <img th:src="@{../../static/images/icon_wendu.png}"/>-->
|
<!-- <span>17.6℃</span>-->
|
<!-- </div>-->
|
<!-- <div>-->
|
<!-- <img th:src="@{../../static/images/icon_shidu.png}"/>-->
|
<!-- <span>56.6%</span>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
</div>
|
<!--下-右- END-->
|
</div>
|
|
|
</div>
|
<!--l-main end-->
|
</div>
|
<!--l-container end-->
|
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [[${listDepot}]];
|
//业务类型
|
var bizType = [[${bizType}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var deptId = [[${deptId}]];
|
var companyId = [[${loginUser.companyId}]];
|
var dept = [[${dept}]];
|
|
var DEPOT_TYPE = [[${depotType}]]; //仓库类型
|
var depotId = [[${depotId}]];// 当前仓库id，存在空情况
|
var socket;
|
</script>
|
<script th:src="@{../../static/plugins/layui/layui.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/grain/PrintBuilder-lay-5308.js}"></script>
|
<script th:src="@{../../static/admin/grain/grain-export.js}"></script>
|
<script th:src="@{../../static/admin/grain/grain-check5.js}"></script>
|
<script th:src="@{../../static/plugins/drag/drag-drop.js}"></script>
|
</body>
|
|
<!-- 更多批次选择 -->
|
<div class="layui-tab-content" id="dialogMoreSelect"
|
style="display: none;">
|
<div class="layui-inline" id="checkDateMore"></div>
|
</div>
|
|
|
<!-- 定义批量打印选择内容 -->
|
<div class="layui-tab-content" id="batchPrintSelect"
|
style="display: none;">
|
<form class="layui-form layui-form-pane">
|
<div class="layui-inline">
|
<label class="layui-form-label">选择时间：</label>
|
<div class="layui-input-inline left-input">
|
<input type="text" name="printCheckDate" id="printCheckDate"
|
placeholder="年-月" autocomplete="off" class="layui-input">
|
</div>
|
<button type="button" onclick="getPrintBatchDepot()"
|
class="layui-btn layui-btn-radius layui-btn-sm">
|
<i class="layui-icon layui-icon-search"></i>确认查询
|
</button>
|
</div>
|
<div class="layui-inline">
|
<input type="checkbox" lay-filter="select_print_depot"
|
th:each="depot,depotSet:${listDepot}" th:value="${depot.id}"
|
th:title="${depot.name}" th:disabled="false">
|
</div>
|
</form>
|
</div>
|
|
<!-- 定义比较的选择 -->
|
<div class="layui-tab-content" id="compareSelect" style="display: none;">
|
<form class="layui-form layui-form-pane">
|
<div class="layui-inline">
|
<label class="layui-form-label">对比范围：</label>
|
<div class="layui-input-inline left-input">
|
<input type="text" name="compareCheckDate" id="compareCheckDate"
|
placeholder="年-月" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</form>
|
<table class="layui-table" id="tableSelect" lay-filter="filterTable"></table>
|
</div>
|
|
<!-- 定义批量导出选择内容 -->
|
<div class="layui-tab-content" id="batchExportSelect"
|
style="display: none;">
|
<form class="layui-form layui-form-pane">
|
<div class="layui-inline">
|
<label class="layui-form-label">选择时间：</label>
|
<div class="layui-input-inline left-input">
|
<input type="text" name="printCheckDate2" id="printCheckDate2"
|
placeholder="年-月" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<input type="checkbox" lay-filter="select_print_depot2"
|
th:each="depot,depotSet:${listDepot}" th:value="${depot.id}"
|
th:title="${depot.name}" th:disabled="false">
|
</div>
|
</form>
|
</div>
|
|
<!-- 批量采集弹出框 -->
|
<div class="layui-tab-content" id="batchCheckSelect"
|
style="display: none;">
|
<form class="layui-form layui-form-pane">
|
<div class="layui-inline">
|
<input type="checkbox" lay-filter="select_check_depot"
|
th:each="depot,depotSet:${listDepot}" th:value="${depot.id}"
|
th:title="${depot.name}" th:disabled="false">
|
</div>
|
</form>
|
</div>
|
|
<!-- 粮情采集点走势 -->
|
<div class="layui-tab-content" id="pointChart" style="display: none;">
|
<div id="pointChartLine" style="width: 1300px; height: 500px;"></div>
|
</div>
|
|
</html>
|
