123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 |
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>麟力科技产量统计看板</title>
- <link rel="stylesheet" href="../lib/owl-carousel/css/owl.carousel.css">
- <link rel="stylesheet" href="../lib/owl-carousel/css/owl.theme.css">
- <script type="text/javascript" src="../js/jquery.js"></script>
- <script type="text/javascript" src="../lib/echart4.js"></script>
- <script type="text/javascript" src="../js/dashboard.js"></script>
- <script type="text/javascript" src="../js/jquery.liMarquee.js"></script>
- <script type="text/javascript" src="../js/jquery.cxselect.min.js"></script>
- <script type="text/javascript" src="../lib/owl.carousel.min.js"></script>
- <link rel="stylesheet" href="../css/dashboard.css">
- <link rel="stylesheet" href="../css/style.css">
- </head>
- <body>
- <div style="background:#000d4a url(../images/bg.jpg) center top;">
- <div class="loading">
- <div class="loadbox"> <img src="../images/loading.gif"> 页面加载中... </div>
- </div>
- <div class="back"></div>
- <div class="head">
- <div class="weather"><span id="showTime"></span></div>
- <h1>麟力科技生产运行监控分析系统</h1>
- </div>
- <script>
- var t = null;
- t = setTimeout(time, 1000);/*開始运行*/
- function time() {
- clearTimeout(t);/*清除定时器*/
- dt = new Date();
- var y = dt.getFullYear();
- var mt = dt.getMonth() + 1;
- var day = dt.getDate();
- var h = dt.getHours();
- var m = dt.getMinutes();
- var s = dt.getSeconds();
- document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
- t = setTimeout(time, 1000);
- }
- </script>
- <div class="mainbox">
- <ul class="clearfix">
- <li>
- <div class="boxall" style="height:300px;">
- <div class="alltitle">工序每日产出数量</div>
- <div class="navboxall">
- <div class="pmProgresstit">
- <span class="col15">工序</span><span class="col50">产量</span><span
- class="col20">产能</span><span class="col15">使用率</span>
- </div>
- <div class="wrap" id="dayOutputs">
- <ul class="dayOutputs">
- </ul>
- </div>
- </div>
- </div>
- <div class="boxall" style="height:300px;">
- <div class="alltitle">未完成订单清单</div>
- <div class="navboxall">
- <div class="wraptit">
- <span>单号</span><span>产品名称</span><span>当前工序</span>
- </div>
- <div class="wrap" id="lastestLots">
- <ul class="lastestLots">
- </ul>
- </div>
- </div>
- </div>
- <div class="boxall" style="height:300px;">
- <div class="alltitle">生产报废统计分布</div>
- <div class="navboxall" id="echart1"></div>
- </div>
- </li>
- <li>
- <div class="boxall" style="height:300px">
- <div id="owl" class="owl-carousel">
- <div>
- <div class="alltitle"><span class="yearSpan"></span>封装月产出数</div>
- <div class="navboxall" id="echart12"></div>
- </div>
- <div>
- <div class="alltitle"><span class="yearSpan"></span>中测月产出数</div>
- <div class="navboxall" id="echart10"></div>
- </div>
- <div>
- <div class="alltitle"><span class="yearSpan"></span>成测月产出数</div>
- <div class="navboxall" id="echart11"></div>
- </div>
- </div>
- </div>
- <div class="boxall" style="height:300px">
- <div class="alltitle"><span class="yearSpan"></span>年制造部成测月实际良率与目标良率表</div>
- <div class="navboxall" id="echart4"></div>
- </div>
- <div class="boxall" style="height:300px">
- <div class="alltitle"><span class="yearSpan"></span>年中测实际良率与目标良率表</div>
- <div class="navboxall" id="echart3"></div>
- </div>
- </li>
- <li>
- <div class="boxall" style="height:300px">
- <div class="alltitle">设备保养完成统计</div>
- <div class="navboxall">
- <div class="pmProgresstit">
- <span class="col25">工序</span><span class="col50">保养完成率</span><span
- class="col25">机台数</span>
- </div>
- <div class="pmProgress" id="machinePmRate">
- <ul class="machinePmRate">
- </ul>
- </div>
- <!-- <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
- <thead>
- <tr>
- <th scope="col">工序</th>
- <th scope="col">保养完成率</th>
- <th scope="col">机台数</th>
- </tr>
- </thead>
- <tbody id="machinePmRate">
-
- </tbody>
- </table> -->
- </div>
- </div>
- <div class="boxall" style="height: 300px">
- <div class="alltitle">设备未完成保养清单</div>
- <div class="navboxall">
- <div class="wraptit">
- <span class="li-num">序号</span><span class="li-pname">所在工序</span><span
- class="li-mac">机台编号</span><span class="li-duty">责任员工号</span>
- </div>
- <div class="wrap" id="machineToPm">
- <ul class="machineToPm">
- </ul>
- </div>
- </div>
- </div>
- <div class="boxall" style="height:300px">
- <div class="alltitle">OS失效分析分布统计</div>
- <div class="navboxall" id="echart2"></div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </body>
- </html>
|