You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
405 lines
19 KiB
405 lines
19 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>纽威库位状态看板</title>
|
|
|
|
<link rel="stylesheet" href="~/Content/Cust017/css/comon1.css" />
|
|
<link rel="stylesheet" href="~/Content/Cust007/css/public.css" />
|
|
<link rel="stylesheet" href="~/Content/Cust007/css/fq.css" />
|
|
|
|
<style>
|
|
.span1 {
|
|
/*width: 130px !important;*/
|
|
}
|
|
|
|
.span2 {
|
|
/*margin-bottom:2px;*/
|
|
}
|
|
|
|
.listhead5 span {
|
|
/*font-family: 黑体;
|
|
font-weight: 500 !important;*/
|
|
font-size: 0.1rem !important;
|
|
}
|
|
|
|
.nav03 {
|
|
height: calc(100%);
|
|
}
|
|
|
|
#WIPRCV ul li span {
|
|
font-size: 0.2rem !important;
|
|
word-break: break-word;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<!-- 头部模块 -->
|
|
<div class="header">
|
|
<div class="title">
|
|
<span>纽威系统看板</span>
|
|
</div>
|
|
<div class="time">
|
|
<span></span>
|
|
</div>
|
|
<div class="company">
|
|
@*<img src="~/Content/img/Panellogo.png" border="0" class="logoclass" />*@
|
|
</div>
|
|
</div>
|
|
<div class="header5">
|
|
<div class="title">库位状态看板</div>
|
|
</div>
|
|
|
|
<!-- 主题模块 -->
|
|
<div class="main">
|
|
<div class="mainbox">
|
|
<ul class="clearfix">
|
|
<li style="height: calc(95% - 0.45rem);">
|
|
<div class="boxall" style="height: calc(100% - 0.1rem);">
|
|
<div class="boxnav nav03">
|
|
<button style="background-color: blue; font-size: 0.3rem !important;margin-left:40%" onclick="GetStatusOne()">一期</button>
|
|
<button style="background-color: blue; font-size: 0.3rem !important; margin-left: 10px" onclick="GetStatusTwo()">二期</button>
|
|
<button style="background-color: blue; font-size: 0.3rem !important;margin-left:10px" onclick="GetStatusThree()">三期</button>
|
|
<div class="listnav listnav1 scrollDiv ContentFont" id="WIPRCV">
|
|
</div>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="~/Content/Cust017/js/jquery.js"></script>
|
|
<script type="text/javascript" src="~/Content/Cust017/js/echarts.min.js"></script>
|
|
<script src="~/Content/Cust017/js/jquery.liMarquee.js"></script>
|
|
<script language="JavaScript" src="~/Content/Cust017/js/js.js"></script>
|
|
<script type="text/javascript" src="~/Content/Cust017/js/jquery.countup.min.js"></script>
|
|
<script type="text/javascript" src="~/Content/Cust017/js/jquery.waypoints.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
var time1;
|
|
var time2;
|
|
var time3;
|
|
|
|
function GetStatusOne() {
|
|
clearInterval(time1);
|
|
clearInterval(time2);
|
|
clearInterval(time3);
|
|
time1 = setInterval(function () {
|
|
$('.scrollDiv').liMarquee('destroy');
|
|
GetStatusOne();
|
|
}, 30 *60 * 1000);
|
|
$.ajax({
|
|
url: "/WMS/WatchPanel/GetGridJson_WareStatusOne?" + Math.random(),
|
|
data: {},
|
|
dataType: "json",
|
|
async: true,
|
|
success: function (result) {
|
|
//请求成功时执行该函数内容，result即为服务器返回的json对象
|
|
if (result && result != null && result.length > 0) {
|
|
var html = "<ul>";
|
|
|
|
var Count = Math.floor(result.length / 5);
|
|
|
|
|
|
for (var i = 0; i < Count; i++) {
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<li> <span style="background-color:red">' + result[5 * i].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<li> <span style="background-color:green">' + result[5 * i].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 1].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 1].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 2].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 2].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 3].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 3].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 4].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 4].LocationCode + '</span>';
|
|
}
|
|
}
|
|
|
|
if (result.length - Count * 5 > 0) {
|
|
var i = result.length - Count * 5;
|
|
if (i == 1) {
|
|
if (result[Count * 5].Qty != '0') {
|
|
html += '<li> <span style="background-color:red">' + result[Count * 5].LocationCode + '</span></li>';
|
|
}
|
|
else {
|
|
html += '<li> <span style="background-color:green">' + result[Count * 5].LocationCode + '</span></li>';
|
|
}
|
|
}
|
|
else {
|
|
if (result[Count * 5].Qty != '0') {
|
|
html += '<li><span style="background-color:red">' + result[Count * 5].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<li><span style="background-color:green">' + result[Count * 5].LocationCode + '</span>';
|
|
}
|
|
for (var i = 1; i < result.length - Count * 5; i++) {
|
|
if (result[Count * 5 + i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[Count * 5 + i].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[Count * 5 + i].LocationCode + '</span>';
|
|
}
|
|
}
|
|
html += '</li>';
|
|
}
|
|
|
|
}
|
|
|
|
html += "</ul>";
|
|
$("#WIPRCV").html(html);
|
|
$('.scrollDiv').liMarquee({
|
|
direction: 'up', //身上滚动
|
|
runshort: true, //内容不足时不滚动
|
|
scrollamount: 20, //速度
|
|
hoverstop: false
|
|
})
|
|
}
|
|
else {
|
|
alert("库位状态没有抓取到相关数据");
|
|
}
|
|
},
|
|
error: function (errorMsg) {
|
|
alert("库位状态统计请求数据失败!", "error");
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
function GetStatusTwo() {
|
|
clearInterval(time1);
|
|
clearInterval(time2);
|
|
clearInterval(time3);
|
|
$("#WIPRCV").html('');
|
|
time2 = setInterval(function () {
|
|
$('.scrollDiv').liMarquee('destroy');
|
|
GetStatusTwo();
|
|
}, 30 *60 * 1000);
|
|
$.ajax({
|
|
url: "/WMS/WatchPanel/GetGridJson_WareStatusTwo?" + Math.random(),
|
|
data: {},
|
|
dataType: "json",
|
|
async: true,
|
|
success: function (result) {
|
|
//请求成功时执行该函数内容，result即为服务器返回的json对象
|
|
if (result && result != null && result.length > 0) {
|
|
var html = "<ul>";
|
|
|
|
var Count = Math.floor(result.length / 5);
|
|
for (var i = 0; i < Count; i++) {
|
|
if (result[5 * i].Qty != '0') {
|
|
html += ' <li><span style="background-color:red">' + result[5 * i].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += ' <li><span style="background-color:green">' + result[5 * i].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += ' <span style="background-color:red">' + result[5 * i + 1].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += ' <span style="background-color:green">' + result[5 * i + 1].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += ' <span style="background-color:red">' + result[5 * i + 2].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += ' <span style="background-color:green">' + result[5 * i + 2].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += ' <span style="background-color:red">' + result[5 * i + 3].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += ' <span style="background-color:green">' + result[5 * i + 3].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += ' <span style="background-color:red">' + result[5 * i + 4].LocationCode + '</span> </li>';
|
|
}
|
|
else {
|
|
html += ' <span style="background-color:green">' + result[5 * i + 4].LocationCode + '</span> </li>';
|
|
}
|
|
}
|
|
|
|
if (result.length - Count * 5 > 0) {
|
|
var i = result.length - Count * 5;
|
|
if (i == 1) {
|
|
if (result[Count * 5].Qty != '0') {
|
|
html += '<li> <span style="background-color:red">' + result[Count * 5].LocationCode + '</span></li>';
|
|
}
|
|
else {
|
|
html += '<li> <span style="background-color:green">' + result[Count * 5].LocationCode + '</span></li>';
|
|
}
|
|
}
|
|
else {
|
|
if (result[Count * 5].Qty != '0') {
|
|
html += '<li><span style="background-color:red">' + result[Count * 5].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<li><span style="background-color:green">' + result[Count * 5].LocationCode + '</span>';
|
|
}
|
|
for (var i = 1; i < result.length - Count * 5; i++) {
|
|
if (result[Count * 5 + i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[Count * 5 + i].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[Count * 5 + i].LocationCode + '</span>';
|
|
}
|
|
}
|
|
html += '</li>';
|
|
}
|
|
|
|
}
|
|
|
|
html += "</ul>";
|
|
$("#WIPRCV").html(html);
|
|
$('.scrollDiv').liMarquee({
|
|
direction: 'up', //身上滚动
|
|
runshort: true, //内容不足时不滚动
|
|
scrollamount: 20, //速度
|
|
hoverstop: false
|
|
})
|
|
|
|
}
|
|
else {
|
|
alert("库位状态没有抓取到相关数据");
|
|
}
|
|
},
|
|
error: function (errorMsg) {
|
|
alert("库位状态统计请求数据失败!", "error");
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
function GetStatusThree() {
|
|
clearInterval(time1);
|
|
clearInterval(time2);
|
|
clearInterval(time3);
|
|
$("#WIPRCV").html('');
|
|
time3 = setInterval(function () {
|
|
$('.scrollDiv').liMarquee('destroy');
|
|
GetStatusThree();
|
|
}, 30 *60 * 1000);
|
|
$.ajax({
|
|
url: "/WMS/WatchPanel/GetGridJson_WareStatusThree?" + Math.random(),
|
|
data: {},
|
|
dataType: "json",
|
|
async: true,
|
|
success: function (result) {
|
|
//请求成功时执行该函数内容，result即为服务器返回的json对象
|
|
if (result && result != null && result.length > 0) {
|
|
var html = "<ul>";
|
|
|
|
var Count = Math.floor(result.length / 5);
|
|
|
|
|
|
for (var i = 0; i < Count; i++) {
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<li> <span style="background-color:red">' + result[5 * i].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<li> <span style="background-color:green">' + result[5 * i].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 1].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 1].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 2].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 2].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 3].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 3].LocationCode + '</span>';
|
|
}
|
|
if (result[5 * i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[5 * i + 4].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[5 * i + 4].LocationCode + '</span>';
|
|
}
|
|
}
|
|
|
|
if (result.length - Count * 5 > 0) {
|
|
var i = result.length - Count * 5;
|
|
if (i == 1) {
|
|
if (result[Count * 5].Qty != '0') {
|
|
html += '<li> <span style="background-color:red">' + result[Count * 5].LocationCode + '</span></li>';
|
|
}
|
|
else {
|
|
html += '<li> <span style="background-color:green">' + result[Count * 5].LocationCode + '</span></li>';
|
|
}
|
|
}
|
|
else {
|
|
if (result[Count * 5].Qty != '0') {
|
|
html += '<li><span style="background-color:red">' + result[Count * 5].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<li><span style="background-color:green">' + result[Count * 5].LocationCode + '</span>';
|
|
}
|
|
for (var i = 1; i < result.length - Count * 5; i++) {
|
|
if (result[Count * 5 + i].Qty != '0') {
|
|
html += '<span style="background-color:red">' + result[Count * 5 + i].LocationCode + '</span>';
|
|
}
|
|
else {
|
|
html += '<span style="background-color:green">' + result[Count * 5 + i].LocationCode + '</span>';
|
|
}
|
|
}
|
|
html += '</li>';
|
|
}
|
|
|
|
}
|
|
|
|
html += "</ul>";
|
|
$("#WIPRCV").html(html);
|
|
$('.scrollDiv').liMarquee({
|
|
direction: 'up', //身上滚动
|
|
runshort: true, //内容不足时不滚动
|
|
scrollamount: 20, //速度
|
|
hoverstop: false
|
|
})
|
|
}
|
|
else {
|
|
alert("库位状态没有抓取到相关数据");
|
|
}
|
|
},
|
|
error: function (errorMsg) {
|
|
alert("库位状态统计请求数据失败!", "error");
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|