NWeiWMS/KanBan/NFine.Web/Areas/WMS/Views/WatchPanel/PanelWIP8.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>纽威配料进度看板</title>

    <link rel="stylesheet" href="~/Content/Cust017/css/comon1.css" />
    <link rel="stylesheet" href="~/Content/Cust007/css/public.css" />
    <link rel="stylesheet" href="~/Content/Cust007/css/fq.css" />

    <style>
       

        .listhead5 span {
            font-size: 0.2rem !important;
        }

        .nav03 {
            height: calc(100%);
        }

        #WIPRCV ul li span {
            font-size: 0.2rem !important;
            word-break: break-word;
        }
    </style>

</head>
<body>
    <!-- 头部模块 -->
    <div class="header">
        <div class="title">
            <span>纽威系统看板</span>
        </div>
        <div class="time">
            <span></span>
        </div>
        <div class="company">
            @*<img src="~/Content/img/Panellogo.png" border="0" class="logoclass" />*@
        </div>
    </div>
    <div class="header5">
        <div class="title">配料进度看板</div>
    </div>

    <!-- 主题模块 -->
    <div class="main">
        <div class="mainbox">
            <ul class="clearfix">
                <li style="height: calc(95% - 0.45rem);">
                    <div class="boxall" style="height: calc(100% - 0.1rem);">
                        <div class="boxnav nav03">
                            <div class="listhead listhead1 listhead5">
                                <span>调度</span><span>领料人</span><span>单号</span><span>下单时间</span>
                                <span>状态</span><span>配料人</span><span>配料人工号</span><span>需求时间</span>
                                <span>区域</span><span>紧急程度</span>
                            </div>
                            <div class="listnav listnav1 scrollDiv ContentFont" id="WIPRCV">
                            </div>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>

            </ul>
        </div>
    </div>


    <script type="text/javascript" src="~/Content/Cust017/js/jquery.js"></script>
    <script type="text/javascript" src="~/Content/Cust017/js/echarts.min.js"></script>
    <script src="~/Content/Cust017/js/jquery.liMarquee.js"></script>
    <script language="JavaScript" src="~/Content/Cust017/js/js.js"></script>
    <script type="text/javascript" src="~/Content/Cust017/js/jquery.countup.min.js"></script>
    <script type="text/javascript" src="~/Content/Cust017/js/jquery.waypoints.min.js"></script>


    <script type="text/javascript">
        $(function () {
            GetStatus();

            $(window).resize(function () {
                GetStatus();
            });


            //刷新时间
            time =  setInterval(function () {
                GetStatus();
            }, 30 *60 * 1000);
        })


        function GetStatus() {

            $('.scrollDiv').liMarquee('destroy');

            $.ajax({
                url: "/WMS/WatchPanel/GetGridJson_ApplyStatus?" + Math.random(),
                data: {},
                dataType: "json",
                async: true,
                success: function (result) {
                    //请求成功时执行该函数内容，result即为服务器返回的json对象
                    if (result && result != null && result.length > 0) {
                        var html = "<ul>";
                        for (var i = 0; i < result.length; i++) {
                            html += '<li><span>' + result[i].DispatcherName + '</span><span>' + result[i].ReceiverName + '</span><span>' + result[i].ApplyCode + '</span>';
                            html += '<span>' + result[i].MTIME + '</span><span>' + result[i].Status + '</span><span>' + result[i].MUSERName + '</span>';
                            html += '<span>' + result[i].MUSER + '</span><span>' + result[i].NeedTime + '</span><span>' + result[i].LocationCode + '</span><span>'+ result[i].Urgency + '</span></li>';
                        }

                        html += "</ul>";
                        $("#WIPRCV").html(html);
                        $('.scrollDiv').liMarquee({
                            direction: 'up', //身上滚动
                            runshort: true, //内容不足时不滚动
                            scrollamount: 20, //速度
                            hoverstop: false
                        })
                    }
                    else {
                        alert("配料进度没有抓取到相关数据");
                    }
                },
                error: function (errorMsg) {
                    alert("配料进度请求数据失败!", "error");
                }
            });
        }

    </script>

</body>

</html>