12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>{{ title }}</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
- <!-- 新 Bootstrap4 核心 CSS 文件 -->
- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
- <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
- <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
- <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
- <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
- <script language="JavaScript">
- </script>
- </head>
- <body style="font-size: 18px;">
- <div id="wrapper" style="height: 3000px;">
- <div id="coffee_header">
- <!-- 匯入共同使用的 header.html 內容 -->
- {% include 'header.html' %}
- </div>
- <table style="position: absolute; top: 75px; left: 25px; width: max-content;">
- <!-- 制動器感測器項目取值 -->
- <tr>
- <td colspan="5" style="background-color: red; height: 50px; vertical-align: middle; text-align: center;">
- <!-- <input type="button" value="制動器感測器項目取值" onclick="ItemGetValue()"> -->
- <input type="button" value="確認DB狀態" onclick="ItemGetValueToDB()">
- <!-- <input type="button" value="ItemGetValue" onclick="ItemGetValue()"> -->
- </td>
- </tr>
- {% for i in content %}
- <tr>
- <td>{{i[0]}}</td>
- <td>{{ i[1] }}</td>
- <td>{{ i[2] }}</td>
- <td>{{ i[3] }}</td>
- <td>{{ i[4] }}</td>
- <td>{{ i[5] }}</td>
- <td>{{ i[6] }}</td>
- <td>{{ i[7] }}</td>
- <td>{{ i[8] }}</td>
- <td>{{ i[9] }}</td>
- <td>{{ i[10] }}</td>
- <td>{{ i[11] }}</td>
- <td>{{ i[12] }}</td>
- <td>{{ i[13] }}</td>
- <td>{{ i[14] }}</td>
- </tr>
- {% endfor %}
- <!-- 積木取值 文字輸出 -->
- <tr>
- <td colspan="2">
- Value : <span id="show_Value"></span><br><br>
- <!-- MySQL : <span id="show_MySQLcommand"></span><br><br> -->
- MQTT : <span id="show_MQTTcommand"></span>
- </td>
- </tr>
- </table>
- <script>
- function ItemGetValueToDB() {
- var sql = 'SELECT * FROM `ferment_container_status` ORDER BY `sn` DESC LIMIT 1';
- }
- </script>
- <div id="coffee_footer">
- <!-- 匯入共同使用的 footer.html 內容 -->
- {% include 'footer.html' %}
- <br>
- <br>
- </div>
- </div>
- </body>
- </html>
|