<!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}"/>
|
<style>
|
.layui-btn + .layui-btn {
|
margin-left: 10px;
|
}
|
.layui-btn {
|
padding: 0 14px;
|
border-radius: 2px;
|
}
|
.box2-con {
|
margin: 0 5px;
|
}
|
.box2-con-d {
|
text-align: center;
|
}
|
.box2-con-d img {
|
height: 180px;
|
max-width: 290px;
|
}
|
.box2-text {
|
padding: 5px 15px 5px 15px;
|
font-size: 16px;
|
text-align: center;
|
}
|
.qt-rTable-box .layui-table td, .qt-rTable-box .layui-table th {
|
padding: 10px 0;
|
font-size: 16px;
|
color: #000;
|
text-align: center;
|
}
|
.qt-rTable-box .layui-table td span {
|
color: #6c7781;
|
float: right;
|
padding-right: 15px;
|
}
|
.fail-text{
|
height: 180px;
|
text-align: center;
|
line-height: 180px;
|
font-size: 20px;
|
color: #777;
|
}
|
</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">
|
<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 >保管员</p>
|
</div>
|
<dl class="lq-userItem radius-4">
|
<dt>职务</dt>
|
<dd>保管员</dd>
|
</dl>
|
<dl class="lq-userItem radius-4">
|
<dt>电话</dt>
|
<dd><span >###</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 ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>实际储量</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食品种</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食等级</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食性质</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食年份</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>粮食产地</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>水分(%)</h3>
|
<em ></em>
|
</li>
|
<li>
|
<h3><span class="layui-badge-dot"></span>杂质(%)</h3>
|
<em ></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">
|
<div style="padding: 10px">
|
<div style="font-size: 18px; font-weight: 600; ">
|
<span>过程抓拍</span>
|
</div>
|
<div class="layui-row" style="margin: 10px 0" id="listImg">
|
<div class="layui-col-md4 layui-col-sm6">
|
<div class="box2-con">
|
<div class="box2-con-d">
|
<img th:src="@{../../static/img/quantity-snap.jpg}"/>
|
</div>
|
<div class="box2-text">
|
<span>2022-08-31 10:20:15</span>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4 layui-col-sm6">
|
<div class="box2-con">
|
<div class="box2-con-d">
|
<img th:src="@{../../static/img/quantity-snap.jpg}"/>
|
</div>
|
<div class="box2-text">
|
<span>2022-08-31 10:25:15</span>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4 layui-col-sm6">
|
<div class="box2-con">
|
<div class="box2-con-d">
|
<img th:src="@{../../static/img/quantity-snap.jpg}"/>
|
</div>
|
<div class="box2-text">
|
<span>2022-08-31 10:30:15</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</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:;" >
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l2">
|
<a href="javascript:;" >
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l3">
|
<a href="javascript:;" >
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l4">
|
<a href="javascript:;" >
|
<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:;" >
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l7">
|
<a href="javascript:;" >
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l8">
|
<a href="javascript:;" >
|
<img th:src="@{../../static/images/quantity/sp-arrow.png}"/>
|
</a>
|
</li>
|
<li class="sp-cz-l9">
|
<a href="javascript:;" >
|
<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" ><i>－</i></button>
|
<span>变倍</span>
|
<button type="button" class="sp-fdBtn sp-czBtn" ><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" ><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-left3 layui-clear radius-6 box-shadow">
|
<div class="layui-btn-group">
|
<button type="button" class="layui-btn" >视频预览</button>
|
<button type="button" class="layui-btn" >视频抓拍</button>
|
<button type="button" class="layui-btn" >视频截取</button>
|
<button type="button" class="layui-btn" >数据保存</button>
|
</div>
|
</div>
|
|
<div class="lq-left3 layui-clear radius-6 box-shadow">
|
<div class="layui-btn-group">
|
<button type="button" class="layui-btn" >视频回放</button>
|
<button type="button" class="layui-btn" >视频抓拍</button>
|
<button type="button" class="layui-btn" >视频截取</button>
|
<button type="button" class="layui-btn" >数据保存</button>
|
</div>
|
<form class="layui-form" style="margin-top: 20px;">
|
<div class="layui-form-item lq-left1-from">
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="color: #fff;">开始时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="time" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date" id="time1">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item lq-left1-from">
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="color: #fff;">截至时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="time" autocomplete="off"
|
class="layui-input rkbk-search-input bg-date" id="time2">
|
</div>
|
</div>
|
</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/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/ptz.js}"></script>
|
<script th:src="@{../../static/admin/afgl/video-test.js}"></script>
|
<script th:inline="javascript">
|
layui.use(['tree', 'layer', 'form', 'laydate'], function () {
|
var laydate = layui.laydate;
|
laydate.render({
|
elem: '#time1',
|
type: 'datetime',
|
theme: '#7b8e9f',
|
value: new Date()
|
});
|
laydate.render({
|
elem: '#time2',
|
type: 'datetime',
|
theme: '#7b8e9f',
|
value: new Date()
|
});
|
});
|
</script>
|
</body>
|
|
</html>
|
