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