You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
229 lines
8.3 KiB
229 lines
8.3 KiB
<!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>
|
|
|