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.
|
|
<!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>
.listhead5 span { font-size: 0.2rem !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"> <div style="text-align:center;color:blue;font-weight:bold">1 9 3 库 位</div> <div class="listnav listnav1 scrollDiv ContentFont" style="height:30%;width:100%" id="WIPRCV"> </div> <div style="text-align: center; color: blue; font-weight: bold ">1 9 9 库 位</div> <div class="listnav listnav1 scrollDiv ContentFont" style="height:30%;width:100%" id="WIPRCV1"> </div> <div style="text-align: center; color: blue; font-weight: bold">1 8 8 库 位</div> <div class="listnav listnav1 scrollDiv ContentFont" style="height:40%;width:100%" id="WIPRCV2"> </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"> $(function () { GetStatus();
$(window).resize(function () { GetStatus(); });
//刷新时间 time = setInterval(function () { GetStatus(); }, 30 *60 * 1000); })
function GetStatus() { $.ajax({ url: "/WMS/WatchPanel/GetGridJson_StoreStatus?" + Math.random(), data: {}, dataType: "json", async: true, success: function (result) { //请求成功时执行该函数内容，result即为服务器返回的json对象 if (result && result != null && result.length > 0) { var dt1 = result[0]; var dt2 = result[1]; var dt3 = result[2]; var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var nowdate = year.toString() + month.toString().padStart(2,'0');//当前日期年月
var count = 0; var html = "<ul><li><span>不合格类型</span>"; for (var i = 0; i < dt1.length; i++) { if (dt1[i].Month == nowdate) { count = i; } html += '<span>' + dt1[i].Month + '</span>'; } html += "</li><li><span>不合格行数</span>"; for (var i = 0; i < dt1.length; i++) { if (count==0) { html += '<span style="color:red">' + dt1[i].QtyHangCount + '</span>'; } else { if (i != count) { html += '<span style="color:red">' + dt1[i].QtyHangCount + '</span>'; } else { html += '<span>' + dt1[i].QtyHangCount + '</span>'; } } } html += "</li><li><span>不合格数量</span>"; for (var i = 0; i < dt1.length; i++) { if (count == 0) { html += '<span style="color:red">' + dt1[i].QtyCount + '</span>'; } else { if (i != count) { html += '<span style="color:red">' + dt1[i].QtyCount + '</span>'; } else { html += '<span>' + dt1[i].QtyCount + '</span>'; } } } html += "</li></ul>"; $("#WIPRCV").html(html);
var count1 = 0; var html1 = "<ul><li><span>不合格类型</span>"; for (var i = 0; i < dt2.length; i++) { if (dt2[i].Month == nowdate) { count1 = i; } html1 += '<span>' + dt2[i].Month + '</span>'; } html1 += "</li><li><span>不合格行数</span>"; for (var i = 0; i < dt2.length; i++) { if (count1 == 0) { html1 += '<span style="color:red">' + dt2[i].QtyHangCount + '</span>'; } else { if (i != count1) { html1 += '<span style="color:red">' + dt2[i].QtyHangCount + '</span>'; } else { html1 += '<span>' + dt2[i].QtyHangCount + '</span>'; } } } html1 += "</li><li><span>不合格数量</span>"; for (var i = 0; i < dt2.length; i++) { if (count1 == 0) { html1 += '<span style="color:red">' + dt2[i].QtyCount + '</span>'; } else { if (i != count1) { html1 += '<span style="color:red">' + dt2[i].QtyCount + '</span>'; } else { html1 += '<span>' + dt2[i].QtyCount + '</span>'; } } } html1 += "</li></ul>"; $("#WIPRCV1").html(html1);
var count2 = 0; var html2 = "<ul><li><span>不合格类型</span>"; for (var i = 0; i < dt3.length; i++) { if (dt3[i].Month == nowdate) { count2 = i; } html2 += '<span>' + dt3[i].Month + '</span>'; } html2 += "</li><li><span>不合格行数</span>"; for (var i = 0; i < dt3.length; i++) { if (count2 == 0) { html2 += '<span style="color:red">' + dt3[i].QtyHangCount + '</span>'; } else { if (i != count2) { html2 += '<span style="color:red">' + dt3[i].QtyHangCount + '</span>'; } else { html2 += '<span>' + dt3[i].QtyHangCount + '</span>'; } } } html2 += "</li><li><span>不合格数量</span>"; for (var i = 0; i < dt3.length; i++) { if (count2 == 0) { html2 += '<span style="color:red">' + dt3[i].QtyCount + '</span>'; } else { if (i != count2) { html2 += '<span style="color:red">' + dt3[i].QtyCount + '</span>'; } else { html2 += '<span>' + dt3[i].QtyCount + '</span>'; } } } html2 += "</li></ul>"; $("#WIPRCV2").html(html2);
} else { alert("不良品处理进度没有抓取到相关数据"); } }, error: function (errorMsg) { alert("不良品处理进度请求数据失败!", "error"); } }); }
</script>
</body>
</html>
|
