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