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