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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
							<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="/img/logo.png" />
    <link rel="bookmark" href="/img/logo.png" />
    <link rel="stylesheet" href="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="/Plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="DashBoard.css?v3" />
    <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <script src="/Plugins/xrequest/xrequest.min.js"></script>
    <title>东科软件</title>
</head>
<body class="bg-white p-0 dk-report">

    <!--导航菜单-->
    <script src="../common/navbar.js"></script>

    <!--缺陷统计-->
    <div class="container-fluid pt-3 p-0">
        <div class="position-absolute">
            <img src="/Img/dongke.png" class="dk-report-logo" />
            <img src="/Img/hegii_logo.png" class="dk-report-logo2" />
            <span id="缺陷统计加载" class="dk-report-loading"></span>
        </div>
        <div class="position-relative pull-right">
            <div id="当前时间" class="dk-report-time"></div>
            <a class="nav-link" href="javascript:void(0)" onclick="fullScreen(); $('#navbar').toggle();">
                <i class="fa fa-bars" aria-hidden="true"></i>
            </a>
        </div>
        <h4 class="text-center pb-2 dk-report-title2">各缺陷类型缺陷率本烧 隧道窑(1#)、梭式窑(3#)</h4>
        <table id="缺陷统计" class="table table-bordered table-hover table-striped" style="font-size:14px;">
            <thead>
                <tr>
                    <th scope="col" data-field="NN" rowspan="2" class="text-center dk-report-row2">　　　</th>
                    <th scope="col" colspan="3" class="text-center dk-report-row2">成型</th>
                    <th scope="col" data-field="修坯-修坯次" class="text-center dk-report-row2">修坯</th>
                    <th scope="col" data-field="上水-上水次" class="text-center dk-report-row2">上水</th>
                    <th scope="col" colspan="3" class="text-center dk-report-row2">施釉</th>
                    <th scope="col" data-field="花纸-残标次" class="text-center dk-report-row2">花纸</th>
                    <th scope="col" colspan="2" class="text-center dk-report-row2">刮边</th>
                    <th scope="col" colspan="3" class="text-center dk-report-row2">登窑</th>
                    <th scope="col" colspan="3" class="text-center dk-report-row2">杂锈点</th>
                    <th scope="col" colspan="2" class="text-center dk-report-row2">其他</th>
                </tr>
                <tr>
                    <th scope="col" data-field="成型-外裂次" class="text-center dk-report-row2">外裂</th>
                    <th scope="col" data-field="成型-杂质次" class="text-center dk-report-row2">杂质</th>
                    <th scope="col" data-field="成型-规整度次" class="text-center dk-report-row2">规整度</th>

                    <th scope="col" data-field="修坯-修坯次" class="text-center dk-report-row2">修坯</th>

                    <th scope="col" data-field="上水-上水次" class="text-center dk-report-row2">上水</th>

                    <th scope="col" data-field="施釉-釉点次" class="text-center dk-report-row2">釉点</th>
                    <th scope="col" data-field="施釉-滚釉次" class="text-center dk-report-row2">滚釉</th>
                    <th scope="col" data-field="施釉-机械手撞伤次" class="text-center dk-report-row2">机械手</th>

                    <th scope="col" data-field="花纸-残标次" class="text-center dk-report-row2">残标</th>

                    <th scope="col" data-field="刮边-刮边粘次" class="text-center dk-report-row2">刮边粘</th>
                    <th scope="col" data-field="刮边-刮边撞伤次" class="text-center dk-report-row2">撞伤</th>

                    <th scope="col" data-field="登窑-吹风不净次" class="text-center dk-report-row2">吹风</th>
                    <th scope="col" data-field="登窑-粘次" class="text-center dk-report-row2">粘次</th>
                    <th scope="col" data-field="登窑-撞伤次" class="text-center dk-report-row2">撞伤</th>

                    <th scope="col" data-field="杂锈点-杂点次" class="text-center dk-report-row2">杂点</th>
                    <th scope="col" data-field="杂锈点-铜点次" class="text-center dk-report-row2">铜点</th>
                    <th scope="col" data-field="杂锈点-锈点次" class="text-center dk-report-row2">锈点</th>

                    <th scope="col" data-field="其它-工艺次" class="text-center dk-report-row2">工艺</th>
                    <th scope="col" data-field="其它-釉料次" class="text-center dk-report-row2">釉料</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

    </div>

    <!--实时缺陷记录-->
    <div class="container-fluid pt-1 p-0">
        <div class="position-absolute">
            <img src="/Img/dongke.png" class="dk-report-logo" />
            <img src="/Img/hegii_logo.png" class="dk-report-logo2" />
            <span id="实时缺陷加载" class="dk-report-loading"></span>
        </div>
        <div class="position-relative pull-right">
            <a class="nav-link" href="javascript:void(0)" onclick="fullScreen(); $('#navbar').toggle();">
                <i class="fa fa-bars" aria-hidden="true"></i>
            </a>
        </div>
        <h4 class="text-center pb-2 dk-report-title">实时缺陷记录</h4>
        <table id="实时缺陷" class="table table-bordered table-hover  table-striped" style="font-size:14px;">
            <thead>
                <tr>
                    <th scope="col" data-field="产品条码" class="text-center dk-report-row">产品条码</th>
                    <th scope="col" data-field="产品编码" class="text-center dk-report-row">产品编码</th>
                    <th scope="col" data-field="产品分级" class="text-center dk-report-row">分级</th>
                    <th scope="col" data-field="成型工号" class="text-center dk-report-row">成型工号</th>
                    <th scope="col" data-field="注浆日期" class="text-center dk-report-row" >注浆日期</th>
                    <th scope="col" data-field="模具编号" class="text-center dk-report-row">模具编号</th>
                    <th scope="col" data-field="窑车编号" class="text-center dk-report-row">窑车编号</th>
                    <th scope="col" data-field="责任工号" class="text-center dk-report-row">责任工号</th>
                    <!--<th scope="col" data-field="责任员工" class="text-center dk-report-row">责任员工</th>-->
                    <th scope="col" data-field="缺陷类别" class="text-center dk-report-row">缺陷类别</th>
                    <!--<th scope="col" data-field="缺陷编码" class="text-center dk-report-row">缺陷编码</th>-->
                    <th scope="col" data-field="缺陷名称" class="text-center dk-report-row">缺陷名称</th>
                    <th scope="col" data-field="缺陷位置" class="text-center dk-report-row">位置</th>
                    <th scope="col" data-field="缺陷扣罚" class="text-center dk-report-row">扣罚</th>
                    <!--<th scope="col" data-field="缺陷扣除" class="text-center dk-report-row">缺陷扣除</th>-->
                    <!--<th scope="col" data-field="产品备注" class="text-center dk-report-row">产品备注</th>-->
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

    </div>

    <!--版权信息-->
    <!--<script src="../common/footer.js"></script>-->

    <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
    <script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
    <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
    <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
    <script src="/Plugins/chartjs-2.8.0/utils.js"></script>

    <script>
        //缺陷统计刷新时间
        var refreshTime1 = 15000;
        var currentTime1 = 0;
        //实时缺陷刷新时间
        var refreshTime2 = 15000;
        var currentTime2 = 0;

        var doGetData;
        var doGetTime;

        $(document).ready(function () {
            //首次加载
            loadData();
            //定时刷新数据
            doGetData = setInterval(function () { loadData(); }, 1000);
            //刷新时间
            loadServerTime();
            doGetTime = setInterval(function () { loadServerTime(); }, 15000);

        });

        //取服务器时间
        function loadServerTime() {
            $.get('api/Get_HG5010_DateTime.ashx', function (data) {
                var json = JSON.parse(data);
                if (json["success"] == true) {
                    $('#当前时间').html(json["rows"]["时间"]);
                }
            });
        }

        //取本地时间
        function loadLocalTime() {
　　　　    //获取当前日期
　　　　    var date_time = new Date();
　　　　    //定义星期
　　　　    var week;
　　　　    //switch判断
　　　　    switch (date_time.getDay()){
　　　　　　    case 1: week="星期一"; break;
　　　　　　    case 2: week="星期二"; break;
　　　　　　    case 3: week="星期三"; break;
　　　　　　    case 4: week="星期四"; break;
　　　　　　    case 5: week="星期五"; break;
　　　　　　    case 6: week="星期六"; break;
　　　　　　    default:week="星期天"; break;
　　　　    }
　　　　    //年
　　　　    var year = date_time.getFullYear();
　　　　    //判断小于10，前面补0
　　　　    if(year<10){
　　　　　　    year="0"+year;
　　　　    }
　　　　    //月
　　　　    var month = date_time.getMonth()+1;
　　　　    //判断小于10，前面补0
　　　　    if(month<10){
　　　　　　    month="0"+month;
　　　　    }
　　　　    //日
　　　　    var day = date_time.getDate();
　　　　    //判断小于10，前面补0
　　　　    if(day<10){
　　　　　　    day="0"+day;
　　　　    }
　　　　    //时
　　　　    var hours =date_time.getHours();
　　　　    //判断小于10，前面补0
　　　　    if(hours<10){
　　　　　　    hours="0"+hours;
　　　　    }
　　　　    //分
　　　　    var minutes =date_time.getMinutes();
　　　　    //判断小于10，前面补0
　　　　    if(minutes<10){
　　　　　　    minutes="0"+minutes;
　　　　    }
　　　　    //秒
　　　　    var seconds=date_time.getSeconds();
　　　　    //判断小于10，前面补0
　　　　    if(seconds<10){
　　　　　　    seconds="0"+seconds;
　　　　    }
　　　　    //拼接年月日时分秒
　　　　    var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;
            $('#当前时间').html(date_str);
        }

        function loadData() {
            //加载缺陷统计
            if (currentTime1 == 0) {
                loadTable('#缺陷统计', 'api/Get_HG5010_CHECK_DEFECT.ashx', function (jsonData) {
                    for (var i = 0; i < jsonData.length; i++) {
                        for (var key in jsonData[i]) {
                            if (jsonData[i][key] == null) jsonData[i][key] = 0;
                            if (key != "NN" && (i == 1 || i == 3)) jsonData[i][key] += '%';
                        }
                    }
                    $('#缺陷统计').bootstrapTable('refreshOptions', { data: jsonData });
                    currentTime1 = refreshTime1;
                });
            }
            else {
                $('#缺陷统计加载').html('刷新倒计时（秒）：' + currentTime1 / 1000);
                currentTime1 = currentTime1 - 1000;
            }
            //加载实时缺陷
            if (currentTime2 == 0) {

                loadTable('#实时缺陷', 'api/Get_HG5010_CHECK_DEFECT_D.ashx', function (jsonData) {
                    $('#实时缺陷').bootstrapTable('refreshOptions', { data: jsonData });
                    currentTime2 = refreshTime2;
                });
            }
            else {
                $('#实时缺陷加载').html('刷新倒计时（秒）：' + currentTime2 / 1000);
                currentTime2 = currentTime2 - 1000;
            }
        }

        //加载数据到表格控件
        function loadTable(id, url, callback) {
            $(id + '加载').html('<i class="fa fa-spinner fa-pulse fa-fw"></i>');
            $.get(url + '?r=' + Math.random(), function (data) {
                var json = JSON.parse(data);
                if (json['success'] == true) {
                    $(id).bootstrapTable({
                        toggle: "table",
                        locale: "zh-CN"
                    });
                    callback(json['rows']);
                }
                else {
                    clearInterval(doGetData);
                    swal({
                        title: '登录异常！',
                        text: '请您先登录系统！',
                        icon: 'error',
                        button: '确定'
                    }).then(function () {
                        window.location = '../common/login.html?gourl=../dashboard/hg5010_check_defect.html';
                    });
                }
            });
        }

        //注浆日期格式化
        function groutingDate(value, row, index) {
            var d = new Date(value);
            return d.getFullYear() + '-' + d.getMonth() + '-' + d.getDay();
        }

    </script>

</body>
</html>