1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069 |
- <!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">
- <!-- 新 Bootstrap4 核心 CSS 文件 -->
- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
- <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
- <!-- 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 src="../static/js/sign_in.js"></script>
- <link rel="stylesheet" href="../static/css/sign_in.css">
- -->
- <script>
- var status = '{{status}}';
- $(document).ready(function(){
- $("#coffee_title_pc").text('發酵貨櫃');
- $("#coffee_title_phone").text('發酵貨櫃');
- });
- </script>
-
- <style>
- .FermentContainer_position {
- position: absolute;
- top: 95px;
- left: 53px;
- }
- .F1_position {
- position: absolute;
- top: 155px;
- left: 240px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F2_position {
- position: absolute;
- top: 155px;
- left: 415px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F3_position {
- position: absolute;
- top: 155px;
- left: 595px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F4_position {
- position: absolute;
- top: 155px;
- left: 780px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F5_position {
- position: absolute;
- top: 155px;
- left: 960px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F6_position {
- position: absolute;
- top: 155px;
- left: 1150px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F7_position {
- position: absolute;
- top: 430px;
- left: 245px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F8_position {
- position: absolute;
- top: 430px;
- left: 420px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F9_position {
- position: absolute;
- top: 430px;
- left: 600px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F10_position {
- position: absolute;
- top: 430px;
- left: 785px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F11_position {
- position: absolute;
- top: 430px;
- left: 970px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .F12_position {
- position: absolute;
- top: 430px;
- left: 1155px;
- width: 160px;
- height: 210px;
- border-style: solid;
- border-color: aqua;
- }
- .FI1_position {
- position: absolute;
- top: 210px;
- left: 140px;
- width: 50px;
- height: 140px;
- border-style: solid;
- border-color: aqua;
- }
- .FI2_position {
- position: absolute;
- top: 430px;
- left: 140px;
- width: 50px;
- height: 140px;
- border-style: solid;
- border-color: aqua;
- }
-
- .FO1_position {
- position: absolute;
- top: 195px;
- left: 1350px;
- width: 50px;
- height: 140px;
- border-style: solid;
- border-color: aqua;
- }
-
- .FO2_position {
- position: absolute;
- top: 480px;
- left: 1350px;
- width: 50px;
- height: 140px;
- border-style: solid;
- border-color: aqua;
- }
- .footer{
- position: absolute;
- bottom: 0px;
- width: 100%;
- background-color: #eee;
- text-align: center;
- }
- </style>
- <script language="JavaScript">
- // 指定 10秒 刷新網頁一次
- var WebRestart
- // WebRestart = setTimeout(function () { location.reload() }, 10000);
- </script>
- </head>
- <body>
- <div id="wrapper">
- <div id="coffee_header">
- <!-- 匯入共同使用的 header.html 內容 -->
- {% include 'header.html' %}
- </div>
- <div>
- <!-- 底圖 發酵貨櫃 12 個發酵桶槽 -->
- <div id="FermentContainer_pic" class="FermentContainer_position" >
- <img src="../static/img/web_ferment_container.png" width="1450x" style="margin: auto;">
- </div>
- <!-- 發酵槽 F1 -->
- <div id="F1" tabindex="0" class="F1_position" role="button">
- F1 status
- <!-- F1 狀態點點-->
- <div id="F1_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F2 -->
- <div id="F2" tabindex="0" class="F2_position" role="button">
- F2 status
- <div id="F2_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F3 -->
- <div id="F3" tabindex="0" class="F3_position" role="button">
- F3 status
- <div id="F3_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F4 -->
- <div id="F4" tabindex="0" class="F4_position" role="button">
- F4 status
- <div id="F4_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F5 -->
- <div id="F5" tabindex="0" class="F5_position" role="button">
- F5 status
- <div id="F5_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F6 -->
- <div id="F6" tabindex="0" class="F6_position" role="button">
- F6 status
- <div id="F6_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F7 -->
- <div id="F7" tabindex="0" class="F7_position" role="button" style="vertical-align: bottom;">
- F7 status
- <div id="F7_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F8 -->
- <div id="F8" tabindex="0" class="F8_position" role="button">
- F8 status
- <div id="F8_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F9 -->
- <div id="F9" tabindex="0" class="F9_position" role="button">
- F9 status
- <div id="F9_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F10 -->
- <div id="F10" tabindex="0" class="F10_position" role="button">
- F10 status
- <div id="F10_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F11 -->
- <div id="F11" tabindex="0" class="F11_position" role="button">
- F11 status
- <div id="F11_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽 F12 -->
- <div id="F12" tabindex="0" class="F12_position" role="button">
- F12 status
- <div id="F12_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽入料儲豆槽 FI1 -->
- <div id="FI1" tabindex="0" class="FI1_position" role="button">
- FI1 status
- <div id="FI1_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽入料儲豆槽 FI2 -->
- <div id="FI2" tabindex="0" class="FI2_position" role="button">
- FI2 status
- <div id="FI2_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽出料儲豆槽 FO1 -->
- <div id="FO1" tabindex="0" class="FO1_position" role="button">
- FO1 status
- <div id="FO1_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- <!-- 發酵槽出料儲豆槽 FO2 -->
- <div id="FO2" tabindex="0" class="FO2_position" role="button">
- FO2 status
- <div id="FO2_status" style="width: 20px; height: 20px; background-color: cornflowerblue; border-radius: 50%;"></div>
- </div>
- </div>
- <!-- 發酵槽互動視窗(模态框) -->
- <div class="modal fade" id="F_Modal">
- <div class="modal-dialog modal-dialog-centered" style="width: 410px;">
- <div class="modal-content">
- <!-- 互動視窗 標題 -->
- <div class="modal-header">
- <h4 id="Modal_title" class="modal-title">發酵槽 F1 狀態</h4>
- <button type="button" class="close" data-dismiss="modal">×</button>
- </div>
- <!-- 互動視窗 內容 -->
- <div class="modal-body">
- <table style="border:0px gray solid; width: 100%;" cellpadding="3">
- <!--<table style="border:0px gray solid;-->
- <tr>
- <td><strong><a id="actuator_link" href="/ferment_container/1">致動器狀態</a></strong></td>
- <td><strong><a id="sensor_link" href="/ferment_container/1">感測器狀態</a></strong></td>
- </tr>
- <tr>
- <td style="vertical-align:text-top;">
- <table style="border:0px gray solid;" cellpadding="3">
- <!--font-size:12px; -->
- <tr>
- <td>
- <div id="tank_vacuum_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="Vacuum" href="">真空吸料機</a>
- <!--<span id="tank_vacuum_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_threewayvalve_input_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="ThreeWayValveInput" href="">入料三通閥</a>
- <!--<span id="tank_threewayvalve_input_t_status"></span>-->
- </td>
- </tr>
- <!-- <tr>
- <td>
- <div id="tank_solenoid_water_total_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="SolenoidWaterTotal" href="">總進水電磁閥</a>
- <span id="tank_solenoid_water_total_t_status"></span>
- </td>
- </tr> -->
- <tr>
- <td>
- <div id="outer_solenoid_water_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="SolenoidOuterWater" href="">保溫夾層進水電磁閥</a>
- <!--<span id="outer_solenoid_water_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_solenoid_water_in_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="SolenoidWaterIn" href="">桶內進水電磁閥</a>
- <!--<span id="tank_solenoid_water_in_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_pump_sensor_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="PumpSensor" href="">感測器抽水雙核隔膜泵</a>
- <!--<span id="tank_pump_sensor_t_status"></span>-->
- </td>
- </tr>
- <!-- <tr>
- <td>
- <div id="tank_threewayvalve_bean_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="ThreeWayValveBean" href="">感測模組下豆三通閥</a>
- <span id="tank_threewayvalve_bean_t_status"></span>
- </td>
- </tr> -->
- <tr>
- <td>
- <div id="outer_threewayvalve_float_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="ThreeWayValveFloat" href="">外桶浮選三通閥</a>
- <!--<span id="outer_threewayvalve_float_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_solenoid_disinfect_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="SolenoidDisinfect" href="">桶內消毒電磁閥</a>
- <!--<span id="tank_solenoid_disinfect_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_motor_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="Motor" href="">馬達</a>
- <!--<span id="tank_motor_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_heater1_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="Heater1" href="">加熱器 1</a>
- <!--<span id="tank_heater1_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_heater2_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="Heater2" href="">加熱器 2</a>
- <!--<span id="tank_heater2_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_temp_enable_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="TempEnable" href="">溫控開關</a>
- <!--<span id="tank_temp_enable_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_temp_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="temp" href="">溫度設定</a>
- <!--<span id="tank_temp_t_status"></span>-->
- </td>
- </tr>
- <tr>
- <td>
- <div id="tank_diskvalve_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="DiskValve" href="">蝴蝶閥</a>
- <!--<span id="tank_diskvalve_t_status"></span>-->
- </td>
- </tr>
- </table>
- </td>
- <td style="vertical-align:text-top;">
- <table style="border:0px gray solid;" cellpadding="3">
- <tr>
- <td>
- <a id="UltraSonic" href="">水位/生豆高度</a>
- </td>
- <td>
- <span id="UltraSonic_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="motorEncoder" href="">馬達編碼器</a>
- </td>
- <td>
- <span id="motorEncoder_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="SHT11_Temp" href="">溫度</a>
- </td>
- <td>
- <span id="SHT11_Temp_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="SHT11_Humidity" href="">濕度</a>
- </td>
- <td>
- <span id="SHT11_Humidity_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="CO2" href="">二氧化碳</a>
- </td>
- <td>
- <span id="CO2_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="PA" href="">大氣壓力</a>
- </td>
- <td>
- <span id="PA_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="PH" href="">PH</a>
- </td>
- <td>
- <span id="PH_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="ORP" href="">ORP</a>
- </td>
- <td>
- <span id="ORP_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="DO" href="">DO</a>
- </td>
- <td>
- <span id="DO_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="EC" href="">EC</a>
- </td>
- <td>
- <span id="EC_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- 保溫夾層水位
- </td>
- <td>
- <!-- 滿 / 未滿 -->
- <span id="WaterLevel_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="camera_ferment_tid" href=""><strong>攝影機畫面</strong></a>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- 發酵槽入料儲豆槽互動視窗(模态框) -->
- <div class="modal fade" id="FI_Modal">
- <div class="modal-dialog modal-dialog-centered" style="width: 410px;">
- <div class="modal-content">
- <!-- 互動視窗 標題 -->
- <div class="modal-header">
- <h4 id="Modal_title_input" class="modal-title">發酵入料儲豆槽 FI1 狀態</h4>
- <button type="button" class="close" data-dismiss="modal">×</button>
- </div>
- <!-- 互動視窗 內容 -->
- <div class="modal-body">
- <table style="border:0px gray solid; width: 100%;" cellpadding="3">
- <!--<table style="border:0px gray solid;-->
- <tr>
- <td><strong><a id="actuator_link_input" href="">致動器狀態</a></strong></td>
- <td><strong><a id="sensor_link_input" href="">感測器狀態</a></strong></td>
- </tr>
- <tr>
- <td style="vertical-align:text-top;">
- <table style="border:0px gray solid;" cellpadding="3">
- <!--font-size:12px; -->
- <tr>
- <td>
- <div id="input_vacuum_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="input_Vacuum" href="">真空吸料機</a>
- <span id="input_vacuum_status"></span>
- </td>
- </tr>
- </table>
- </td>
- <td style="vertical-align:text-top;">
- <table style="border:0px gray solid;" cellpadding="3">
- <tr>
- <td>
- <a id="FI_UltraSonic" href="">咖啡生豆高度</a>
- </td>
- <td>
- <span id="FI_UltraSonic_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="FI_camera_ferment_tid" href=""><strong>攝影機畫面</strong></a>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- 發酵槽出料儲豆槽互動視窗(模态框) -->
- <div class="modal fade" id="FO_Modal">
- <div class="modal-dialog modal-dialog-centered" style="width: 410px;">
- <div class="modal-content">
- <!-- 互動視窗 標題 -->
- <div class="modal-header">
- <h4 id="Modal_title_output" class="modal-title">發酵出料儲豆槽 FO1 狀態</h4>
- <button type="button" class="close" data-dismiss="modal">×</button>
- </div>
- <!-- 互動視窗 內容 -->
- <div class="modal-body">
- <table style="border:0px gray solid; width: 100%;" cellpadding="3">
- <!--<table style="border:0px gray solid;-->
- <tr>
- <td><strong><a id="actuator_link_output" href="">致動器狀態</a></strong></td>
- <td><strong><a id="sensor_link_output" href="">感測器狀態</a></strong></td>
- </tr>
- <tr>
- <td style="vertical-align:text-top;">
- <table style="border:0px gray solid;" cellpadding="3">
- <!--font-size:12px; -->
- <tr>
- <td>
- <div id="output_vacuum_status"
- style="width: 18px; height: 18px; background-color:black; border-radius: 50%;">
- </div>
- </td>
- <td>
- <a id="output_Vacuum" href="">真空吸料機</a>
- <span id="output_vacuum_status"></span>
- </td>
- </tr>
- </table>
- </td>
- <td style="vertical-align:text-top;">
- <table style="border:0px gray solid;" cellpadding="3">
- <tr>
- <td>
- <a id="FO_UltraSonic" href="">咖啡生豆高度</a>
- </td>
- <td>
- <span id="FO_UltraSonic_t_status"></span>
- </td>
- </tr>
- <tr>
- <td>
- <a id="FO_camera_ferment_tid" href=""><strong>攝影機畫面</strong></a>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <script>
- /*
- var button_F1 = document.getElementById('F1');
- button_F1.addEventListener('click', showTankDetail);
- //var button_F2 = document.getElementById('F2');
- //button_F2.addEventListener('click', showTankDetail);
- var tank_num = 0;
- function showTankDetail() {
- // 打開模態框
- $('#Modal').modal('show');
- };
- */
- function update_data_F(ftid) {
- console.log('ferment_tank_id:' + ftid)
- // ftid = dry_tank_id
- $.get('/loading/F' + ftid, '', function (res) {
- if (res.tank_vacuum == 0) {
- $("#tank_vacuum_status").css("background-color", "#C0C0C0")
- } else if (res.tank_vacuum == 1) {
- $("#tank_vacuum_status").css("background-color", "forestgreen")
- } else { $("#tank_vacuum_status").css("background-color", "crimson") }
- if (res.tank_threewayvalve_input == 0) {
- $("#tank_threewayvalve_input_status").css("background-color", "#C0C0C0")
- } else if (res.tank_threewayvalve_input == 1) {
- $("#tank_threewayvalve_input_status").css("background-color", "forestgreen")
- } else { $("#tank_threewayvalve_input_status").css("background-color", "crimson") }
- if (res.tank_diskvalve == 0) {
- $("#tank_diskvalve_status").css("background-color", "#C0C0C0")
- } else if (res.tank_diskvalve == 1) {
- $("#tank_diskvalve_status").css("background-color", "forestgreen")
- } else { $("#tank_diskvalve_status").css("background-color", "crimson") }
- if (res.tank_solenoid_water_total == 0) {
- $("#tank_solenoid_water_total_status").css("background-color", "#C0C0C0")
- } else if (res.tank_solenoid_water_total == 1) {
- $("#tank_solenoid_water_total_status").css("background-color", "forestgreen")
- } else { $("#tank_solenoid_water_total_status").css("background-color", "crimson") }
- if (res.tank_solenoid_disinfect == 0) {
- $("#tank_solenoid_disinfect_status").css("background-color", "#C0C0C0")
- } else if (res.tank_solenoid_disinfect == 1) {
- $("#tank_solenoid_disinfect_status").css("background-color", "forestgreen")
- } else { $("#tank_solenoid_disinfect_status").css("background-color", "crimson") }
- if (res.outer_solenoid_water == 0) {
- $("#outer_solenoid_water_status").css("background-color", "#C0C0C0")
- } else if (res.outer_solenoid_water == 1) {
- $("#outer_solenoid_water_status").css("background-color", "forestgreen")
- } else { $("#outer_solenoid_water_status").css("background-color", "crimson") }
- if (res.tank_solenoid_water_in == 0) {
- $("#tank_solenoid_water_in_status").css("background-color", "#C0C0C0")
- } else if (res.tank_solenoid_water_in == 1) {
- $("#tank_solenoid_water_in_status").css("background-color", "forestgreen")
- } else { $("#tank_solenoid_water_in_status").css("background-color", "crimson") }
- if (res.tank_pump_sensor == 0) {
- $("#tank_pump_sensor_status").css("background-color", "#C0C0C0")
- } else if (res.tank_pump_sensor == 1) {
- $("#tank_pump_sensor_status").css("background-color", "forestgreen")
- } else { $("#tank_pump_sensor_status").css("background-color", "crimson") }
- if (res.tank_threewayvalve_bean == 0) {
- $("#tank_threewayvalve_bean_status").css("background-color", "#C0C0C0")
- } else if (res.tank_threewayvalve_bean == 1) {
- $("#tank_threewayvalve_bean_status").css("background-color", "forestgreen")
- } else { $("#tank_threewayvalve_bean_status").css("background-color", "crimson") }
- if (res.outer_threewayvalve_float == 0) {
- $("#outer_threewayvalve_float_status").css("background-color", "#C0C0C0")
- } else if (res.outer_threewayvalve_float == 1) {
- $("#outer_threewayvalve_float_status").css("background-color", "forestgreen")
- } else { $("#outer_threewayvalve_float_status").css("background-color", "crimson") }
-
- if (res.tank_motor == 0) {
- $("#tank_motor_status").css("background-color", "#C0C0C0")
- } else if (res.tank_motor > 0 || res.tank_motor < 0) {
- $("#tank_motor_status").css("background-color", "forestgreen")
- } else { $("#tank_motor_status").css("background-color", "crimson") }
- if (res.tank_heater1 == 0) {
- $("#tank_heater1_status").css("background-color", "#C0C0C0")
- } else if (res.tank_heater1 == 1) {
- $("#tank_heater1_status").css("background-color", "forestgreen")
- } else { $("#tank_heater1_status").css("background-color", "crimson") }
- if (res.tank_heater2 == 0) {
- $("#tank_heater2_status").css("background-color", "#C0C0C0")
- } else if (res.tank_heater2 == 1) {
- $("#tank_heater2_status").css("background-color", "forestgreen")
- } else { $("#tank_heater2_status").css("background-color", "crimson") }
- if (res.tank_temp_enable == 0) {
- $("#tank_temp_enable_status").css("background-color", "#C0C0C0")
- } else if (res.tank_temp_enable == 1) {
- $("#tank_temp_enable_status").css("background-color", "forestgreen")
- } else { $("#tank_temp_enable_status").css("background-color", "crimson") }
- if (res.tank_temp == 0) {
- $("#tank_temp_status").css("background-color", "#C0C0C0")
- } else if (res.tank_temp > 0) {
- $("#tank_temp_status").css("background-color", "forestgreen")
- } else { $("#tank_temp_status").css("background-color", "crimson") }
- $("#tank_vacuum_t_status").text(res.tank_vacuum);
- $("#tank_threewayvalve_input_t_status").text(res.tank_threewayvalve_input);
- $("#tank_diskvalve_t_status").text(res.tank_diskvalve);
- $("#tank_solenoid_water_total_t_status").text(res.tank_solenoid_water_total);
- $("#tank_solenoid_disinfect_t_status").text(res.tank_solenoid_disinfect);
- $("#outer_solenoid_water_t_status").text(res.outer_solenoid_water);
- $("#tank_solenoid_water_in_t_status").text(res.tank_solenoid_water_in);
- $("#tank_pump_sensor_t_status").text(res.tank_pump_sensor);
- $("#tank_threewayvalve_bean_t_status").text(res.tank_threewayvalve_bean);
- $("#outer_threewayvalve_float_t_status").text(res.outer_threewayvalve_float);
- $("#tank_motor_t_status").text(res.tank_motor);
- $("#tank_heater1_t_status").text(res.tank_heater1);
- $("#tank_heater2_t_status").text(res.tank_heater2);
- $("#tank_temp_enable_t_status").text(res.tank_temp_enable);
- $("#tank_temp_t_status").text(res.tank_temp);
- $("#UltraSonic_t_status").text(res.UltraSonic);
- $("#motorEncoder_t_status").text(res.motorEncoder)
- $("#SHT11_Temp_t_status").text(res.SHT11_Temp);
- $("#SHT11_Humidity_t_status").text(res.SHT11_Humidity);
- $("#CO2_t_status").text(res.CO2);
- $("#PH_t_status").text(res.PH);
- $("#ORP_t_status").text(res.ORP);
- $("#DO_t_status").text(res.DO);
- $("#EC_t_status").text(res.EC);
- $("#PA_t_status").text(res.PA);
- $("#WaterLevel_t_status").text(res.WaterLevel);
- if (res.WaterLevel == 0) {
- $("#WaterLevel_t_status").text("未滿");
- } else if (res.WaterLevel == 1) {
- $("#WaterLevel_t_status").text("滿");}
- }, 'json');
- $('#Modal_title').text("發酵槽 F" + ftid + " 狀態")
- if (status == 2) {
- $('#actuator_link').attr("title", "該使用者無修改權限")
- $('#sensor_link').attr("title", "該使用者無修改權限")
- $('#Vacuum').attr("title", "該使用者無修改權限")
- $('#ThreeWayValveInput').attr("title", "該使用者無修改權限")
- $('#SolenoidWaterTotal').attr("title", "該使用者無修改權限")
- $('#SolenoidOuterWater').attr("title", "該使用者無修改權限")
- $('#SolenoidWaterIn').attr("title", "該使用者無修改權限")
- $('#PumpSensor').attr("title", "該使用者無修改權限")
- $('#ThreeWayValveBean').attr("title", "該使用者無修改權限")
- $('#ThreeWayValveFloat').attr("title", "該使用者無修改權限")
- $('#SolenoidDisinfect').attr("title", "該使用者無修改權限")
- $('#Motor').attr("title", "該使用者無修改權限")
- $('#Heater1').attr("title", "該使用者無修改權限")
- $('#Heater2').attr("title", "該使用者無修改權限")
- $('#TempEnable').attr("title", "該使用者無修改權限")
- $('#temp').attr("title", "該使用者無修改權限")
- $('#DiskValve').attr("title", "該使用者無修改權限")
- } else if ( (status == 0) || (status == 1) ) {
- $('#actuator_link').attr("href", "/ferment_container_tank/" + ftid)
- $('#sensor_link').attr("href", "/ferment_container_tank/" + ftid)
- $('#Vacuum').attr("href", "/ctrl_F_Vacuum/" + ftid)
- $('#ThreeWayValveInput').attr("href", "/ctrl_F_ThreeWayValveInput/" + ftid)
- $('#SolenoidWaterTotal').attr("href", "/ctrl_F_SolenoidWaterTotal/" + ftid)
- $('#SolenoidOuterWater').attr("href", "/ctrl_F_SolenoidOuterWater/" + ftid)
- $('#SolenoidWaterIn').attr("href", "/ctrl_F_SolenoidWaterIn/" + ftid)
- $('#PumpSensor').attr("href", "/ctrl_F_PumpSensor/" + ftid)
- $('#ThreeWayValveBean').attr("href", "/ctrl_F_ThreeWayValveBean/" + ftid)
- $('#ThreeWayValveFloat').attr("href", "/ctrl_F_ThreeWayValveFloat/" + ftid)
- $('#SolenoidDisinfect').attr("href", "/ctrl_F_SolenoidDisinfect/" + ftid)
- $('#Motor').attr("href", "/ctrl_F_Motor/" + ftid)
- $('#Heater1').attr("href", "/ctrl_F_Heater1/" + ftid)
- $('#Heater2').attr("href", "/ctrl_F_Heater2/" + ftid)
- $('#TempEnable').attr("href", "/ctrl_F_TempEnable/" + ftid)
- $('#temp').attr("href", "/ctrl_F_Temp/" + ftid)
- $('#DiskValve').attr("href", "/ctrl_F_DiskValve/" + ftid)
- }
- $("#LiDAR").attr("href", "/chart_F/LiDAR/" + ftid)
- $("#UltraSonic").attr("href", "/chart_F/UltraSonic/" + ftid)
- $("#motorEncoder").attr("href", "/chart_F/motorEncoder/" + ftid)
- $("#SHT11_Temp").attr("href", "/chart_F/SHT11_Temp/" + ftid)
- $("#SHT11_Humidity").attr("href", "/chart_F/SHT11_Humidity/" + ftid)
- $("#CO2").attr("href", "/chart_F/CO2/" + ftid)
- $("#PH").attr("href", "/chart_F/PH/" + ftid)
- $("#ORP").attr("href", "/chart_F/ORP/" + ftid)
- $("#DO").attr("href", "/chart_F/DO/" + ftid)
- $("#EC").attr("href", "/chart_F/EC/" + ftid)
- $("#PA").attr("href", "/chart_F/PA/" + ftid)
- $('#camera_ferment_tid').attr("href", "/camera_F" + ftid)
- $('#F_Modal').modal('show');
- }
- function update_data_FI(fitid){
- console.log('ferment_input_tank_id:' + fitid)
- // fitid = ferment_input_tank_id
- $.get('/loading/FI' + fitid, '', function (res) {
- if (res.input_vacuum == 0) {
- $("#input_vacuum_status").css("background-color", "#C0C0C0")
- } else if (res.input_vacuum == 1) {
- $("#input_vacuum_status").css("background-color", "forestgreen")
- } else { $("#input_vacuum_status").css("background-color", "crimson") }
- $("#FI_UltraSonic_t_status").text(res.input_UltraSonic);
-
- }, 'json');
- $('#Modal_title_input').text("發酵入料儲豆槽 FI" + fitid + " 狀態")
- if (status == 2) {
- $('#actuator_link_input').attr("title", "該使用者無修改權限")
- $('#sensor_link_input').attr("title", "該使用者無修改權限")
- $('#input_Vacuum').attr("title", "該使用者無修改權限")
- } else if ( (status == 0) || (status == 1) ) {
- $('#actuator_link_input').attr("href", "/ferment_container_input/" + fitid)
- $('#sensor_link_input').attr("href", "/ferment_container_input/" + fitid)
- $('#input_Vacuum').attr("href", "/ctrl_FI_Vacuum/" + fitid)
- }
- $('#FI_UltraSonic').attr("href", "/chart_FI/UltraSonic/" + fitid)
- $('#FI_camera_ferment_tid').attr("href", "/camera_FI" + fitid)
- $('#FI_Modal').modal('show');
- };
- function update_data_FO(fotid){
- console.log('ferment_output_tank_id:' + fotid)
- // fitid = ferment_input_tank_id
- $.get('/loading/FO' + fotid, '', function (res) {
- if (res.output_vacuum == 0) {
- $("#output_vacuum_status").css("background-color", "#C0C0C0")
- } else if (res.output_vacuum == 1) {
- $("#output_vacuum_status").css("background-color", "forestgreen")
- } else { $("#output_vacuum_status").css("background-color", "crimson") }
- $("#FO_UltraSonic_t_status").text(res.output_UltraSonic);
-
- }, 'json');
- $('#Modal_title_output').text("發酵出料儲豆槽 FO" + fotid + " 狀態")
- if (status == 2) {
- $('#actuator_link_output').attr("title", "該使用者無修改權限")
- $('#sensor_link_output').attr("title", "該使用者無修改權限")
- $('#output_Vacuum').attr("title", "該使用者無修改權限")
- } else if ( (status == 0) || (status == 1) ) {
- $('#actuator_link_output').attr("href", "/ferment_container_output/" + fotid)
- $('#sensor_link_output').attr("href", "/ferment_container_output/" + fotid)
- $('#output_Vacuum').attr("href", "/ctrl_FO_Vacuum/" + fotid)
- }
- $('#FO_UltraSonic').attr("href", "/chart_FO/UltraSonic/" + fotid)
- $('#FO_camera_ferment_tid').attr("href", "/camera_FO" + fotid)
- $('#FO_Modal').modal('show');
- };
- var button_F1 = document.getElementById('F1');
- button_F1.addEventListener('click', function () { update_data_F("1") });
- var button_F2 = document.getElementById('F2');
- button_F2.addEventListener('click', function () { update_data_F("2") });
- var button_F3 = document.getElementById('F3');
- button_F3.addEventListener('click', function () { update_data_F("3") });
- var button_F4 = document.getElementById('F4');
- button_F4.addEventListener('click', function () { update_data_F("4") });
- var button_F5 = document.getElementById('F5');
- button_F5.addEventListener('click', function () { update_data_F("5") });
- var button_F6 = document.getElementById('F6');
- button_F6.addEventListener('click', function () { update_data_F("6") });
- var button_F7 = document.getElementById('F7');
- button_F7.addEventListener('click', function () { update_data_F("7") });
- var button_F8 = document.getElementById('F8');
- button_F8.addEventListener('click', function () { update_data_F("8") });
- var button_F9 = document.getElementById('F9');
- button_F9.addEventListener('click', function () { update_data_F("9") });
- var button_F10 = document.getElementById('F10');
- button_F10.addEventListener('click', function () { update_data_F("10") });
- var button_F11 = document.getElementById('F11');
- button_F11.addEventListener('click', function () { update_data_F("11") });
- var button_F12 = document.getElementById('F12');
- button_F12.addEventListener('click', function () { update_data_F("12") });
- var button_FI1 = document.getElementById('FI1');
- button_FI1.addEventListener('click', function () { update_data_FI("1") });
- var button_FI2 = document.getElementById('FI2');
- button_FI2.addEventListener('click', function () { update_data_FI("2") });
- var button_FO1 = document.getElementById('FO1');
- button_FO1.addEventListener('click', function () { update_data_FO("1") });
- var button_FO2 = document.getElementById('FO2');
- button_FO2.addEventListener('click', function () { update_data_FO("2") });
- </script>
- <footer class="footer">
- <div style="text-align: center; margin-top: 10px; font-size: 13px; margin-bottom: 10px;">
- Copyright © 2021 Gold-in Tech. All Rights Reserved. 金子進科技股份有限公司 版權所有
- <a href="mailto:service.gitc@gmail.com" target="_blank">service.gitc@gmail.com</a>
- </div>
- </footer>
- <div id="coffee_footer">
- <!-- 匯入共同使用的 footer.html 內容 -->
- {% include 'footer.html' %}
- </div>
- </div>
- </body>
- </html>
|