test-screen.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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-top">
  21. <ul>
  22. <li>
  23. <img src="./设备看板_files/img6.png">
  24. <div class="num v1"></div>
  25. <div class="text ">样品信息</div>
  26. </li>
  27. <li>
  28. <img src="./设备看板_files/img3.png">
  29. <div class="num v2"></div>
  30. <div class="text ">检测编号</div>
  31. </li>
  32. <li>
  33. <img src="./设备看板_files/img2.png">
  34. <div class="num v3"></div>
  35. <div class="text">车间</div>
  36. </li>
  37. <li>
  38. <img src="./设备看板_files/img4.png">
  39. <div class="num" style="font-size: 14px">合格</div>
  40. <div class="text">其他参数</div>
  41. </li>
  42. <li>
  43. <img src="./设备看板_files/img7.png">
  44. <div class="num v4"></div>
  45. <div class="text">水分/ppm</div>
  46. </li>
  47. <li>
  48. <img src="./设备看板_files/img5.png">
  49. <div class="num v5"></div>
  50. <div class="text">固含量</div>
  51. </li>
  52. </ul>
  53. </div>
  54. <div class="kanban-main-bottom" style="margin-top: 20px">
  55. <img class="img10" src="./设备看板_files/img10.png">
  56. <img class="img11" src="./设备看板_files/img11.png">
  57. <img class="img8" src="./设备看板_files/img8.png">
  58. <img class="img9" src="./设备看板_files/img9.png">
  59. <div class="weixiucol-title">
  60. <img src="./设备看板_files/title-img.png">设备列表
  61. </div>
  62. <div class="col-title">
  63. <div class="col-15">样品信息</div>
  64. <div class="col-15">检测编号</div>
  65. <div class="col-15">检测车间</div>
  66. <div class="col-11">水分/ppm</div>
  67. <div class="col-11">固含量</div>
  68. <div class="" style="width: 15%">送样时间</div>
  69. <div class="" style="width: 15%">检测时间</div>
  70. </div>
  71. <div class="col-title">
  72. <div class="col-15" id="v1"></div>
  73. <div class="col-15" id="v2"></div>
  74. <div class="col-15" id="v3"></div>
  75. <div class="col-11" id="v4"></div>
  76. <div class="col-11" id="v5"></div>
  77. <div class="" style="width: 15%" id="v6"></div>
  78. <div class="" style="width: 15%" id="v7"></div>
  79. </div>
  80. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
  81. </div>
  82. </div>
  83. </div>
  84. <!--<script type="text/javascript" src="./设备看板_files/repairboard.js.下载"></script>-->
  85. <script src="./设备看板_files/fullscreen.js.下载"></script>
  86. <script>
  87. setInterval(function(){getData()}, 2000);
  88. function getData(){
  89. var data = JSON.parse(localStorage.getItem('test'))
  90. console.log(data)
  91. $('.v1, #v1').text(data.param1);
  92. $('.v2, #v2').text(data.param2);
  93. $('.v3, #v3').text(data.param3)
  94. $('.v4, #v4').text(data.param4);
  95. $('.v5, #v5').text(data.param5);
  96. $('#v6').text(data.param6);
  97. $('#v7').text(data.param7);
  98. }
  99. </script>
  100. </body></html>