You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
4.7 KiB
138 lines
4.7 KiB
<!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>
|
|
|