|
|
<!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>
|
