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.
105 lines
3.7 KiB
105 lines
3.7 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" />
|
|
<script>
|
|
$(function () {
|
|
//initTable1();
|
|
//initTable2();
|
|
//GetTime();
|
|
setInterval("GetTime()", 1000);
|
|
setInterval("initTable1()", 60000);
|
|
setInterval("initTable2()", 5000);
|
|
});
|
|
|
|
|
|
function initTable1() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "../Handler/Handler.ashx?method=GetTable1",
|
|
dataType: "text",
|
|
success: function (result1) {
|
|
$("#table1").html(result1);
|
|
}
|
|
});
|
|
|
|
//setTimeout("initTable1()", 20000);
|
|
}
|
|
|
|
function initTable2() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "../Handler/Handler.ashx?method=GetTableSum",
|
|
dataType: "text",
|
|
success: function (resultSum) {
|
|
$("#tablesum").html(resultSum);
|
|
}
|
|
})
|
|
|
|
//setTimeout("initTable2()", 2000);
|
|
}
|
|
|
|
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>
|
|
<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>
|
|
<td>
|
|
<table><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>
|
|
<td>
|
|
<marquee scrollamount=4 height=700 direction=up>
|
|
<div id="table1"></div>
|
|
</marquee>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div id="tablesum"></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|
|
|