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.
111 lines
4.4 KiB
111 lines
4.4 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>喷涂下线合格率看板</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 () {
|
|
setInterval("initTable2()", 3000); //每三秒刷新总计数据
|
|
setInterval("initTable1()", 6000); //每六秒刷新中间数据
|
|
});
|
|
|
|
//页底总计
|
|
function initTable2() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "../Handler/Handler.ashx?method=GetTableSum",
|
|
dataType: "text",
|
|
success: function (resultSum) {
|
|
$("#tablesum").html(resultSum);
|
|
}
|
|
})
|
|
}
|
|
|
|
//中间表格
|
|
function initTable1()
|
|
{
|
|
var page = $("#page").val();
|
|
$.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);
|
|
}
|
|
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:94px;">
|
|
<td>
|
|
<table class="borderTable" style="height:94px; background-image:url('../Pic/title03.png')"><tr><td class='TableTitle'>颜色</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>
|
|
|