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