<!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-rMenu {
|
position: relative;
|
}
|
|
.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;
|
}
|
|
.lq-left2-list li {
|
padding: 3% 6%;
|
}
|
|
.lq-cTop-item p span {
|
font-size: 24px;
|
}
|
}
|
.lq-center {
|
width: 79%;
|
position: relative;
|
padding-bottom: 50px;
|
overflow: hidden;
|
}
|
.lq-cLow-1 {
|
width: 50px;
|
border-right: 1px solid #333;
|
}
|
.lq-cLow {
|
width: 690px;
|
left: 320px;
|
height: 40px;
|
}
|
.lq-cLow-right .layui-btn {
|
height: 38px;
|
line-height: 38px;
|
width: 100px;
|
}
|
.lq-cLow-3 {
|
width: 15px;
|
border-right: 1px solid #333;
|
}
|
.lq-cTop {
|
margin-top: 10px;
|
float: left;
|
width: 28%;
|
}
|
.lq-cTop-1{
|
width: 100%;
|
}
|
.lq-cTop-2{
|
width: 100%;
|
margin-top: 30px;
|
}
|
.m-top-30{
|
margin-top: 30px;
|
}
|
.lq-right {
|
right: 10px;
|
}
|
.lq-rMenu li a p {
|
color: #FFF;
|
}
|
.lq-cLow-left {
|
margin-top: 8px;
|
}
|
.lq-rMenu li {
|
height: 80px;
|
}
|
|
.layui-form-checkbox {
|
min-width: 100px;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<div class="l-container">
|
<div class="l-main layui-clear">
|
<div class="lq-left fl">
|
<div class="lq-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-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 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" id="mainLeft">
|
<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>
|
<!--lq-left2 end-->
|
|
</div>
|
<!--lq-left end-->
|
<div id="lq-center" class="lq-center fr">
|
<div class="lq-cTop layui-clear" id="topInfo">
|
<div class="lq-cTop-1">
|
<div class="layui-row">
|
<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="tempMax">--</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">
|
<div class="layui-row">
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="dynamicAve">--</span>℃
|
</p>
|
<h4 id="dynamicAveName">层均温</h4>
|
</div>
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="dynamicMax">--</span>℃
|
</p>
|
<h4 id="dynamicMaxName">层高温</h4>
|
</div>
|
<div class="layui-col-lg4 lq-cTop-item">
|
<p>
|
<span id="dynamicMin">--</span>℃
|
</p>
|
<h4 id="dynamicMinName">层低温</h4>
|
</div>
|
</div>
|
</div>
|
<div class="lq-cTop-3-2 m-top-30">
|
<div class="layui-row">
|
<div class="layui-col-lg6 lq-cTop-item">
|
<p>
|
<span id="tempIn">--</span>℃
|
</p>
|
<h4>仓内温</h4>
|
</div>
|
<div class="layui-col-lg6 lq-cTop-item">
|
<p>
|
<span id="humidityIn">--</span>%
|
</p>
|
<h4>仓内湿</h4>
|
</div>
|
|
</div>
|
</div>
|
<div class="lq-cTop-4-2 m-top-30">
|
<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>
|
|
<div style="margin-top: 10px;width: 70%;float: left" id="canvas_parent">
|
<canvas id="canvas" width="1000" height="620"></canvas>
|
</div>
|
|
<div class="lq-cLow layui-clear radius-6">
|
<form class="layui-form" action="">
|
<div class="lq-cLow-left fl">
|
<div class="lq-cLow-1 fl">
|
操作：
|
<!--<span>在线</span>-->
|
</div>
|
|
<div class="lq-cLow-2 fl layui-form-item">
|
<label class="layui-form-label">全部</label>
|
<div class="layui-input-block">
|
<input type="checkbox" value="all" id="switch_all"
|
lay-skin="switch" lay-filter="filter_switch2" checked>
|
</div>
|
</div>
|
<div class="lq-cLow-2 fl layui-form-item">
|
<label class="layui-form-label">外圈</label>
|
<div class="layui-input-block">
|
<input type="checkbox" value="outer" id="switch_outer"
|
lay-skin="switch" lay-filter="filter_switch2">
|
</div>
|
</div>
|
<div class="lq-cLow-2 fl layui-form-item">
|
<label class="layui-form-label">内圈</label>
|
<div class="layui-input-block">
|
<input type="checkbox" value="inner" id="switch_inner"
|
lay-skin="switch" lay-filter="filter_switch2">
|
</div>
|
</div>
|
|
<div class="lq-cLow-3 fl"> </div>
|
|
<div class="lq-cLow-2 fl layui-form-item">
|
<label class="layui-form-label">层显示</label>
|
<div class="layui-input-block">
|
<input type="checkbox" value="lay" id="switch_lay"
|
lay-skin="switch" lay-filter="filter_switch" checked>
|
</div>
|
</div>
|
</div>
|
<div class="lq-cLow-right fr">
|
<button type="button"
|
class="layui-btn layui-btn-normal layui-btn-radius" id="btn_pre"
|
onClick="last()">上一层
|
</button>
|
|
<button type="button"
|
class="layui-btn layui-btn-warm layui-btn-radius" id="btn_next"
|
num="1" typeTag="lay" onClick="next()">下一层
|
</button>
|
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<!--lq-center 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="checkGrain()" class="lq-a1"> <span
|
class="l-icon lq-rMenu-icon1"></span>
|
<p>单仓采集</p>
|
</a></li>
|
<li><a href="javascript:;" onClick="checkGrainBatch()" class="lq-a2"> <span
|
class="l-icon lq-rMenu-icon2"></span>
|
<p>多仓采集</p>
|
</a></li>
|
<li><a href="javascript:;" onClick="compare()" class="lq-a3"> <span
|
class="l-icon lq-rMenu-icon3"></span>
|
<p>粮情对比</p>
|
</a></li>
|
<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>
|
<li><a href="javascript:;" onClick="exportBatch()"
|
class="lq-a4"> <span class="l-icon lq-rMenu-icon5"></span>
|
<p>导出EXCEL</p>
|
</a></li>
|
<li><a href="javascript:;" onClick="showOrderProgress()" class="lq-a6"> <span
|
class="l-icon lq-rMenu-icon6"></span>
|
<p>检测记录</p>
|
</a></li>
|
</ul>
|
</div>
|
|
</div>
|
<!--lq-right end-->
|
|
</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.js}"></script>
|
<script th:src="@{../../static/admin/grain/grainPoint4.js}"></script>
|
<script th:src="@{../../static/admin/grain/grain-export.js}"></script>
|
<script th:src="@{../../static/admin/grain/grain-check1.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>
|
