DK-MES-2.0
/
HEGII.ft.mes.dashboard


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        table {
            font-size: 18px;
        }

            table td {
                height: 30px;
                text-align: center;
                padding: 2px 2px 2px 2px;
                white-space: nowrap;
            }
            table .title {
                background-color: darkblue;
                color: white;
                font-weight: 600;
            }

        .tableReport {
            width: 100%;
            border-right: 1px solid lightgray;
            border-bottom: 1px solid lightgray;
        }

            .tableReport td {
                border-left: 1px solid lightgray;
                border-top: 1px solid lightgray;
            }

        .tableHeader {
            width: 100%;
            background-color: darkblue;
            color: white;
            border: 1px solid lightgray;
        }

            .tableHeader td {
                border: 0px;
            }
    </style>
    <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
    <script src="/Plugins/xrequest/xrequest.min.js"></script>
</head>
<body>
    <!--报表1-->
    <table cellpadding="0" cellspacing="0" class="tableHeader">
        <tr>
            <td style="width:20%;text-align:left">
                <img src="/Img/dongke.png" style="width:100px;padding:2px;padding-top:4px;" />
                <span id="缺陷统计加载" style="position:relative;left:20px; top:-12px;"></span>
            </td>
            <td class="title" style="width:60%;">
                各缺陷类型缺陷率本烧（TK1、SK2）
            </td>
            <td style="width:20%;text-align:right;padding:4px;">
                时间：2019-12-04 星期三
            </td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" class="tableReport">
        <thead>
            <tr class="title">
                <td rowspan="2">#</td>
                <td colspan="3">成型</td>
                <td>修坯</td>
                <td>上水</td>
                <td colspan="3">施釉</td>
                <td>花纸</td>
                <td colspan="2">刮边</td>
                <td colspan="3">登窑</td>
                <td colspan="3">杂锈点</td>
                <td colspan="2">其它</td>
            </tr>
            <tr class="title">
                <td>外裂次</td>
                <td>内裂次</td>
                <td>规整度次</td>

                <td>修坯</td>

                <td>上水</td>

                <td>釉点次</td>
                <td>滚釉次</td>
                <td>机械手撞伤次</td>

                <td>残标</td>

                <td>刮边粘</td>
                <td>刮边撞伤</td>

                <td>吹风不净次</td>
                <td>粘次</td>
                <td>撞伤</td>

                <td>杂点次</td>
                <td>铜点次</td>
                <td>锈点次</td>

                <td>工艺</td>
                <td>釉料</td>
            </tr>
        </thead>
        <tbody style="display:none" id="缺陷统计模板">
            <tr>
                <td>NN</td>

                <td>成型-外裂次</td>
                <td>成型-内裂次</td>
                <td>成型-规整度次</td>

                <td>修坯-修坯次</td>

                <td>上水-上水次</td>

                <td>施釉-釉点次</td>
                <td>施釉-滚釉次</td>
                <td>施釉-机械手撞伤次</td>

                <td>花纸-残标次</td>

                <td>刮边-刮边粘次</td>
                <td>刮边-刮边撞伤次</td>

                <td>登窑-吹风不净次</td>
                <td>登窑-粘次</td>
                <td>登窑-撞伤次</td>

                <td>杂锈点-杂点次</td>
                <td>杂锈点-铜点次</td>
                <td>杂锈点-锈点次</td>

                <td>其它-工艺次</td>
                <td>其它-釉料次</td>
            </tr>
        </tbody>
        <tbody id="缺陷统计">
        </tbody>
    </table>


    <!--报表2-->
    <table cellpadding="0" cellspacing="0" class="tableHeader">
        <tr>
            <td style="width:20%;text-align:left">
                <img src="/Img/dongke.png" style="width:100px;padding:2px;padding-top:4px;" />
                <span id="实时缺陷加载" style="position:relative;left:20px; top:-12px;"></span>
            </td>
            <td class="title" style="width:60%;">
                实时缺陷记录
            </td>
            <td style="width:20%;text-align:right;padding:4px;">
                时间：2019-12-04 星期三
            </td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" class="tableReport">
        <thead>
            <tr class="title">
                <td>产品条码</td>
                <td>产品编码</td>
                <td>产品分级</td>
                <td>成型工号</td>
                <td>注浆日期</td>
                <td>模具编号</td>
                <td>窑车编号</td>
                <td>责任工号</td>
                <td>责任员工</td>
                <td>缺陷类别</td>
                <td>缺陷编码</td>
                <td>缺陷名称</td>
                <td>位置名称</td>
                <td>缺陷扣罚</td>
                <td>缺陷扣除</td>
                <td>产品备注</td>
            </tr>
        </thead>
        <tbody style="display:none" id="实时缺陷模板">
            <tr>
                <td>产品条码</td>
                <td>产品编码</td>
                <td>产品分级</td>
                <td>成型工号</td>
                <td>注浆日期</td>
                <td>模具编号</td>
                <td>窑车编号</td>
                <td>责任工号</td>
                <td>责任员工</td>
                <td>缺陷类别</td>
                <td>缺陷编码</td>
                <td>缺陷名称</td>
                <td>位置名称</td>
                <td>缺陷扣罚</td>
                <td>缺陷扣除</td>
                <td>产品备注</td>
            </tr>
        </tbody>
        <tbody id="实时缺陷">
        </tbody>
    </table>


    <script>
        //缺陷统计刷新时间
        var refreshTime1 = 30000;
        var currentTime1 = 0;
        //实时缺陷刷新时间
        var refreshTime2 = 30000;
        var currentTime2 = 0;
        //数据模板
        var defectDataRow;
        var defectdDataRow;

        var doGetData;

        $(document).ready(function () {
            defectDataRow = $('#缺陷统计模板').html();
            defectdDataRow = $('#实时缺陷模板').html();

            //首次加载
            loadData();
            //定时刷新数据
            doGetData = setInterval(function () { loadData(); }, 1000);
        });

        function loadData() {
            //加载缺陷统计
            if (currentTime1 == 0) {
                loadTable('#缺陷统计', 'api/Get_HG5010_CHECK_DEFECT.ashx', function (data) {
                    currentTime1 = refreshTime1;
                    $('#缺陷统计').html('');
                    var json = JSON.parse(data);
                    for (var i = 0; i < json.length; i++) {
                        var row = defectDataRow;
                        for (key in json[i]) {
                            row = row.replace(key, json[i][key]);
                        }
                        $('#缺陷统计').append(row);
                    }
                });
            }
            else {
                $('#缺陷统计加载').html('刷新倒计时（秒）：' + currentTime1 / 1000);
                currentTime1 = currentTime1 - 1000;
            }

            //加载实时缺陷
            if (currentTime1 == 0) {
                loadTable('#实时缺陷', 'api/Get_HG5010_CHECK_DEFECT_D.ashx', function (data) {
                    currentTime1 = refreshTime1;
                    $('#实时缺陷').html('');
                    var json = JSON.parse(data);
                    for (var i = 0; i < json.length; i++) {
                        var row = defectdDataRow;
                        for (key in json[i]) {
                            if (key == '注浆日期') {
                                var d = new Date(json[i][key]);
                                json[i][key] = d.getFullYear() + '-' + d.getMonth() + '-' + d.getDay();
                            }
                            row = row.replace(key, json[i][key]);
                        }
                        $('#实时缺陷').append(row);
                    }
                });
            }
            else {
                $('#实时缺陷加载').html('刷新倒计时（秒）：' + currentTime1 / 1000);
                currentTime1 = currentTime1 - 1000;
            }
        }

        //加载数据到表格控件
        function loadTable(id, url, callback) {
            $(id + '加载').html('加载中...');
            $.get(url + '?r=' + Math.random(), function (data) {
                if (data != '' && data != '-1') {
                    //$(id + '加载').html('');
                    callback(data);
                }
                else {
                    clearInterval(doGetData);
                    swal({
                        title: '登录异常！',
                        text: '请您先登录系统！',
                        icon: 'error',
                        button: '确定'
                    }).then(function () {
                        window.location = '../common/login.html?gourl=../dashboard/hg5010_check_defect.html';
                    });
                }
            });
        }

    </script>

</body>
</html>