test_ferment.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{{ title }}</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  8. <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  9. <!-- 新 Bootstrap4 核心 CSS 文件 -->
  10. <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
  11. <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
  12. <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
  13. <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
  14. <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  15. <script language="JavaScript">
  16. </script>
  17. </head>
  18. <body style="font-size: 18px;">
  19. <div id="wrapper" style="height: 3000px;">
  20. <div id="coffee_header">
  21. <!-- 匯入共同使用的 header.html 內容 -->
  22. {% include 'header.html' %}
  23. </div>
  24. <table style="position: absolute; top: 75px; left: 25px; width: max-content;">
  25. <!-- 制動器感測器項目取值 -->
  26. <tr>
  27. <td colspan="5" style="background-color: red; height: 50px; vertical-align: middle; text-align: center;">
  28. <!-- <input type="button" value="制動器感測器項目取值" onclick="ItemGetValue()"> -->
  29. <input type="button" value="確認DB狀態" onclick="ItemGetValueToDB()">
  30. <!-- <input type="button" value="ItemGetValue" onclick="ItemGetValue()"> -->
  31. </td>
  32. </tr>
  33. {% for i in content %}
  34. <tr>
  35. <td>{{i[0]}}</td>
  36. <td>{{ i[1] }}</td>
  37. <td>{{ i[2] }}</td>
  38. <td>{{ i[3] }}</td>
  39. <td>{{ i[4] }}</td>
  40. <td>{{ i[5] }}</td>
  41. <td>{{ i[6] }}</td>
  42. <td>{{ i[7] }}</td>
  43. <td>{{ i[8] }}</td>
  44. <td>{{ i[9] }}</td>
  45. <td>{{ i[10] }}</td>
  46. <td>{{ i[11] }}</td>
  47. <td>{{ i[12] }}</td>
  48. <td>{{ i[13] }}</td>
  49. <td>{{ i[14] }}</td>
  50. </tr>
  51. {% endfor %}
  52. <!-- 積木取值 文字輸出 -->
  53. <tr>
  54. <td colspan="2">
  55. Value : <span id="show_Value"></span><br><br>
  56. <!-- MySQL : <span id="show_MySQLcommand"></span><br><br> -->
  57. MQTT : <span id="show_MQTTcommand"></span>
  58. </td>
  59. </tr>
  60. </table>
  61. <script>
  62. function ItemGetValueToDB() {
  63. var sql = 'SELECT * FROM `ferment_container_status` ORDER BY `sn` DESC LIMIT 1';
  64. }
  65. </script>
  66. <div id="coffee_footer">
  67. <!-- 匯入共同使用的 footer.html 內容 -->
  68. {% include 'footer.html' %}
  69. <br>
  70. <br>
  71. </div>
  72. </div>
  73. </body>
  74. </html>