screen-display.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <html lang="en">
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  6. <title>麟力科技产量统计看板</title>
  7. <script type="text/javascript" src="../js/jquery.js"></script>
  8. <script type="text/javascript" src="../lib/echart4.js"></script>
  9. <script type="text/javascript" src="../js/js.js"></script>
  10. <script type="text/javascript" src="../js/jquery.liMarquee.js"></script>
  11. <script type="text/javascript" src="../js/jquery.cxselect.min.js"></script>
  12. <link rel="stylesheet" href="../css/comon0.css">
  13. </head>
  14. <body>
  15. <div style="background:#000d4a url(../images/bg.jpg) center top;">
  16. <div class="loading">
  17. <div class="loadbox"> <img src="../images/loading.gif"> 页面加载中... </div>
  18. </div>
  19. <div class="back"></div>
  20. <!-- <div class="head">
  21. <div class="weather"><span id="showTime"></span></div>
  22. <h1>麟力车间产能数据总览</h1>
  23. </div> -->
  24. <script>
  25. // var t = null;
  26. // t = setTimeout(time, 1000);/*開始运行*/
  27. // function time() {
  28. // clearTimeout(t);/*清除定时器*/
  29. // dt = new Date();
  30. // var y = dt.getFullYear();
  31. // var mt = dt.getMonth() + 1;
  32. // var day = dt.getDate();
  33. // var h = dt.getHours();
  34. // var m = dt.getMinutes();
  35. // var s = dt.getSeconds();
  36. // document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
  37. // t = setTimeout(time, 1000);
  38. // }
  39. </script>
  40. <div class="mainbox">
  41. <ul class="clearfix">
  42. <li>
  43. <div class="boxall" style="height:400px;">
  44. <div class="alltitle">生产订单完成情况</div>
  45. <div class="navboxall" id="echart5"></div>
  46. </div>
  47. <div class="boxall" style="height:260px;">
  48. <div class="alltitle">已完成LOT</div>
  49. <div class="navboxall">
  50. <div class="wraptit">
  51. <span>LOT号</span><span>机台</span><span>数量</span><span>时间</span>
  52. </div>
  53. <div class="wrap">
  54. <ul class="lastestLots">
  55. </ul>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="boxall" style="height:260px;">
  60. <div class="alltitle">报警代码分布</div>
  61. <div class="navboxall" id="echart1"></div>
  62. </div>
  63. </li>
  64. <li>
  65. <div class="boxall" style="height:230px">
  66. <div class="clearfix navboxall" style="height: 100%">
  67. <div class="pulll_left num">
  68. <div class="numbt">当前报警次数<span>(单位:次)</span></div>
  69. <div class="numtxt" id="currentOutput"></div>
  70. </div>
  71. <div class="pulll_right zhibiao">
  72. <div class="zb1"><span>稼动率</span>
  73. <div id="zb1"></div>
  74. </div>
  75. <div class="zb2"><span>报警率</span>
  76. <div id="zb2"></div>
  77. </div>
  78. <div class="zb3"><span>闲置率</span>
  79. <div id="zb3"></div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="boxall" style="height:350px">
  85. <div class="alltitle">制程MTBF</div>
  86. <div class="navboxall" id="echart4"></div>
  87. </div>
  88. <div class="boxall" style="height:340px">
  89. <div class="alltitle">报警趋势</div>
  90. <div class="navboxall" id="echart3"></div>
  91. </div>
  92. </li>
  93. <li>
  94. <div class="boxall" style="height:300px">
  95. <div class="alltitle">待保养机台</div>
  96. <div class="navboxall">
  97. <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
  98. <thead>
  99. <tr>
  100. <th scope="col">序号</th>
  101. <th scope="col">机台</th>
  102. <th scope="col">方案</th>
  103. <th scope="col">计划保养</th>
  104. </tr>
  105. </thead>
  106. <tbody id="machineToPm">
  107. </tbody>
  108. </table>
  109. </div>
  110. </div>
  111. <div class="boxall" style="height: 300px">
  112. <div class="alltitle">参数比对未通过机台</div>
  113. <div class="navboxall">
  114. <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
  115. <thead>
  116. <tr>
  117. <th scope="col">序号</th>
  118. <th scope="col">机台</th>
  119. <th scope="col">程序</th>
  120. <th scope="col">时间</th>
  121. </tr>
  122. </thead>
  123. <tbody id="paramsCommst">
  124. </tbody>
  125. </table>
  126. </div>
  127. </div>
  128. <div class="boxall" style="height:320px">
  129. <div class="alltitle">机台状态分布</div>
  130. <div class="navboxall" id="echart2"></div>
  131. </div>
  132. </li>
  133. </ul>
  134. </div>
  135. </div>
  136. <script>
  137. $(function () {
  138. });
  139. </script>
  140. </body>
  141. </html>