debugger.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head id="header">
  4. <meta charset="UTF-8">
  5. <title>智能散酒贩卖机配置端</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. </head>
  8. <script>
  9. const local = false;
  10. const Prefix = local ? "" : "/seller",
  11. Url = local ? "ws://192.168.1.6:3080/debugger/socket" : "wss://wine.ifarmcloud.com/api/debugger/socket";
  12. const $header = document.getElementById("header"),
  13. $favicon = document.createElement("link"),
  14. $style = document.createElement("link"),
  15. $script = document.createElement("script");
  16. $favicon.setAttribute("rel", "icon");
  17. $favicon.setAttribute("href", `${Prefix}/favicon.png`);
  18. $style.setAttribute("rel", "stylesheet");
  19. $style.setAttribute("href", `${Prefix}/static/debugger.css`);
  20. $script.setAttribute("src", `${Prefix}/static/debugger.js`);
  21. $header.appendChild($favicon);
  22. $header.appendChild($style);
  23. $header.appendChild($script);
  24. </script>
  25. <body>
  26. <div class="container">
  27. <div class="list-page">
  28. <div class="search-box">
  29. <input id="seq-input" type="text">
  30. <img src="" alt="." id="search-icon">
  31. </div>
  32. <div id="devices"></div>
  33. </div>
  34. <div id="detail-page">
  35. <div class="line">
  36. <img src="" alt="<" id="back-icon">
  37. <div id="seq-text">WmWmWmWmWmWmWmWm1</div>
  38. <div class="holder"></div>
  39. </div>
  40. <div class="line">
  41. <span>地址:</span>
  42. <div id="update-loc">更新</div>
  43. </div>
  44. <textarea id="location"></textarea>
  45. <div class="line">
  46. <span>PPV1</span>
  47. <input class="ppv-input" id="ppv1" type="number">
  48. <div id="update-ppv1" class="ppv-btn">更新</div>
  49. </div>
  50. <div class="line">
  51. <span>PPV2</span>
  52. <input class="ppv-input" id="ppv2" type="number">
  53. <div id="update-ppv2" class="ppv-btn">更新</div>
  54. </div>
  55. <div class="line">
  56. <span>PPV3</span>
  57. <input class="ppv-input" id="ppv3" type="number">
  58. <div id="update-ppv3" class="ppv-btn">更新</div>
  59. </div>
  60. <div class="line">
  61. <span>PPV4</span>
  62. <input class="ppv-input" id="ppv4" type="number">
  63. <div id="update-ppv4" class="ppv-btn">更新</div>
  64. </div>
  65. <div class="line">
  66. <div id="open-front" class="btn-in-two">开前门</div>
  67. <div id="open-back" class="btn-in-two">开后门</div>
  68. </div>
  69. <div class="line">
  70. <div id="open-debug" class="btn-in-two">开启debug</div>
  71. <div id="stop-debug" class="btn-in-two">关闭debug</div>
  72. </div>
  73. </div>
  74. </div>
  75. </body>
  76. </html>