一厂MES,含注塑,喷涂,冲孔
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.
 
 
 
 
 

161 lines
10 KiB

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>装配计划看板</title>
<script src="../Scripts/jquery-1.8.0.min.js"></script>
<style>
body {
margin: 0;
}
.centerT, .centerT tr, .centerT td {
border-bottom: solid 1px white;
border-left: solid 1px white;
border-right: solid 1px white;
border-collapse: collapse;
}
.title {
color: white;
font-family: ;
font-size: 36px;
font-weight: 700;
width: 200px;
height: 50px;
text-align: center;
background-color: blue;
}
.title1 {
color: white;
font-family: ;
font-size: 36px;
font-weight: 700;
width: 880px;
height: 50px;
text-align: center;
background-color: blue;
}
.content {
color: white;
font-family: ;
font-size: 32px;
width: 150px;
height: 50px;
line-height: 80px;
text-align: center;
}
.content1 {
color: white;
font-family: ;
font-size: 32px;
width: 880px;
height: 50px;
line-height: 80px;
text-align: center;
}
.large_width {
width: 255px;
}
.min_width {
width: 150px;
}
</style>
<script>
$(function () {
setInterval("getDate()", 1000);
setInterval("getTable()", 3000);
});
function getDate() {
var today = new Date();
$("#DivTimer").text(today.Format("yyyy-MM-dd hh:mm:ss"));
}
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// 例子:
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
function getTable() {
$.ajax({
type: "GET",
url: "../Handler/ZPPlan.ashx?method=GetTableContent",
dataType: "json",
success: function (result) {
var res = result["result"];
for (var i = 0; i < res.length; i++) {
$("td[name='contentO" + (i + 1) + "']").text(res[i].OrderNo);
$("td[name='contentI" + (i + 1) + "']").text(res[i].Item);
$("td[name='contentP" + (i + 1) + "']").text(res[i].PartNo);
$("td[name='contentN" + (i + 1) + "']").text(res[i].ProductName);
$("td[name='contentOC" + (i + 1) + "']").text(res[i].OrderCount);
$("td[name='contentCC" + (i + 1) + "']").text(res[i].ProductCount);
$("td[name='contentNG" + (i + 1) + "']").text(res[i].BadCount);
}
}
})
}
</script>
</head>
<body>
<div id="div1" style="background-color: black; width: 100%; height: 100%;">
<table style="width: 100%; height: 100%">
<tr>
<td style="height:120px;width: 100%;display: flex;">
<div style="background:url('../Pic/Logo_New.png') no-repeat center; background-size: 180px 107px; width:187px; height:120px; display:inline-block; float:left;"></div>
<div style="color:white;display:inline-block; height: 122px;line-height: 119px; text-align:center; font-size:100px; flex: 1;">装配生产信息</div>
<div id="DivTimer" style="display:inline-block; color:white; font-size:50px; text-align:center; width:550px; line-height:120px; float:left;"></div>
</td>
</tr>
<tr>
<td>
<table class="centerT">
<tr><td class="title">订单号</td><td class="title">顺序</td><td class="title">零件号</td><td class="title1">零件名称</td><td class="title">计划数</td><td class="title">完成数</td><td class="title">不合格数</td></tr>
<tr><td name="contentO1" class="content"></td><td name="contentI1" class="content"></td><td name="contentP1" class="content1"></td><td name="contentN1" class="content"></td><td name="contentOC1" class="content"></td><td name="contentCC1" class="content"></td><td name="contentNG1" class="content"></td></tr>
<tr><td name="contentO2" class="content"></td><td name="contentI2" class="content"></td><td name="contentP2" class="content1"></td><td name="contentN2" class="content"></td><td name="contentOC2" class="content"></td><td name="contentCC2" class="content"></td><td name="contentNG2" class="content"></td></tr>
<tr><td name="contentO3" class="content"></td><td name="contentI3" class="content"></td><td name="contentP3" class="content1"></td><td name="contentN3" class="content"></td><td name="contentOC3" class="content"></td><td name="contentCC3" class="content"></td><td name="contentNG3" class="content"></td></tr>
<tr><td name="contentO4" class="content"></td><td name="contentI4" class="content"></td><td name="contentP4" class="content1"></td><td name="contentN4" class="content"></td><td name="contentOC4" class="content"></td><td name="contentCC4" class="content"></td><td name="contentNG4" class="content"></td></tr>
<tr><td name="contentO5" class="content"></td><td name="contentI5" class="content"></td><td name="contentP5" class="content1"></td><td name="contentN5" class="content"></td><td name="contentOC5" class="content"></td><td name="contentCC5" class="content"></td><td name="contentNG5" class="content"></td></tr>
<tr><td name="contentO6" class="content"></td><td name="contentI6" class="content"></td><td name="contentP6" class="content1"></td><td name="contentN6" class="content"></td><td name="contentOC6" class="content"></td><td name="contentCC6" class="content"></td><td name="contentNG6" class="content"></td></tr>
<tr><td name="contentO7" class="content"></td><td name="contentI7" class="content"></td><td name="contentP7" class="content1"></td><td name="contentN7" class="content"></td><td name="contentOC7" class="content"></td><td name="contentCC7" class="content"></td><td name="contentNG7" class="content"></td></tr>
<tr><td name="contentO8" class="content"></td><td name="contentI8" class="content"></td><td name="contentP8" class="content1"></td><td name="contentN8" class="content"></td><td name="contentOC8" class="content"></td><td name="contentCC8" class="content"></td><td name="contentNG7" class="content"></td></tr>
<tr><td name="contentO9" class="content"></td><td name="contentI9" class="content"></td><td name="contentP9" class="content1"></td><td name="contentN9" class="content"></td><td name="contentOC9" class="content"></td><td name="contentCC9" class="content"></td><td name="contentNG8" class="content"></td></tr>
<tr><td name="contentO10" class="content"></td><td name="contentI10" class="content"></td><td name="contentP10" class="content"></td><td name="contentN10" class="content"></td><td name="contentOC10" class="content"></td><td name="contentCC10" class="content"></td><td name="contentNG10" class="content"></td></tr>
<tr><td name="contentO11" class="content"></td><td name="contentI11" class="content"></td><td name="contentP11" class="content"></td><td name="contentN11" class="content"></td><td name="contentOC11" class="content"></td><td name="contentCC11" class="content"></td><td name="contentNG11" class="content"></td></tr>
<tr><td name="contentO12" class="content"></td><td name="contentI12" class="content"></td><td name="contentP12" class="content"></td><td name="contentN12" class="content"></td><td name="contentOC12" class="content"></td><td name="contentCC12" class="content"></td><td name="contentNG12" class="content"></td></tr>
<tr><td name="contentO13" class="content"></td><td name="contentI13" class="content"></td><td name="contentP13" class="content"></td><td name="contentN13" class="content"></td><td name="contentOC13" class="content"></td><td name="contentCC13" class="content"></td><td name="contentNG13" class="content"></td></tr>
<tr><td name="contentO14" class="content"></td><td name="contentI14" class="content"></td><td name="contentP14" class="content"></td><td name="contentN14" class="content"></td><td name="contentOC14" class="content"></td><td name="contentCC14" class="content"></td><td name="contentNG14" class="content"></td></tr>
<tr><td name="contentO15" class="content"></td><td name="contentI15" class="content"></td><td name="contentP15" class="content"></td><td name="contentN15" class="content"></td><td name="contentOC15" class="content"></td><td name="contentCC15" class="content"></td><td name="contentNG15" class="content"></td></tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>