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.
218 lines
7.9 KiB
218 lines
7.9 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(100% - 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();
|
|
$(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>
|
|
|