change.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <link rel="shortcut icon" href="/img/logo.png" />
  7. <link rel="bookmark" href="/img/logo.png" />
  8. <link href="/Plugins/animate/animate.min.css" rel="stylesheet" />
  9. <link rel="stylesheet" href="../DashBoard.css?v3" />
  10. <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  11. <script src="/Plugins/animate/xanimate.js"></script>
  12. <script src="/Plugins/xrequest/xrequest.min.js"></script>
  13. <title>东科软件</title>
  14. </head>
  15. <body style="background-color:black;">
  16. <div class="box_1920_1080">
  17. <div class="box_title" style="display:flex;flex-direction:row;">
  18. <div style="width:30%;text-align:left;"></div>
  19. <div style="width:40%;text-align:center;">烧成工序看板</div>
  20. <div style="width:30%;text-align:right;"></div>
  21. </div>
  22. <!--第一个页面-->
  23. <div id="page1" class="box_body" style="display: flex; flex-direction: column; display:block;">
  24. <div style="color:white;width:100%;height:100%; background-color:green;">这是第一个页面</div>
  25. </div>
  26. <!--第二个页面-->
  27. <div id="page2" class="box_body" style="display: flex; flex-direction: column; display:none;">
  28. <div style="color: white; width: 100%; height: 100%; background-color: blue;">这是第二个页面</div>
  29. </div>
  30. </div>
  31. <script>
  32. $(document).ready(function () {
  33. doGetData = setInterval(function () { timeUpdate(); }, 2000);
  34. });
  35. function timeUpdate() {
  36. $("#page1").toggle("d-none");
  37. $("#page2").toggle("d-none");
  38. }
  39. </script>
  40. <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
  41. <script src="/Plugins/chartjs-2.8.0/chartjs-plugin-datalabels.js"></script>
  42. <script src="/Plugins/chartjs-2.8.0/utils.js"></script>
  43. <script src="/Plugins/circleChart/circleChart.min.js"></script>
  44. </body>
  45. </html>