一厂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.

240 lines
10 KiB

3 days ago
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>注塑车间计划看板17</title>
<link href="PlanScreenStyleSheet.css" rel="stylesheet" />
<script src="jquery-1.8.0.min.js"></script>
<script>
$(function () {
setInterval("getDate()", 1000);
setInterval("initTable()", 3000);
//getDate();
//initTable();
});
function getDate() {
//var today = new Date();
//$("#DivTimer").text(today.Format("yyyy-MM-dd hh:mm:ss"));
$.ajax({
type: "GET",
url: "/Handler.ashx?method=GetDatetime",
dataType: "text",
success: function(result) {
$("#DivTimer").html(result);
}
});
}
function initTable() {
var content1 = ""; //零件号
var content2 = ""; //产品名称
var content3 = ""; //工位号
var content4 = ""; //塑件计划
var content5 = ""; //塑件生产数
var content6 = ""; //塑件合格率
var content14 = ""; //总成计划
var content15 = ""; //总成生产数
var content16 = ""; //总成合格率
var content7 = ""; //原料名称
var content8 = ""; //烘干料筒
var content9 = ""; //加料批次
var content10 = ""; //加料时间
$.ajax({
type: "GET",
url: "/Handler.ashx?method=GetPlanTable17",
dataType: "json",
success: function(result) {
content1 = result.PartNo;
content2 = result.ProductName;
content3 = result.Station;
content4 = GetNum(result.PlanCount);
content5 = GetNum(result.CompleteCount);
content6 = GetNum(result.CompleteRate);
content14 = GetNum(result.PlanCount2);
content15 = GetNum(result.ZcCompleteCount);
content16 = GetNum(result.ZcCompleteRate);
content7 = result.MaterialName;
content8 = result.Drum;
content9 = result.BatchNo;
content10 = result.Time1;
if (content6 === "0") {
content6 = "100%";
}
if (content16 === "0") {
content16 = "100%";
}
if (content1 === "") {
content4 = "";
content5 = "";
content6 = "";
}
if (content7 == null) {
content7 = "";
}
if (content8 == null) {
content8 = "";
}
if (content9 == null) {
content9 = "";
}
if (content10 == null) {
content10 = "";
}
if (content1 !== "A2146106203kz") {
content14 = "";
content15 = "";
content16 = "";
}
$("#content1").text(content1);
$("#content2").text(content2);
$("#content3").text(content3);
$("#content4").text(content4);
$("#content5").text(content5);
$("#content6").text(content6);
$("#content14").text(content14);
$("#content15").text(content15);
$("#content16").text(content16);
$("#content7").text(content7);
$("#content8").text(content8);
$("#content9").text(content9);
$("#content10").text(content10);
}
});
}
function GetNum(num)
{
if ( num != null ) {
return num;
}
else {
return "0";
}
}
// 对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;
}
</script>
</head>
<body>
<table class="TableFrame">
<tr>
<td>
<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>
</table>
</td>
</tr>
<tr>
<td>
<table id="TableSecondRow">
<tr>
<td class="tdTitle" style="width: 200px; height: 100px;">产品名称:</td>
<td class="tdContent1" id="content2" style="font-size: 40px; font-weight: 600;"></td>
<td class="tdTitle" style="width: 200px;height: 100px;">产品信息:</td>
<td class="tdContent1" id="content1"></td>
<td class="tdTitle" style="width: 150px;height: 100px;">机台:</td>
<td class="tdContent1" id="content3" style="border-right: hidden;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table class="TableFrame">
<tr>
<td>
<table id="TableLeft">
<tr style="height:170px; width:925px;">
<td class="tdTitle1" >注塑计划</td>
<td class="tdContent2" id="content4"></td>
</tr>
<tr>
<td class="tdTitle1">注塑生产数</td>
<td class="tdContent2" id="content5"></td>
</tr>
<tr>
<td class="tdTitle1">注塑合格率</td>
<td class="tdContent2" id="content6"></td>
</tr>
</table>
</td>
<td>
<table id="TableRight">
<tr style="height:170px; width:925px;">
<td class="tdTitle1" >总成计划</td>
<td class="tdContent2" id="content14"></td>
</tr>
<tr>
<td class="tdTitle1">总成生产数</td>
<td class="tdContent2" id="content15"></td>
</tr>
<tr>
<td class="tdTitle1">总成合格率</td>
<td class="tdContent2" id="content16"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table id="TableBottom">
<tr>
<td class="tdTitle" style=" height: 100px;">原料名称:</td>
<td class="tdContent" id="content7" style="font-size:40px; font-weight:600; height: 100px;"></td>
<td class="tdTitle" style=" height: 100px;">烘干料筒:</td>
<td class="tdContent" id="content8" style=" height: 100px;"></td>
</tr>
<tr>
<td class="tdTitle" style=" height: 100px;">加料批次:</td>
<td class="tdContent" id="content9" style=" height: 100px;"></td>
<td class="tdTitle" style=" height: 100px;">加料时间:</td>
<td class="tdContent" id="content10" style=" height: 100px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>