|
|
<!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">WMS未发数量</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 hgNum = 0;
$.ajax({ url: "/WMS/WatchPanel/GetSo?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].WMS未发数量 hgNum += 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: hgNum, name: '已发数量' } ] } ] } PhoneNum.setOption(option) }
//销售发货信息 function GetWIPRCVInfo() { $.ajax({ url: "/WMS/WatchPanel/GetSo?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].WMS未发数量 + '</span> '; } html += "</ul>"; $("#WIPRCV").html(html); } else { // alert("未获取信息：" + data); } }, error: function (aa) { alert("异常：" + aa.responseText);
} }); } </script>
<script type="text/javascript">
</script>
</body>
</html>
|
