|
|
<!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">到货时间</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> <span class="span1">单位</span><span class="span1">到货数量</span><span class="span1">合格数量</span> <span class="span1">U9上架量</span> <span class="span1">WMS上架量</span> <span class="span1">WMS未上架量</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 dNum = 0; var WMSWNum = 0;
$.ajax({ url: "/WMS/WatchPanel/GetWIPRCVChart?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].U9gb WMSWNum += data[i].U9dk } $("#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: ['U9已关闭行', 'U9未关闭行'], 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: 'U9已关闭行' }, { value: WMSWNum, name: 'U9未关闭行' } ] } ] } PhoneNum.setOption(option) }
//收料信息 function GetWIPRCVInfo() { $.ajax({ url: "/WMS/WatchPanel/GetWIPRCV?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].到货时间 + '</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 += ' <span>' + data[i].单位 + '</span> <span>' + data[i].到货数量 + '</span> <span>' + data[i].合格数量 + '</span> <span>' + data[i].U9已上架数量 + '</span>'; html += ' <span class="span1">' + data[i].WMS已上架数量 + '</span> <span class="span1">' + data[i].WMS未上架数量 + '</span> <span class="span1">' + data[i].库管员 + '</span> </li>'; } html += "</ul>"; $("#WIPRCV").html(html); } else { // alert("未获取信息：" + data); } }, error: function (aa) { alert("异常：" + aa.responseText);
} }); } </script>
<script type="text/javascript">
</script>
</body>
</html>
|
