<!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="@{../../static/plugins/layui/css/layui.css}">
|
<link rel="stylesheet" th:href="@{../../static/admin/quantity/quantity.css}"/>
|
|
</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" >
|
<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>
|
</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">
|
<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="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="foodLevelName"></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食性质</h3>
|
<em id="foodTypeName"></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食年份</h3>
|
<em id="foodYear"></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>检测体积(m³)</h3>
|
<em id="bulk"></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>检测数量(KG)</h3>
|
<em id="weight"></em>
|
</li>
|
<!-- <li>-->
|
<!-- <h3><span class="layui-badge-dot"></span>上次检测数量</h3>-->
|
<!-- <em>25000kg</em>-->
|
<!-- </li>-->
|
<li>
|
<h3><span class="layui-badge-dot"></span>检测时间</h3>
|
<em id="receiveDate"></em>
|
</li>
|
|
</ul>
|
|
</div>
|
<!--lq-left2 end-->
|
|
</div>
|
<!--lq-left end-->
|
|
<div class="lq-center fl">
|
<div id="quantity_video" class="video-div radius-6 overflow" style="height: 500px;">
|
<!-- <video id="mediaplayer" controls> </video> -->
|
<!-- 使用多媒体播放 -->
|
<easy-player id="easyPlayer" live="true" show-custom-button="true" auto-play="true" muted="true"></easy-player>
|
</div>
|
<div class="lq-center2 radius-6">
|
<!-- <div id="lq-echart" style="width: 100%; height: 264px;"></div>-->
|
<div id="myDiv" style="width: 100%; height: 100%;"></div>
|
</div>
|
</div>
|
<!--lq-center end-->
|
|
<div class="lq-right fr">
|
|
<div class="lq-right1 radius-6">
|
<div class="sp-cz-wrap">
|
<div class="sp-cz-box">
|
<ul>
|
<li class="sp-cz-l1">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l2">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l3">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l4">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l5">
|
<a href="#"><img src="../../images/sp-czzx.png" th:src="@{../../static/images/quantity/sp-czzx.png}"/></a>
|
</li>
|
<li class="sp-cz-l6">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l7">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l8">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l9">
|
<a href="javascript:;" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();">
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
</ul>
|
</div>
|
<div class="sp-bianbei fl">
|
<button type="button" class="sp-sxBtn sp-czBtn" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"><i>－</i></button>
|
<span>变倍</span>
|
<button type="button" class="sp-fdBtn sp-czBtn" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"><i>＋</i></button>
|
</div>
|
|
<div class="sp-bianbei fr">
|
<input type="text" value="预置点" class="preset-input">
|
<button type="button" class="sp-fdBtn sp-czBtn fr" onclick="clickGoPreset()"><i>➸</i></button>
|
</div>
|
|
<div class="sp-yzd" style="display: none;">
|
<div class="sp-yzd-left">
|
<div class="layui-form-item">
|
<label class="layui-form-label">预置点:</label>
|
<div class="layui-input-block">
|
<input type="text" name="title" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="sp-yzd-right">
|
<button type="button" class="layui-btn">确定</button>
|
</div>
|
</div>
|
|
</div>
|
<!--sp-cz-wrap end-->
|
</div>
|
|
<div class="lq-left1 layui-clear radius-6 box-shadow" style="margin-top: 10px;">
|
<div class="layui-row sdtf-r1-btnbox">
|
<button type="button" class="layui-btn layui-btn-normal" onclick="checkQuantity()">开始检测</button>
|
<button type="button" class="layui-btn layui-btn-danger"
|
onclick="closeWarn">关闭报警</button>
|
|
</div>
|
</div>
|
|
<div class="qt-rTable-box radius-6 tableScroll" style="height: 295px;">
|
<form action="" class="layui-form">
|
<div class="hd">
|
|
<table class="layui-table" lay-even lay-skin="nob" width="100%">
|
<colgroup>
|
<col width="50%">
|
<col width="50%">
|
</colgroup>
|
<thead>
|
<tr>
|
<th>警告</th>
|
<th> </th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="bd">
|
|
<table class="layui-table" lay-even lay-skin="nob" width="100%">
|
<colgroup>
|
<col width="50%">
|
<col width="50%">
|
</colgroup>
|
<tbody id="warnList">
|
<!-- <tr>-->
|
<!-- <td>数量警告</td>-->
|
<!-- <td><span>2021-05-02</span></td>-->
|
<!-- </tr>-->
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><span></span></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</form>
|
</div>
|
<!--qt-rTable-box end-->
|
|
</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 companyId = [[${loginUser.companyId}]];
|
var dept = [[${dept}]];
|
var deptId = [[${dept.id}]];
|
var depotId = [[${depotId}]];// 当前仓库id，存在空情况
|
var socket;
|
</script>
|
<script th:src="@{../../static/js/jquery.min.js}"></script>
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/plugins/video/EasyPlayer-element.min.js}"></script>
|
<script th:src="@{../../static/plugins/echarts/echarts.min.js}"></script>
|
<script th:src="@{../../static/plugins/echarts/echarts-gl.min.js}"></script>
|
<script th:src="@{../../static/js/igds-common.js}"></script>
|
<script th:src="@{../../static/js/simplex-noise.js}"></script>
|
<script th:src="@{../../static/js/constant.js}"></script>
|
<!-- <script th:src="@{../../static/admin/quantity/plotly-latest.min.js}"></script>-->
|
<script th:src="@{../../static/admin/quantity/echart3D.js}"></script>
|
<script th:src="@{../../static/admin/quantity/quantity.js}"></script>
|
</body>
|
|
</html>
|
