<!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 http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>智慧粮库管理系统-出入库大屏</title>
|
<link rel="shortcut icon" th:href="@{/static/favicon.ico}"/>
|
<link th:href="@{/static/databoard/pc-reset.css}" rel="stylesheet">
|
<link th:href="@{/static/databoard/master-inout.css}" rel="stylesheet">
|
</head>
|
<body style="overflow:hidden">
|
|
<div class="container">
|
<div class="i-top">
|
<h1 class="i-top-tit"><span th:text="${largeScreenName}">出入库大屏</span></h1>
|
<p class="i-top-p" id="sloganText">不忘初心，牢记使命，为中国人民谋幸福，为中华民族谋复兴</p>
|
<span class="time-info"></span>
|
</div><!--i-top end-->
|
|
<div class="i-main cl">
|
<div class="i-m1-center fl">
|
<h3 class="i-tit">
|
<i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-chuku.png}"/></i>
|
出入库列表
|
</h3>
|
|
<div class="i-m1-cbox">
|
<div class="i-m1-cHd">
|
<ul>
|
<li>
|
<h3>单据号</h3>
|
</li>
|
<li>
|
<h3>类型</h3>
|
</li>
|
<li>
|
<h3>承运人</h3>
|
</li>
|
<li>
|
<h3>车牌号</h3>
|
</li>
|
<li>
|
<h3>当前流程</h3>
|
</li>
|
<li>
|
<h3>目标仓库</h3>
|
</li>
|
</ul>
|
</div>
|
|
<div class="i-m1-cBd" id = "inoutShowMainDiv">
|
<!-- 展示div 一页15个-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>入库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
<!-- <dl class="i-m1-dl">-->
|
<!-- <dt>R_202006190001</dt>-->
|
<!-- <dd>出库</dd>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>值仓</dd>-->
|
<!-- <dd>44号仓</dd>-->
|
<!-- </dl>-->
|
|
</div>
|
|
</div>
|
|
|
</div><!--i-m1-center end-->
|
<div class="i-m1-right fr">
|
|
<div class="right-box1 posi-r">
|
|
<h3 class="i-tit">
|
<i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-qixiang.png}"/></i>
|
气象站信息
|
</h3>
|
<div class="right-box1-time" id="weather_time">更新时间 : 2000-01-01 00:00:00</div>
|
<div class="right-box1-con">
|
|
<ul class="r1-list">
|
<li>
|
<h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-wendu.png}"/></i>温度</h4>
|
<p id="weather_wendu"><span>0</span>℃</p>
|
</li>
|
<li>
|
<h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-shidu.png}"/></i>湿度</h4>
|
<p id="weather_shidu"><span>0</span>%</p>
|
</li>
|
<li>
|
<h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-yuqing.png}"/></i>天气</h4>
|
<p id="weather_tianqi"><em>晴</em></p>
|
</li>
|
<li>
|
<h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-yuliang.png}"/></i>风力</h4>
|
<p id="windSpeed"><span>1级</span></p>
|
</li>
|
<li>
|
<h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-fengxiang.png}"/></i>风向</h4>
|
<p id="weather_fengxiang"><em>无风</em></p>
|
</li>
|
</ul>
|
|
</div>
|
|
|
</div><!--right-box1 end-->
|
|
<div class="right-box2">
|
|
<h3 class="i-tit">
|
<i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-chuku.png}"/></i>
|
出入库信息
|
</h3>
|
<div class="left-box1-con">
|
|
<div class="left-box1-top cl">
|
<div class="left-box1-num fl">
|
<div class="left-box1-item fl">
|
<p><span id="inCarNum">0</span>辆</p>
|
<h4>入库登记</h4>
|
</div>
|
<div class="left-box1-item fl">
|
<p><span id="inCompleteCarNum">0</span>辆</p>
|
<h4>入库完成</h4>
|
</div>
|
</div>
|
<div class="left-box1-num fr">
|
<div class="left-box1-item fl">
|
<p><span id="outCarNum" >0</span>辆</p>
|
<h4>出库登记</h4>
|
</div>
|
<div class="left-box1-item fl">
|
<p><span id="outCompleteCarNum">0</span>辆</p>
|
<h4>出库完成</h4>
|
</div>
|
</div>
|
</div><!--left-box1-top end-->
|
|
<div class="left-box1-jd">
|
<div class="progress-group">
|
<div class="progress-label fl">入库完成率</div>
|
<div class="progress">
|
<div id="inPerDiv" class="progress-bar progress-bar-green animate-positive" style="width: 0%">
|
<span id="inPerSpan" class="sr-only">0%</span>
|
</div>
|
</div>
|
</div><!--progress-group end-->
|
|
<div class="progress-group">
|
<div class="progress-label fl">出库完成率</div>
|
<div class="progress">
|
<div id="outPerDiv" class="progress-bar progress-bar-blue animate-positive" style="width: 0%">
|
<span id="outPerSpan" class="sr-only">0%</span>
|
</div>
|
</div>
|
</div><!--progress-group end-->
|
|
</div><!--left-box1-jd end-->
|
|
|
</div><!--left-box1-con end-->
|
|
</div><!--right-box2 end-->
|
|
<div class="right-box3">
|
|
<h3 class="i-tit">
|
<i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-chuku.png}"/></i>
|
当日已完成
|
</h3>
|
|
<div class="i-m1-cbox-2">
|
<div class="i-m1-cHd-2">
|
<ul>
|
<li>
|
<h3>类型</h3>
|
</li>
|
<li>
|
<h3>承运人</h3>
|
</li>
|
<li>
|
<h3>车牌号</h3>
|
</li>
|
<li>
|
<h3>完成时间</h3>
|
</li>
|
</ul>
|
</div>
|
|
<div class="i-m1-cBd-2" id = "inoutShowCompleteDiv">
|
<!-- 展示div 一页6个-->
|
|
<!-- <dl class="i-m1-dl-2">-->
|
<!-- <dt>出库</dt>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>2020-6-22 21:29:08</dd>-->
|
<!-- </dl>-->
|
|
<!-- <dl class="i-m1-dl-2">-->
|
<!-- <dt>出库</dt>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>2020-6-22 21:29:08</dd>-->
|
<!-- </dl>-->
|
|
<!-- <dl class="i-m1-dl-2">-->
|
<!-- <dt>出库</dt>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>2020-6-22 21:29:08</dd>-->
|
<!-- </dl>-->
|
|
<!-- <dl class="i-m1-dl-2">-->
|
<!-- <dt>出库</dt>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>2020-6-22 21:29:08</dd>-->
|
<!-- </dl>-->
|
|
<!-- <dl class="i-m1-dl-2">-->
|
<!-- <dt>出库</dt>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>2020-6-22 21:29:08</dd>-->
|
<!-- </dl>-->
|
|
<!-- <dl class="i-m1-dl-2">-->
|
<!-- <dt>出库</dt>-->
|
<!-- <dd>许彬</dd>-->
|
<!-- <dd>豫A12345</dd>-->
|
<!-- <dd>2020-6-22 21:29:08</dd>-->
|
<!-- </dl>-->
|
|
</div>
|
|
</div>
|
|
|
</div><!--right-box2 end-->
|
|
|
|
|
</div><!--i-m1-right end-->
|
|
</div><!--i-main end-->
|
|
</div>
|
|
<div id="particles-js"></div>
|
|
<script th:src="@{/static/js/jquery.min.js}"></script>
|
<script th:src="@{/static/plugins/layui/layui.js}"></script>
|
<script th:src="@{/static/databoard/particles.min.js}"></script>
|
<script th:src="@{/static/plugins/echarts/echarts.min.js}"></script>
|
<script th:inline="javascript">
|
//定义变量
|
var companyId = [[${loginUser.companyId}]];
|
var listDepot = [[${listDepot}]];
|
var bizType = [[${bizType}]];
|
var bizTag = [[${bizTag}]];
|
var dicSlogan = [[${dicSlogan}]];
|
var weatherInfo = [[${weatherInfo}]];
|
//userId
|
var userId = [[${loginUser.username}]];
|
var deptId = [[${deptId}]];
|
|
//设置定时刷新页面，主要为了防止掉线
|
var timer2;
|
window.onload = function () {
|
if(timer2){
|
clearInterval(timer2);
|
}
|
timer2 = setInterval(function() {
|
window.location.href=window.location.href;
|
}, 60 * 60 * 1000);
|
};
|
</script>
|
<script th:src="@{/static/js/constant.js}"></script>
|
<script th:src="@{/static/js/igds-common.js}"></script>
|
<script th:src="@{/static/databoard/charts.js}"></script>
|
<script th:src="@{/static/databoard/databoard-inout.js}"></script>
|
</body>
|
</html>
|
