|
|
@@ -6,11 +6,86 @@
|
|
|
|
|
|
|
|
|
{% block body %}
|
|
|
- <!-- <div id="tower_temperature">
|
|
|
- <div id="hot_water" style="width: 300px;height:300px;float:left"></div>
|
|
|
- <div id="cold_water" style="width: 300px;height:300px;float:center"></div>
|
|
|
- <div id="wet_water" style="width: 300px;height:300px;float:right"></div>
|
|
|
+ <div id="select_histories">
|
|
|
+ <div id="select_histories_1">
|
|
|
+ <select>
|
|
|
+ <option></option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ <button id="search">搜尋</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
+ <div id="tower_temperature">
|
|
|
+ <div scr="hot_water" style="width: 300px;height:300px;color: #26b72b;float:left">熱水溫度</div>
|
|
|
+ <div id="cold_water" style="width: 300px;height:300px;color: #8600FF;float:left">冷水溫度</div>
|
|
|
+ <div id="wet_water" style="width: 300px;height:300px;color: #737300;float:left">濕球溫度</div>
|
|
|
+ </div>
|
|
|
+ <style>
|
|
|
+table {
|
|
|
+ font-family: arial, sans-serif;
|
|
|
+ border-collapse: collapse;
|
|
|
+ width: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+td, th {
|
|
|
+ border: 1px solid #dddddd;
|
|
|
+ text-align: left;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+tr:nth-child(even) {
|
|
|
+ background-color: #dddddd;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<body>
|
|
|
+<table>
|
|
|
+ <tr>
|
|
|
+ <th>當前狀態</th>
|
|
|
+ <th></th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>水流量</td>
|
|
|
+ <td>M*3/H</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>風扇數</td>
|
|
|
+ <td>台</td>
|
|
|
+ </tr>
|
|
|
+</table>
|
|
|
+
|
|
|
+<table>
|
|
|
+ <tr>
|
|
|
+ <th>效能最佳化</th>
|
|
|
+ <th></th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>目前溫度</th>
|
|
|
+ <th>度C</th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>流量建議調整為</td>
|
|
|
+ <td>M*3/H</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>可節省水費</td>
|
|
|
+ <td>元/天</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>風扇建議調整為</td>
|
|
|
+ <td>台</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>可節省電費</td>
|
|
|
+ <td>元/天</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>總節省費用</td>
|
|
|
+ <td>元/天</td>
|
|
|
+ </tr>
|
|
|
+</table>
|
|
|
+
|
|
|
+
|
|
|
<script type="text/javascript">
|
|
|
var hot_water = echarts.init(document.getElementById("hot_water"));
|
|
|
var cold_water = echarts.init(document.getElementById("cold_water"));
|
|
|
@@ -48,6 +123,5 @@
|
|
|
|
|
|
});
|
|
|
|
|
|
- </script> -->
|
|
|
-
|
|
|
+ </script>
|
|
|
{% endblock %}
|
