|
|
<!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="tit03">工单欠料信息</div> *@ <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(60% - 0.5rem);"> <div class="boxall" style="height: calc(100% - 0.1rem);"> @*<div class="tit03">工单欠料信息</div> *@
<div class="boxnav nav03"> <div class="listhead listhead1 listhead5"> <span class="span1">U9工单</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> <span class="span2">子件欠料数量</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 dNum= 0; var WMSWNum = 0; $.ajax({ url: "/WMS/WatchPanel/GetOwe?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++) { dNum += data[i].工单数量 WMSWNum += 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: dNum, name: '工单数量' }, { value: WMSWNum, name: '子件欠料数量' }, ] } ] } PhoneNum.setOption(option) }
//工单欠料信息 function GetWIPRCVInfo() { $.ajax({ url: "/WMS/WatchPanel/GetOwe?XX=11&" + Math.random(), dataType: "json", async: false, success: function (data) { if (data != false && data != null && data.length > 0) {
var html = "<ul>"; for (var i = 0; i < data.length; i++) { html += ' <li> <span>' + data[i].U9工单 + '</span> <span class="span2">' + data[i].开工日期 + '</span> <span class="span2">' + data[i].母件料号 + '</span>'; html += ' <span class="span1">' + data[i].母件名称 + '</span> <span class="span1">' + data[i].母件规格 + '</span> <span class="span1">' + data[i].工单数量 + '</span> <span class="span2">' + data[i].母件单位 + '</span>'; html += ' <span class="span1">' + data[i].子件料号 + '</span> <span class="span1">' + data[i].子件名称 + '</span> <span class="span4">' + data[i].子件规格 + '</span> <span class="span2">' + data[i].子件欠料数量 + '</span>'; } html += "</ul>"; $("#WIPRCV").html(html); } else { // alert("未获取信息：" + data); } }, error: function (aa) { alert("异常：" + aa.responseText);
} }); } </script>
<script type="text/javascript">
</script>
</body>
</html>
|
