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