<!DOCTYPE html>
|
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
|
<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="@{/ajax/libs/layui/css/layui.css}"/>
|
<link rel="stylesheet" th:href="@{/dzhwk/grain/lqStyle.css}"/>
|
|
<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-wendu {
|
width: 90px;
|
height: 200px;
|
position: absolute;
|
bottom: 0;
|
z-index: 99;
|
left: 5px;
|
margin-bottom: 55px;
|
}
|
|
.lq-center {
|
width: 75%;
|
position: relative;
|
padding-bottom: 5px;
|
overflow: hidden;
|
}
|
|
.lq-center2 {
|
position: relative;
|
padding-bottom: 5px;
|
overflow-y: hidden;
|
}
|
|
.lq-cLow-1 {
|
width: 50px;
|
border-right: 1px solid #333;
|
}
|
|
.lq-cLow {
|
width: 900px;
|
}
|
|
.lq-cLow-3 {
|
width: 15px;
|
border-right: 1px solid #333;
|
}
|
|
.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="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="P0101" type="01">P01-01</option>
|
<option value="P0102" type="01">P01-02</option>
|
<option value="P0103" type="01">P01-03</option>
|
<option value="P0104" type="01">P01-04</option>
|
<option value="P0105" type="01">P01-05</option>
|
<option value="P0106" type="01">P01-06</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">
|
<div class="lq-cTop layui-clear" id="topInfo">
|
<div class="lq-cTop-1 fl">
|
<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 fl ml4">
|
<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 fl ml4">
|
<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 fl ml4">
|
<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>
|
<!--上-中-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>
|
<!--上-右-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 th:src="@{/img/dzhwk/grain/rkbk-photo_02.png}"/>
|
<p id="storeKeeperName">保管员</p>
|
</div>
|
<dl class="lq-userItem radius-4">
|
<dt>级别</dt>
|
<dd><span id="storeKeeperLevel">高级保管员</span></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">
|
|
<div style="margin-top: 10px; text-align: center;"
|
id="canvas_parent">
|
<canvas id="canvas" width="1200" height="600" style="margin-left: -50px"></canvas>
|
</div>
|
|
<div class="lq-cLow layui-clear radius-6">
|
<form class="layui-form">
|
<div class="lq-cLow-left fl top5">
|
<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 class="lq-cLow-2 fl layui-form-item">
|
<label class="layui-form-label">行显示</label>
|
<div class="layui-input-block">
|
<input type="checkbox" value="row" id="switch_row"
|
lay-skin="switch" lay-filter="filter_switch">
|
</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="col" id="switch_col"
|
lay-skin="switch" lay-filter="filter_switch">
|
</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>
|
|
<!--下-中- END-->
|
|
|
<div class="lq-right fr">
|
<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-a1"> <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="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-a4"> <span class="l-icon lq-rMenu-icon6"></span>
|
<p>检测记录</p>
|
</a></li>
|
</ul>
|
</div>
|
</div>
|
<!--下-右- END-->
|
</div>
|
|
|
</div>
|
<!--l-main end-->
|
</div>
|
<!--l-container end-->
|
|
<script th:inline="javascript">
|
//仓库列表
|
var listDepot = [{
|
"bhId": "1",
|
"buildingId": "91310114703439394M0010001",
|
"checkDate": 1605542400000,
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "02",
|
"depotTypeName": "浅圆仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0101",
|
"name": "P01-01",
|
"perImpurity": 0.36,
|
"perWet": 13.7,
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1668700800000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "2",
|
"buildingId": "91310114703439394M0010001",
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0102",
|
"name": "P01-02",
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1667836800000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "3",
|
"buildingId": "91310114703439394M0010002",
|
"companyId": "5303",
|
"depotStatus": "34",
|
"depotStatusName": "封仓-温控中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2023",
|
"id": "P0103",
|
"name": "P01-03",
|
"storageMax": 3000000,
|
"storageReal": 2164420,
|
"storeDate": 1635696000000,
|
"storeKeeper": "xjh",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "徐佳昊",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "4",
|
"buildingId": "91310114703439394M0010002",
|
"companyId": "5303",
|
"depotStatus": "32",
|
"depotStatusName": "封仓-熏蒸中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1110000",
|
"foodVarietyName": "小麦",
|
"foodYear": "2024",
|
"id": "P0104",
|
"name": "P01-04",
|
"storageMax": 3000000,
|
"storageReal": 3000000,
|
"storeDate": 1720454400000,
|
"storeKeeper": "xjh",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "徐佳昊",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "5",
|
"buildingId": "91310114703439394M0010003",
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "02",
|
"foodLevelName": "二等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0105",
|
"name": "P01-05",
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1604160000000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}, {
|
"bhId": "6",
|
"buildingId": "91310114703439394M0010003",
|
"companyId": "5303",
|
"depotStatus": "4",
|
"depotStatusName": "出库中",
|
"depotType": "01",
|
"depotTypeName": "平房仓",
|
"deptId": "5303_001",
|
"foodLevel": "01",
|
"foodLevelName": "一等",
|
"foodLocation": "上海市",
|
"foodType": "122",
|
"foodTypeName": "区级地方储备粮",
|
"foodVariety": "1130000",
|
"foodVarietyName": "稻谷",
|
"foodYear": "2022",
|
"id": "P0106",
|
"name": "P01-06",
|
"storageMax": 3000000,
|
"storageReal": 0,
|
"storeDate": 1604160000000,
|
"storeKeeper": "wmf",
|
"storeKeeperLevel": "高级保管员",
|
"storeKeeperName": "王美福",
|
"storeKeeperPhone": "####",
|
"storeType": "1"
|
}];
|
//业务类型
|
var bizType = null;
|
//userId
|
var userId = null;
|
var deptId = "1000";
|
var companyId = null;
|
var dept = null;
|
|
var DEPOT_TYPE = null; //仓库类型
|
var depotId = "P0101";// 当前仓库id，存在空情况
|
</script>
|
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
|
<script th:src="@{/js/jquery.min.js}"></script>
|
<script th:src="@{/dzhwk/common/constant.js}"></script>
|
<script th:src="@{/dzhwk/common/igds-common.js}"></script>
|
<script th:src="@{/dzhwk/grain/PrintBuilder-lay.js}"></script>
|
<script th:src="@{/dzhwk/grain/grainPoint1.js}"></script>
|
<script th:src="@{/dzhwk/grain/grain-export.js}"></script>
|
<script th:src="@{/dzhwk/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-form-item">
|
<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>
|
</div>
|
|
<div class="layui-inline">
|
<label class="layui-form-label">选择时间</label>
|
<div class="layui-input-inline">
|
<select id="printCheckHour">
|
<option value="0">不选择</option>
|
<option value="6">6点</option>
|
<option value="7">7点</option>
|
<option value="8">8点</option>
|
<option value="9">9点</option>
|
<option value="10">10点</option>
|
<option value="11">11点</option>
|
<option value="12">12点</option>
|
<option value="13">13点</option>
|
<option value="14">14点</option>
|
<option value="15">15点</option>
|
<option value="16">16点</option>
|
<option value="17">17点</option>
|
<option value="18">18点</option>
|
<option value="19">19点</option>
|
<option value="20">20点</option>
|
<option value="21">21点</option>
|
<option value="22">22点</option>
|
</select>
|
</div>
|
<button type="button" onclick="getPrintBatchDepot()"
|
class="layui-btn layui-btn-sm">
|
<i class="layui-icon layui-icon-search"></i>确认
|
</button>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<input type="checkbox" lay-filter="select_print_depot">
|
</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">
|
</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"
|
>
|
</div>
|
</form>
|
</div>
|
|
<!-- 粮情采集点走势 -->
|
<div class="layui-tab-content" id="pointChart" style="display: none;">
|
<div id="pointChartLine" style="width: 1300px; height: 500px;"></div>
|
</div>
|
|
</html>
|
