<!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>喷涂下线合格率看板</title>
<script src="../Scripts/jquery-1.8.0.min.js"></script>
<link href="../CSS/StyleSheetCommon.css" rel="stylesheet" />
<link href="../CSS/StyleSheetSpecial1.css" rel="stylesheet" />
<link href="../CSS/InitCSS.css" rel="stylesheet" />
<script>
$(function () {
createTable();
//initTable2();
initTable1('1');
setInterval("createTable()", 10000); //每十秒生成中间数据
setInterval("initTable2()", 10000 * 1); //每三秒刷新总计数据
setInterval("initTable1('0')", 6000 * 1); //每六秒刷新中间数据
});
function createTable() {
$.ajax({
type: "GET",
url: "../Handler/Handler.ashx?method=CreateTable",
dataType: "text",
success: function (result) {
}
});
}
//页底总计
function initTable2() {
$.ajax({
type: "GET",
url: "../Handler/Handler.ashx?method=GetTableSum",
dataType: "text",
success: function (resultSum) {
$("#tablesum").html(resultSum);
}
})
}
//中间表格
function initTable1( initPage) {
var page = $("#page").val();
if (initPage != '0') {
page = initPage;
}
/*alert(initPage + " " + page);*/
$.ajax({
type: "GET",
url: "../Handler/Handler.ashx?method=GetMiddleTableData",
data: "page=" + page,
dataType: "text",
success: function (resultTableStr) {
if (resultTableStr == "") {
//window.location.href = 'PaintingScreenPaoGuang.html';
//$("#page").attr("value", 0);
setTimeout(function () {
window.location.href = 'PaintingScreenPaoGuang.html';
$("#page").attr("value", 0);
}, 5000);
}
else {
var str = resultTableStr.split(',');
$("#page").attr("value", str[1]);
$("#tableMiddle").html(str[0]);
}
}
})
}
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')">
<div style="margin-left:10px;">
<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>-->
<tr style="height:54px;">
<td>
<table class="borderTable" style="height:54px; background-image:url('../Pic/title03.png')"><tr><td class='TableTitle' style="height: 54px">颜色</td><td class='TableTitle'>型号</td><td class='TableTitle'>下线数</td><td class='TableTitle'>一次合格数</td><td class='TableTitle'>一次合格率</td><td class='TableTitle'>总合格数</td><td class='TableTitle'>总合格率</td></tr></table>
</td>
</tr>
<tr style="height:760px;">
<td>
<div id="tableMiddle"></div>
</td>
</tr>
<tr style="height:92px">
<td>
<div id="tablesum"></div>
</td>
</tr>
</table>
<input id="page" type="text" style="visibility:hidden" value="0" />
</div>
</body>
</html>