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.
348 lines
12 KiB
348 lines
12 KiB
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--更多资源： -->
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="" />
|
|
<meta name="keywords" content="" />
|
|
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
<title>每日生产看板</title>
|
|
<!--大屏-->
|
|
<link type="text/css" href="~/Content/Cust003/css/public.css" rel="stylesheet" />
|
|
<link type="text/css" href="~/Content/Cust003/css/icon.css" rel="stylesheet" />
|
|
<link type="text/css" href="~/Content/Cust003/css/index.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="~/Content/Cust069/fonts/icomoon.css">
|
|
<script src="~/Content/js/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
|
|
@*<script src="~/Content/Cust003/js/jquery-1.11.0.min.js" type="text/javascript"></script>*@
|
|
<script src="~/Content/Cust003/js/jquery.numscroll.js"
|
|
type="text/javascript"
|
|
charset="utf-8"></script>
|
|
<script src="~/Content/js/echarts/echarts5.3.3.min.js"></script>
|
|
|
|
<style>
|
|
h3 {
|
|
color: #FFFFFF;
|
|
text-shadow: #05d1fc 0px 1px 3px, #05d1fc 1px 0px 3px,#05d1fc 0px -1px 3px, #05d1fc -1px 0px 3px;
|
|
filter: glow(color=#00FFCC,strength=3);
|
|
}
|
|
|
|
.rightMain_top {
|
|
width: 100%;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
.animationNone {
|
|
animation: none !important;
|
|
}
|
|
|
|
.leftMain_top ul li {
|
|
width:100% !important;
|
|
}
|
|
|
|
/*.CustDiv4 ul li:nth-child(1), .CustDiv4 div div ul li:nth-child(1) {
|
|
width: 5% !important;
|
|
}*/
|
|
|
|
|
|
|
|
|
|
|
|
.leftMain_top, .leftMain_bottom {
|
|
height: calc(99.5% - 0.3rem);
|
|
}
|
|
|
|
.leftMain_topIn, .leftMain_bottomIn, .leftMain_topIn ul:nth-child(1),
|
|
.leftMain_bottomIn ul:nth-child(1), .rightMain_bottom, .rightMain_bottomIn {
|
|
height: 100%;
|
|
}
|
|
|
|
img {
|
|
height: 0.2rem;
|
|
width: 0.5rem;
|
|
padding-top: 0.05rem;
|
|
}
|
|
|
|
.bg {
|
|
padding-top: 0.01rem;
|
|
}
|
|
|
|
.title {
|
|
height: 8%;
|
|
text-shadow: #01db78 0px 2px 3px, #01db78 1px 0px 3px, #05d1fc 0px -2px 3px, #05d1fc -1px 0px 3px;
|
|
}
|
|
|
|
|
|
.TopName {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
font-weight: 700;
|
|
color: white;
|
|
}
|
|
|
|
.TopNameTime {
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: white;
|
|
}
|
|
|
|
.rightMain_bottomIn .biaoge_list ul li {
|
|
overflow: hidden;
|
|
padding-right: 0px;
|
|
}
|
|
.rightMain_bottomIn .biaoge {
|
|
height: calc(100% );
|
|
}
|
|
.zantingCla li {
|
|
color:yellow !important;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
document.documentElement.style.fontSize =
|
|
(document.documentElement.clientWidth / 768) * 100 + 'px'
|
|
</script>
|
|
|
|
<script src="~/Content/Cust003/js/echarts.min.js"></script>
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="bg">
|
|
<table class="title">
|
|
<tr>
|
|
<td style="width:20%">
|
|
<div class="TopNamelogo" id="TopNamelogo">
|
|
<img src="~/Content/img/zhenxiang.png" border="0" class="logoclass" />
|
|
</div>
|
|
</td>
|
|
|
|
<td style="width:60%">
|
|
<div class="TopName" id="TopName">每日生产看板</div>
|
|
</td>
|
|
<td style="width:20%">
|
|
<div class="TopNameTime" id="TopNameTime"></div>
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<div class="leftMain_top">
|
|
<div class="leftMain_topIn">
|
|
<ul>
|
|
<li class="LineLi">
|
|
|
|
<div class="rightMain_bottom">
|
|
<div class="rightMain_bottomIn">
|
|
@*<h3> SMT车间生产加工数据</h3>*@
|
|
<div class="biaoge biaoge_list" id="marqueelist1"
|
|
style="width: 100%; ">
|
|
<div class="biaoge_listIn CustDiv4">
|
|
<ul class="ul_title">
|
|
<li>销售车号</li>
|
|
<li>物料编码</li>
|
|
<li>物料名称</li>
|
|
@*<li>工序代码</li>*@
|
|
<li>工序名称</li>
|
|
<li>报工人</li>
|
|
<li>工序结束状态</li>
|
|
<li>有效时间</li>
|
|
<li>开工时间</li>
|
|
<li>完工时间</li>
|
|
<li>暂停开始时间</li>
|
|
<li>暂停结束时间</li>
|
|
<li>暂停类型</li>
|
|
|
|
</ul>
|
|
<div class="ul_list" id="marqueeCust1">
|
|
<div class="ul_listIn ul_listInCust" id="marqueeCustCH1">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="border_bg_leftTop"></span>
|
|
<span class="border_bg_rightTop"></span>
|
|
<span class="border_bg_leftBottom"></span>
|
|
<span class="border_bg_rightBottom"></span>
|
|
</div>
|
|
</div>
|
|
@*</div>*@
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@*</div>*@
|
|
|
|
<div style="clear: both"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
var DataF = 300;// 300;//单位秒 //刷新数据时间
|
|
var _BarWidth = "25%";
|
|
var _barBorderRadius_M = 2;
|
|
|
|
$(function () {
|
|
getTime();
|
|
GetDataZong();
|
|
|
|
//刷新数据
|
|
timer = setInterval(function () {
|
|
GetDataZong();
|
|
}, DataF * 1000);
|
|
|
|
|
|
});
|
|
function getTime() {
|
|
var days = new Array("日", "一", "二", "三", "四", "五", "六");
|
|
var currentDT = new Date();
|
|
var y, m, date, day, hs, ms, ss, theDateStr;
|
|
y = currentDT.getFullYear(); //四位整数表示的年份
|
|
m = currentDT.getMonth() < 10 ? '0' + (currentDT.getMonth() + 1) : (currentDT.getMonth() + 1); //月
|
|
date = currentDT.getDate() < 10 ? '0' + currentDT.getDate() : currentDT.getDate(); //日
|
|
day = currentDT.getDay(); //星期
|
|
hs = currentDT.getHours() < 10 ? '0' + currentDT.getHours() : currentDT.getHours(); //时
|
|
ms = currentDT.getMinutes() < 10 ? '0' + currentDT.getMinutes() : currentDT.getMinutes(); //分
|
|
ss = currentDT.getSeconds() < 10 ? '0' + currentDT.getSeconds() : currentDT.getSeconds(); //秒
|
|
theDateStr = y + "-" + m + "-" + date + " " + hs + ":" + ms + ":" + ss;
|
|
//填充到组件中
|
|
$("#TopNameTime").text(theDateStr);
|
|
// setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
|
|
window.setTimeout(getTime, 1000);
|
|
}
|
|
function GetDataZong() {
|
|
|
|
|
|
GetZhiXing_MO("marqueeCustCH1", "30");
|
|
|
|
// SetIfGo("marqueeCust1", "marqueeCustCH1", "marqueelist1");//判断是否需要滚动
|
|
|
|
|
|
|
|
}
|
|
|
|
function SetIfGo(DivID, DivCHID,listID)
|
|
{
|
|
var ListDIV = $("#" + listID)[0].clientHeight;
|
|
var H_marqueediv = $("#" + DivCHID)[0];
|
|
//var H_marquee= H_marqueediv.clientHeight;
|
|
var H_marqueeView = $("#" + DivID)[0].clientHeight;
|
|
if ((ListDIV-40) > H_marqueeView) {
|
|
if (!$("#" + DivID).hasClass("animationNone")) {
|
|
$("#" + DivID).addClass("animationNone");
|
|
}
|
|
if (!$("#" + DivCHID).hasClass("animationNone")) {
|
|
$("#" + DivCHID).addClass("animationNone");
|
|
}
|
|
|
|
}
|
|
else {
|
|
|
|
if ($("#" + DivID).hasClass("animationNone")) {
|
|
$("#" + DivID).removeClass("animationNone");
|
|
}
|
|
if ($("#" + DivCHID).hasClass("animationNone")) {
|
|
$("#" + DivCHID).removeClass("animationNone");
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function GetZhiXing_MO(marqueeID, ItemNumber) {
|
|
$.ajax({
|
|
url: "/SRM/WatchPanel/GetZhiXing_MO?ItemNumber=" + ItemNumber + "&" + Math.random(),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function (data) {
|
|
if (data != false && data != null && data.length > 0) {
|
|
|
|
var html = "";
|
|
//var jj = 0;
|
|
//for (var j = 0; j < 6; j++) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
// jj += 1;
|
|
if (data[i].暂停状态 == "暂停中") {
|
|
html += ' <ul class="ul_con zantingCla"> ';
|
|
}
|
|
else {
|
|
html += ' <ul class="ul_con"> ';
|
|
}
|
|
|
|
html += ' <li >' + data[i].销售车号 +'</li> ';
|
|
html += ' <li >' + data[i].物料编码 + '</li> <li >' + data[i].物料名称 + '</li>';
|
|
html += ' <li >' + data[i].工序名称 + '</li>';
|
|
html += ' <li >' + data[i].报工人 + '</li> <li >' + data[i].工序结束状态 + '</li> ';
|
|
html += ' <li >' + data[i].有效时间 + '</li> <li >' + data[i].开工时间 + '</li> ';
|
|
html += ' <li >' + data[i].完工时间 + '</li> <li >' + data[i].暂停开始时间 + '</li> ';
|
|
html += ' <li >' + data[i].暂停结束时间 + '</li> <li >' + data[i].暂停原因 + '</li> </ul> ';
|
|
|
|
}
|
|
// }
|
|
// +
|
|
html += "</ul>";
|
|
$(".ul_listInCust").css("animation-duration", data.length*1.3 + "s");
|
|
$("#" + marqueeID).html(html);
|
|
}
|
|
else {
|
|
$("#" + marqueeID).html("");
|
|
}
|
|
},
|
|
error: function (aa) {
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
function GetZhiXing_RCVUnInWare() {
|
|
$.ajax({
|
|
url: "/SRM/WatchPanel/GetZhiXing_RCVUnInWare?XX=XX&" + Math.random(),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function (data) {
|
|
if (data != false && data != null && data.length > 0) {
|
|
|
|
var html = "";
|
|
for (var i = 0; i < data.length; i++) {
|
|
html += ' <ul class="ul_con"> <li >' + data[i].LOTNO + '</li> <li >' +
|
|
data[i].送货单号 + '</li>';
|
|
html += ' <li >' + data[i].采购订单号 + '</li> <li >' + data[i].物料编码 + '</li>';
|
|
html += ' <li >' + data[i].物料名称 + '</li> <li >' + data[i].数量 + '</li> ';
|
|
html += ' <li >' + data[i].检验人 + '</li> </ul> ';
|
|
|
|
}
|
|
html += "</ul>";
|
|
$("#RCVUNIN" ).html(html);
|
|
}
|
|
else {
|
|
$("#RCVUNIN" ).html("");
|
|
}
|
|
},
|
|
error: function (aa) {
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|