123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160 |
- <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>
- <script type="text/javascript" src="../js/jquery.js"></script>
- <script type="text/javascript" src="../lib/echart4.js"></script>
- <script type="text/javascript" src="../js/js.js"></script>
- <script type="text/javascript" src="../js/jquery.liMarquee.js"></script>
- <script type="text/javascript" src="../js/jquery.cxselect.min.js"></script>
- <link rel="stylesheet" href="../css/comon0.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:400px;">
- <div class="alltitle">生产订单完成情况</div>
- <div class="navboxall" id="echart5"></div>
- </div>
- <div class="boxall" style="height:260px;">
- <div class="alltitle">已完成LOT</div>
- <div class="navboxall">
- <div class="wraptit">
- <span>LOT号</span><span>机台</span><span>数量</span><span>时间</span>
- </div>
- <div class="wrap">
- <ul class="lastestLots">
-
- </ul>
- </div>
- </div>
- </div>
- <div class="boxall" style="height:260px;">
- <div class="alltitle">报警代码分布</div>
- <div class="navboxall" id="echart1"></div>
- </div>
- </li>
- <li>
- <div class="boxall" style="height:230px">
- <div class="clearfix navboxall" style="height: 100%">
- <div class="pulll_left num">
- <div class="numbt">当前报警次数<span>(单位:次)</span></div>
- <div class="numtxt" id="currentOutput"></div>
- </div>
- <div class="pulll_right zhibiao">
- <div class="zb1"><span>稼动率</span>
- <div id="zb1"></div>
- </div>
- <div class="zb2"><span>报警率</span>
- <div id="zb2"></div>
- </div>
- <div class="zb3"><span>闲置率</span>
- <div id="zb3"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="boxall" style="height:350px">
- <div class="alltitle">制程MTBF</div>
- <div class="navboxall" id="echart4"></div>
- </div>
- <div class="boxall" style="height:340px">
- <div class="alltitle">报警趋势</div>
- <div class="navboxall" id="echart3"></div>
- </div>
- </li>
- <li>
- <div class="boxall" style="height:300px">
- <div class="alltitle">待保养机台</div>
- <div class="navboxall">
- <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>
- <th scope="col">计划保养</th>
- </tr>
- </thead>
- <tbody id="machineToPm">
- </tbody>
- </table>
- </div>
- </div>
- <div class="boxall" style="height: 300px">
- <div class="alltitle">参数比对未通过机台</div>
- <div class="navboxall">
- <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>
- <th scope="col">时间</th>
- </tr>
- </thead>
- <tbody id="paramsCommst">
- </tbody>
- </table>
- </div>
- </div>
- <div class="boxall" style="height:320px">
-
- <div class="alltitle">机台状态分布</div>
- <div class="navboxall" id="echart2"></div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- <script>
- $(function () {
-
- });
- </script>
- </body>
- </html>
|