{% extends "index.html" %}
{% block title %}水塔監控{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}


{% block body %}

<script type="text/javascript" src="/static/vibration.js"></script>
<div id='select_boxes'>
    <select class="select-item" id="company-list" onChange="onChangeColumn1();">
        <option value=0>公司A</option>
    </select>
    <select class="select-item" id="factory-list" onChange="onChangeColumn2();">
        <option value=0>工廠A</option>
    </select>
    <select class="select-item" id="department-list" onChange="onChangeColumn3();">
        <option value=0>廠區A</option>
    </select>
    <select class="select-item" id="towerGroup-list">
        <option value=0>機組1</option>
    </select>
    <button id="tower_btn" onclick="click_button();"><i class="fas fa-search me-2"></i>搜尋</button>
</div>
<div id="tower-box">
    <div id="tower-img" class="card text-white">
        <select id="tower" onChange="show_tower_info();">
        </select>
    </div>
</div>
<p>設備狀態:正常 連線狀態:正常</p><br>
<p>設備位區:台塑 設備位置:公用四廠</p><br>
<p>負責人:*** 最後更新時間:2021/09/15 18:09:</p><br>
<div id='test'></div>
<div id='tower_info'></div>
<div id='tower_perfrom'></div>
{% endblock %}