test-screen.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0065)http://49.235.183.102:7003/EAM/boardandreport.do?screenboardequip -->
  3. <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>设备看板</title>
  5. <script type="text/javascript" src="./设备看板_files/jquery-1.8.0.min.js.下载"></script>
  6. <script type="text/javascript" src="./设备看板_files/boardtime.js.下载"></script>
  7. <script type="text/javascript" src="./设备看板_files/swiper.min.js.下载"></script>
  8. <script type="text/javascript" src="./设备看板_files/jquery.cookie.js.下载"></script>
  9. <link type="text/css" rel="stylesheet" href="./设备看板_files/rebordindex.css">
  10. <link type="text/css" rel="stylesheet" href="./设备看板_files/swiper.min.css">
  11. </head>
  12. <body onload="time()">
  13. <img class="kanban-title" src="./设备看板_files/sbtitle.png">
  14. <!-- <div class="kanban-top">
  15. <div class="kanban-top-border"></div>
  16. <div class="kanban-top-main" id="time"></div>
  17. </div> -->
  18. <div class="kanban-main">
  19. <div class="kanban-main-content">
  20. <div class="kanban-main-bottom" style="margin-top: 20px">
  21. <!-- <img class="img10" src="./设备看板_files/img10.png">
  22. <img class="img11" src="./设备看板_files/img11.png">
  23. <img class="img8" src="./设备看板_files/img8.png">
  24. <img class="img9" src="./设备看板_files/img9.png">-->
  25. <div class="weixiucol-title">
  26. <img src="./设备看板_files/title-img.png">检测结果
  27. </div>
  28. <div class="col-title">
  29. <div class="col-15">样品信息</div>
  30. </div>
  31. <div class="col-title">
  32. <div class="col-15">订单号</div>
  33. </div>
  34. <div class="col-title">
  35. <div class="col-15">检测车间</div>
  36. </div>
  37. <div class="col-title">
  38. <div class="col-15">送样时间</div>
  39. </div>
  40. <div class="col-title">
  41. <div class="col-15">工段名称</div>
  42. </div>
  43. <div class="col-title">
  44. <div class="col-15">水分/ppm</div>
  45. </div>
  46. <div class="col-title">
  47. <div class="col-15">固含量</div>
  48. </div>
  49. <div class="col-title">
  50. <div class="col-15">pH</div>
  51. </div>
  52. <div class="col-title">
  53. <div class="col-15">密度</div>
  54. </div>
  55. <div class="col-title">
  56. <div class="col-15">HF</div>
  57. </div>
  58. <div class="col-title">
  59. <div class="col-15">色度</div>
  60. </div>
  61. <div class="col-title">
  62. <div class="col-15">LIFSI</div>
  63. </div>
  64. <div class="col-title">
  65. <div class="col-15">F-160C</div>
  66. </div>
  67. <div class="col-title">
  68. <div class="col-15">GS-907</div>
  69. </div>
  70. <div class="col-title">
  71. <div class="col-15">GS-908</div>
  72. </div>
  73. <div class="col-title">
  74. <div class="col-15">GS-905</div>
  75. </div>
  76. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
  77. </div>
  78. </div>
  79. </div>
  80. <!--<script type="text/javascript" src="./设备看板_files/repairboard.js.下载"></script>-->
  81. <script src="./设备看板_files/fullscreen.js.下载"></script>
  82. <script>
  83. setInterval(function(){getData()}, 2000);
  84. function getData(){
  85. const data = JSON.parse(localStorage.getItem('test'))
  86. console.log(data.length)
  87. $('.col-11').remove()
  88. for(let i=0;i<data.length;i++){
  89. const values = data[i]
  90. $('.col-title').eq(0).append('<div class="col-11">' +( values.param1?values.param1:"请等待") + '</div>');
  91. $('.col-title').eq(1).append('<div class="col-11">' +( values.param2?values.param2:"请等待") + '</div>');
  92. $('.col-title').eq(2).append('<div class="col-11">' +( values.param3?values.param3:"请等待") + '</div>');
  93. $('.col-title').eq(3).append('<div class="col-11">' +( values.param4?values.param4:"请等待") + '</div>');
  94. $('.col-title').eq(4).append('<div class="col-11">' +( values.param5?values.param5:"请等待") + '</div>');
  95. $('.col-title').eq(5).append('<div class="col-11">' +( values.param6?values.param6:"请等待") + '</div>');
  96. $('.col-title').eq(6).append('<div class="col-11">' +( values.param7?values.param7:"请等待") + '</div>');
  97. $('.col-title').eq(7).append('<div class="col-11">' +( values.param8?values.param8:"请等待") + '</div>');
  98. $('.col-title').eq(8).append('<div class="col-11">' +( values.param9?values.param9:"请等待") + '</div>');
  99. $('.col-title').eq(9).append('<div class="col-11">' +( values.param10?values.param10:"请等待") + '</div>');
  100. $('.col-title').eq(10).append('<div class="col-11">' +( values.param11?values.param11:"请等待") + '</div>');
  101. $('.col-title').eq(11).append('<div class="col-11">' +( values.param12?values.param12:"请等待") + '</div>');
  102. $('.col-title').eq(12).append('<div class="col-11">' +( values.param13?values.param13:"请等待") + '</div>');
  103. $('.col-title').eq(13).append('<div class="col-11">' +( values.param14?values.param14:"请等待") + '</div>');
  104. $('.col-title').eq(14).append('<div class="col-11">' +( values.param15?values.param15:"请等待") + '</div>');
  105. $('.col-title').eq(15).append('<div class="col-11">' +( values.param16?values.param16:"请等待") + '</div>');
  106. }
  107. }
  108. </script>
  109. </body></html>