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

180 lines
8.6 KiB

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">
<title>抛光TOP5看板</title>
<script src="../Scripts/jquery-1.8.0.min.js"></script>
<link href="../CSS/InitCSS.css" rel="stylesheet" />
<link href="../CSS/StyleSheetCommon.css" rel="stylesheet" />
<script>
$(function () {
setInterval("GetSumTable()", 3000); //每三秒刷新总计数据
setInterval("GetSumRateTable()", 3000); //每三秒刷新总计数据
setInterval("GetMiddleTablePaoGuang()", 6000); //每五秒刷新中间数据
});
//页底总计
function GetSumTable() {
$.ajax({
type: "GET",
url: "../Handler/Handler.ashx?method=GetTableSumPaoGuang",
dataType: "text",
success: function (resultSum) {
var str = resultSum.split(',');
$("td[name='sumXiaXian']").text(str[0]);
$("td[name='sumXiaXian2']").text(str[0]);
$("td[name='sumOnceHeGe']").text(str[1]);
$("td[name='sumOnceRate']").text(str[2]);
$("td[name='sumHeGe']").text(str[3]);
$("td[name='sumHeGe2']").text(str[3]);
$("td[name='sumHeGeRate']").text(str[4]);
}
})
}
//中间表数据显示
function GetMiddleTablePaoGuang()
{
var page = $("#page").val();
$.ajax({
type: "GET",
url: "../Handler/Handler.ashx?method=GetMiddleTablePaoGuang",
data: "page=" + page,
dataType: "text",
success: function (resultTableStr) {
if (resultTableStr == "") {
window.location.href = 'PaintingResultScreen2.html';
$("#page").attr("value", 0);
}
else {
var strs = resultTableStr.split(',');
$("#middleTable").html(strs[0]);
$("#page").attr("value", strs[1]);
}
}
})
}
//中间总计缺陷率显示
function GetSumRateTable()
{
$.ajax({
type: "GET",
url: "../Handler/Handler.ashx?method=GetSumRateTable",
dataType: "text",
success: function (resultSumRate) {
var strRate = resultSumRate.split(',');
$("td[name='sumRateName1']").text(strRate[0]);
$("td[name='sumRate1']").text(strRate[1]);
$("td[name='sumRateName2']").text(strRate[2]);
$("td[name='sumRate2']").text(strRate[3]);
$("td[name='sumRateName3']").text(strRate[4]);
$("td[name='sumRate3']").text(strRate[5]);
$("td[name='sumRateName4']").text(strRate[6]);
$("td[name='sumRate4']").text(strRate[7]);
$("td[name='sumRateName5']").text(strRate[8]);
$("td[name='sumRate5']").text(strRate[9]);
}
})
}
//时间显示
function GetTime() {
var today = new Date();
$("#DivTimer").html('<br>' + today.Format("yyyy-MM-dd hh:mm:ss") + '<br>');
}
// 对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 style="background-image: url('../Pic/centerBg.png')">
<!--<table>
<tr>
<td>
<table id="TableTitle"><tr><td id="tdImg"><img id="Img"></td><td id="Title">喷涂下线合格率看板</td><td><div id="DivTimer"></div></td></tr></table>
</td>
</tr>
</table>-->
<div style="height:94px">
<table class="borderTable" width="100%" cellpadding="0" cellspacing="0" height="94" style="color:white; font-size:30px; font-family: 微软雅黑; font-weight:700; background-image:url('../Pic/title03.png')">
<tr>
<td align="center" width="15%">颜色</td>
<td align="center" width="20%">配置</td>
<td align="center" width="10%">下线数</td>
<td align="center" width="10%">合格数</td>
<td align="center" width="9%">Top1</td>
<td align="center" width="9%">Top2</td>
<td align="center" width="9%">Top3</td>
<td align="center" width="9%">Top4</td>
<td align="center" width="9%">Top5</td>
</tr>
</table>
</div>
<div id="middleTable" style="height:500px"></div>
<div style="height:160px">
<table class="borderTable" width="100%" cellpadding="0" cellspacing="0" height="160" style="color:white; font-size:30px; font-family: 微软雅黑;">
<tr>
<td align="center" colspan="2" rowspan="2" width="678px" style="color:white; font-weight:700">总数 </td>
<td align="center" rowspan="2" width="10%" name="sumXiaXian2"></td>
<td align="center" rowspan="2" width="10%" name="sumHeGe2"></td>
<td align="center" width="9%" name="sumRateName1"></td>
<td align="center" width="9%" name="sumRateName2"></td>
<td align="center" width="9%" name="sumRateName3"></td>
<td align="center" width="9%" name="sumRateName4"></td>
<td align="center" width="174px" name="sumRateName5"></td>
<tr>
<td align="center" width="9%" name="sumRate1"></td>
<td align="center" width="9%" name="sumRate2"></td>
<td align="center" width="9%" name="sumRate3"></td>
<td align="center" width="9%" name="sumRate4"></td>
<td align="center" width="174px" name="sumRate5"></td>
</tr>
</table>
</div>
<div style="height:188px">
<table class="borderTable" width="100%" cellpadding="0" cellspacing="0" height="94" style="color:white; font-size:30px; font-family: 微软雅黑; background-image:url('../Pic/title03.png')">
<tr style="color:white; font-weight:700;">
<td align="center" colspan="2" width="678px">下线数</td>
<td align="center" width="10%">一次合格数</td>
<td align="center" width="15%">一次合格率</td>
<td align="center" width="20%">总合格数</td>
<td align="center" width="20%">总合格率</td>
</tr>
</table>
<table class="borderTable" width="100%" cellpadding="0" cellspacing="0" height="94" style="color:white; font-size:30px; font-family: 微软雅黑;">
<tr id="sumNum">
<td align="center" colspan="2" width="678px" name="sumXiaXian"></td>
<td align="center" width="10%" name="sumOnceHeGe"></td>
<td align="center" width="15%" name="sumOnceRate"></td>
<td align="center" width="20%" name="sumHeGe"></td>
<td align="center" width="20%" name="sumHeGeRate"></td>
</tr>
</table>
</div>
<input id="page" type="text" style="visibility:hidden" value="0" />
</body>
</html>