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.
249 lines
10 KiB
249 lines
10 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>
|
|
|
|
|
|
|
|
.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>
|
|
|