|
|
<!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>
|
