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