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.
240 lines
9.4 KiB
240 lines
9.4 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>
|
|
.span1 {
|
|
/*width: 130px !important;*/
|
|
}
|
|
|
|
.span2 {
|
|
/*margin-bottom:2px;*/
|
|
}
|
|
|
|
.listhead5 span {
|
|
/*font-family: 黑体;
|
|
font-weight: 500 !important;*/
|
|
font-size: 0.1rem !important;
|
|
}
|
|
|
|
.nav03 {
|
|
height: calc(100%);
|
|
}
|
|
|
|
#WIPRCV ul li span {
|
|
font-size: 0.1rem !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(40% - 0.5rem); margin-bottom: 0.1rem;">
|
|
<div class="boxall" style="height: calc(100% - 0.1rem);">
|
|
<div class="PhoneNum" id="PhoneNum" style="height: calc(100% - 5rem);"></div>-->
|
|
@*<div class="brokenLine" id="brokenLine"></div>
|
|
*@
|
|
<!--<div class="boxfoot"></div>
|
|
</div>
|
|
</li>-->
|
|
<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 class="span1">领料单号</span>
|
|
<span class="span2">行号</span>
|
|
<span class="span2">物料编码</span>
|
|
<span class="span1">条码</span>
|
|
<span class="span1">条码应领数量</span>
|
|
<span class="span1">货位</span>
|
|
<span class="span2">出货点位</span>
|
|
@*<span class="span1">WMS任务编号</span>*@
|
|
@*<span class="span1">子件项数</span>
|
|
<span class="span1">完成项数</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">
|
|
$('.counter').countUp()
|
|
GetWIPRCVInfo();
|
|
//phoneChart();
|
|
$(function () {
|
|
$('.scrollDiv').liMarquee({
|
|
direction: 'up', //身上滚动
|
|
runshort: false, //内容不足时不滚动
|
|
scrollamount: 20 //速度
|
|
})
|
|
})
|
|
|
|
|
|
function phoneChart() {
|
|
var moNum = 0;
|
|
var WMSNum = 0;
|
|
|
|
$.ajax({
|
|
url: "/WMS/WatchPanel/GetMaterialPickChart?XX=11&" + Math.random(),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function (data) {
|
|
if (data != false && data != null && data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
moNum += data[i].领料完成工单
|
|
WMSNum += data[i].未完成工单
|
|
}
|
|
$("#WIPRCV").html(html);
|
|
}
|
|
else {
|
|
// alert("未获取信息：" + data);
|
|
}
|
|
}
|
|
});
|
|
//饼状图
|
|
var PhoneNum = echarts.init(document.getElementById('PhoneNum'))
|
|
|
|
option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
},
|
|
legend: {
|
|
orient: 'vertical',
|
|
x: 'left',
|
|
selectedMode: false, //取消图例上的点击事件
|
|
data: ['领料完成工单', '未完成工单'],
|
|
padding: [20, 0, 0, 0],
|
|
textStyle: { color: '#fff' }
|
|
},
|
|
|
|
series: [
|
|
{
|
|
name: '项数',
|
|
type: 'pie',
|
|
radius: ['50%', '70%'],
|
|
avoidLabelOverlap: false,
|
|
animation: false,
|
|
hoverAnimation: false,
|
|
itemStyle: {
|
|
labelLine: {
|
|
show: true //隐藏标示线
|
|
}
|
|
},
|
|
label: {
|
|
show: false,
|
|
normal: {
|
|
show: true
|
|
},
|
|
emphasis: {
|
|
show: true
|
|
},
|
|
legend: {
|
|
itemStyle: {
|
|
color: '#fff'
|
|
}
|
|
}
|
|
},
|
|
labelLine: {
|
|
// 饼状图周围标注的线
|
|
normal: {
|
|
show: true
|
|
}
|
|
},
|
|
|
|
data: [
|
|
{ value: WMSNum, name: '领料完成工单' },
|
|
{ value: moNum, name: '未完成工单' }
|
|
]
|
|
}
|
|
]
|
|
}
|
|
PhoneNum.setOption(option)
|
|
}
|
|
|
|
|
|
//收料信息
|
|
function GetWIPRCVInfo() {
|
|
$.ajax({
|
|
url: "/WMS/WatchPanel/GetMaterialPick?XX=11&" + Math.random(),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function (data) {
|
|
if (data != false && data != null && data.length > 0) {
|
|
//<span class="span1">计划开工日</span> <span class="span2">生产部门</span><span class="span2">工单号</span><span class="span1">物料</span>
|
|
// <span class="span1">品名</span> <span class="span1">规格</span> <span class="span2">工单数量</span><span class="span1">单位</span>
|
|
// <span class="span1">子件项数</span> <span class="span1">完成项数</span>
|
|
var html = "<ul>";
|
|
for (var i = 0; i < data.length; i++) {
|
|
//html += ' <li> <span>' + data[i].ApplyCode + '</span> <span class="span2">' + data[i].Sequence;// + '</span> <span class="span2">' + data[i].SAPSequence + '</span>';
|
|
//html += ' <span class="span1">' + data[i].InvCode + '</span> <span class="span1">' + data[i].LotNo + '</span> <span class="span1">' + data[i].Quantity + '</span>';
|
|
//html += ' <span class="span1">' + data[i].StartLocation + '</span> <span class="span1">' + data[i].EndLocation + '</span>';//<span class="span4">' + data[i].TaskCode + '</span>';
|
|
////html += ' <span>' + data[i].完成项数 + '</span>';
|
|
|
|
html += ' <li> <span>' + data[i].ApplyCode + '</span> <span class="span2">' + data[i].Sequence + '</span> <span class="span2">' + data[i].InvCode + '</span>';
|
|
html += '<span class="span1">' + data[i].LotNo + '</span> <span class="span1">' + data[i].Quantity + '</span>';
|
|
html += '<span class="span1">' + data[i].StartLocation + '</span> <span class="span1">' + data[i].EndLocation + '</span>';//<span class="span4">' + data[i].TaskCode + '</span>';
|
|
|
|
}
|
|
html += "</ul>";
|
|
$("#WIPRCV").html(html);
|
|
}
|
|
else {
|
|
// alert("未获取信息：" + data);
|
|
}
|
|
},
|
|
error: function (aa) {
|
|
alert("异常：" + aa.responseText);
|
|
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|