From d7623ea79727487a21a25570833a6d1b9ffc79e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=85=95=E7=82=8E?= <29385962@qq.com>
Date: Sun, 9 Jan 2022 08:28:44 +0000
Subject: [PATCH] update esp32_air_pump/data/index.html.

---
 esp32_air_pump/data/index.html | 278 ++++++++++++++++-----------------
 1 file changed, 138 insertions(+), 140 deletions(-)
diff --git a/esp32_air_pump/data/index.html b/esp32_air_pump/data/index.html
index 7ccb11d..5d4c5f0 100644
--- a/esp32_air_pump/data/index.html
+++ b/esp32_air_pump/data/index.html
@@ -1,8 +1,16 @@
-﻿<html lang="zh-cn">
+<!--
+微型气泵控制板
+HW:Ver 1.0
+FW:Ver 1.2
+-->
+<html lang="zh-cn">
+
 <head>
-<title>Air Pump Control</title>
-<meta charset="utf-8">
-<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
+  <title>Air Pump Control</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <meta http-equiv="Cache-Control" content="max-age=7200" />
+  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
   <style>
     /*input框*/
     input,
@@ -140,162 +148,152 @@
     }
   </style>
 
-<script>
-var running_type	= ["无", "篮球", "摩托车", "汽车", "自行车", "自定义"];
-var pressure_type	= [0, 0.6, 2.4, 2.5, 3.9, 2.4];
-function loadXMLDoc(path,element)
-{
-    var xmlhttp;
-    if (window.XMLHttpRequest)
-    {
+  <script>
+    var running_type = ["无", "篮球", "摩托车", "汽车", "自行车", "自定义"];
+    var pressure_type = [0, 0.6, 2.4, 2.5, 3.9, 2.4];
+
+    function loadXMLDoc(path, element) {
+      var xmlhttp;
+      if (window.XMLHttpRequest) {
         //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
-        xmlhttp=new XMLHttpRequest();
-    }
-    else
-    {
+        xmlhttp = new XMLHttpRequest();
+      } else {
         // IE6, IE5 浏览器执行代码
-        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-    }
-    xmlhttp.onreadystatechange=function()
-    {
-        if (xmlhttp.readyState==4 && xmlhttp.status==200)
-        {
-            document.getElementById(element).innerHTML=xmlhttp.responseText;
+        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+      }
+      xmlhttp.onreadystatechange = function() {
+        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+          document.getElementById(element).innerHTML = xmlhttp.responseText;
         }
+      }
+      xmlhttp.open("GET", path, true);
+      xmlhttp.send();
     }
-    xmlhttp.open("GET",path,true);
-    xmlhttp.send();
-}
 
-function UpdateInfo()
-{
-    var xmlhttp;
-    if (window.XMLHttpRequest)
-    {
+    function UpdateInfo() {
+      var xmlhttp;
+      if (window.XMLHttpRequest) {
         //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
-        xmlhttp=new XMLHttpRequest();
-    }
-    else
-    {
+        xmlhttp = new XMLHttpRequest();
+      } else {
         // IE6, IE5 浏览器执行代码
-        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-    }
-    xmlhttp.onreadystatechange=function()
-    {
-        if (xmlhttp.readyState==4 && xmlhttp.status==200)
-        {
-            var arr=xmlhttp.responseText.split(",");
-
-            document.getElementById('bat_voltage').innerHTML=arr[1];
-            if(arr[3]==1){
-			  document.getElementById('CurrentMillis').innerHTML="已启动："+arr[0];
-			}else{
-			  document.getElementById('CurrentMillis').innerHTML="未启动";
-			}
-            document.getElementById('running_type').innerHTML=arr[4];
-            document.getElementById('running_pressure_type').value=arr[5];
-			running_type5(arr[4]);
-			if(arr[2]=="-1.00"){
-				document.getElementById('pressure_val').innerHTML="<font color='red'>传感器异常</font>";
-				document.getElementById('running_type_html').innerHTML=document.getElementById('running_type_html').innerHTML+" <font color='red'>传感器异常，启动会限制执行1分钟</font>";
-			}else{
-				document.getElementById('pressure_val').innerHTML=arr[2];
-			}
+        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+      }
+      xmlhttp.onreadystatechange = function() {
+        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+          var arr = xmlhttp.responseText.split(",");
+          document.getElementById('bat_voltage').innerHTML = arr[1];
+          if (arr[3] == 1) {
+            document.getElementById('CurrentMillis').innerHTML = "已启动：" + arr[0];
+          } else {
+            document.getElementById('CurrentMillis').innerHTML = "未启动";
+          }
+          document.getElementById('running_type').innerHTML = arr[4];
+          document.getElementById('running_pressure_type').value = arr[5];
+          running_type5(arr[4]);
+          if (arr[2] == "-1.00") {
+            document.getElementById('pressure_val').innerHTML = "<font color='red'>传感器异常</font>";
+            document.getElementById('running_type_html').innerHTML = document.getElementById('running_type_html').innerHTML + " <font color='red'>传感器异常，启动会限制执行1分钟</font>";
+          } else {
+            document.getElementById('pressure_val').innerHTML = arr[2];
+          }
         }
+      }
+      xmlhttp.open("GET", '/update', true);
+      xmlhttp.send();
     }
-    xmlhttp.open("GET",'/update',true);
-    xmlhttp.send();
-}
 
-
-    function MyAutoRun()
-    { 
-       UpdateInfo();
-    } 
-    setInterval("MyAutoRun()",1000);
-
-
-function checkNum(obj) {
-  if (isNaN(obj.value)) {  //检查是否是非数字值
-    obj.value = "";
-  }
-  if (obj != null) {    //检查小数点后是否对于两位
-    if ( obj.value.toString().split(".").length > 1 &&  obj.value.toString().split(".")[1].length > 2 ) {      //alert("小数点后多于两位！");
-      obj.value = Number(obj.value).toPrecision(2);
+    function MyAutoRun() {
+      UpdateInfo();
     }
-	if(obj.value<0){
-		obj.value	= 0-obj.value;
-		}
-	if(obj.value>6){
-		obj.value	= 6;
-	}
-  }
-}
+    setInterval("MyAutoRun()", 1000);
 
-function running_type5(obj){
-	document.getElementById('running_type_html').innerHTML=running_type[obj];
-	document.getElementById('running_type').value=obj;
-	if(obj!="5"){
-		document.getElementById('running_pressure_type').value=pressure_type[obj];
-	}
-}
-</script>
+    function checkNum(obj) {
+      if (isNaN(obj.value)) { //检查是否是非数字值
+        obj.value = "";
+      }
+      if (obj != null) { //检查小数点后是否对于两位
+        if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) { //alert("小数点后多于两位！");
+          obj.value = Number(obj.value).toPrecision(2);
+        }
+        if (obj.value < 0) {
+          obj.value = 0 - obj.value;
+        }
+        if (obj.value > 6) {
+          obj.value = 6;
+        }
+      }
+    }
+
+    function running_type5(obj) {
+      document.getElementById('running_type_html').innerHTML = running_type[obj];
+      document.getElementById('running_type').value = obj;
+      if (obj != "5") {
+        document.getElementById('running_pressure_type').value = pressure_type[obj];
+      }
+    }
+  </script>
 </head>
+
 <body style="background-color:black;color:white">
 
-<div>
+  <div>
     <font size=6>微型气泵状态监控</font>
-</div>
-    <div id="OperationHit"><h2></h2></div>
-    <table border="0">
-        <tr>
-            <td height="50"></font> <span id=CurrentMillis></span>
-            </td>
-        </tr>
-        <tr>
-            <td height="50">
-				<div>气压：<span id=pressure_val>0</span>Bar&nbsp;&nbsp;&nbsp;&nbsp;电压：<span id=bat_voltage>0</span>V</div>
-            </td>
-        </tr>
-        <tr>
-            <td>
+  </div>
+  <div id="OperationHit">
+    <h2></h2>
+  </div>
+  <table border="0">
+    <tr>
+      <td height="50">
+        </font> <span id=CurrentMillis></span>
+      </td>
+    </tr>
+    <tr>
+      <td height="50">
+        <div>气压：<span id=pressure_val>0</span>Bar&nbsp;&nbsp;&nbsp;&nbsp;电压：<span id=bat_voltage>0</span>V</div>
+      </td>
+    </tr>
+    <tr>
+      <td>
         <table border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td height="50">
-				<button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="1">篮球</button> 
-				<button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="2">摩托车</button>
-				<button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="5">自定义</button> <br><br>
-				<button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="3">汽车</button>
-				<button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="4">自行车</button>
-				</td>
+              <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="1">篮球</button>
+              <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="2">摩托车</button>
+              <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="5">自定义</button> <br><br>
+              <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="3">汽车</button>
+              <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(this.value);loadXMLDoc('/Control?Type=2&Index='+this.value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');" value="4">自行车</button>
+            </td>
             <td align="center">
-        <table border="0" cellspacing="0" cellpadding="0" id="diy_show">
-          <tr>
-            <td>
-                <input class="tl-input" type="text" name="running_pressure_type" id="running_pressure_type" size="2" onchange="checkNum(this);loadXMLDoc('/Control?Type=2&Index=5&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');">
-				<button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(5);document.getElementById('running_pressure_type').value=(Number(document.getElementById('running_pressure_type').value)+0.1).toPrecision(2);checkNum(document.getElementById('running_pressure_type'));loadXMLDoc('/Control?Type=2&Index=5&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');">+</button>
-                <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(5);document.getElementById('running_pressure_type').value=(Number(document.getElementById('running_pressure_type').value)-0.1).toPrecision(2);checkNum(document.getElementById('running_pressure_type'));loadXMLDoc('/Control?Type=2&Index=5&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');">-</button>
-				</td>
-        </tr>
-	</table>
-	</td>
-        </tr>
-	</table>
+              <table border="0" cellspacing="0" cellpadding="0" id="diy_show">
+                <tr>
+                  <td>
+                    <input class="tl-input" type="text" name="running_pressure_type" id="running_pressure_type" size="2" onchange="checkNum(this);loadXMLDoc('/Control?Type=2&Index=5&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');">
+                    <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(5);document.getElementById('running_pressure_type').value=(Number(document.getElementById('running_pressure_type').value)+0.1).toPrecision(2);checkNum(document.getElementById('running_pressure_type'));loadXMLDoc('/Control?Type=2&Index=5&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');">+</button>
+                    <button type="button" class="ant-btn ant-btn-primary" onclick="running_type5(5);document.getElementById('running_pressure_type').value=(Number(document.getElementById('running_pressure_type').value)-0.1).toPrecision(2);checkNum(document.getElementById('running_pressure_type'));loadXMLDoc('/Control?Type=2&Index=5&Operation='+document.getElementById('running_pressure_type').value,'OperationHit');">-</button>
+                  </td>
+                </tr>
+              </table>
             </td>
-        </tr>
-        <tr>
-            <td height="50">
-				<input value="0" id="running_type" hidden>	&nbsp;
-				当前充气类型：<span id="running_type_html">无</span>
-            </td>
-        </tr>
-        <tr>
-            <td height="50">
-				<button type="button" class="ant-btn ant-btn-red" onclick="loadXMLDoc('/Control?Type=1&Index='+document.getElementById('running_type').value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit')">气泵启停</button>
-				<button type="button" class="ant-btn ant-btn-red" onclick="loadXMLDoc('/Control?Type=0&Index=0&Operation=2','OperationHit')">系统重启</button>
-				<button type="button" class="ant-btn ant-btn-red" onclick="loadXMLDoc('/Control?Type=0&Index=0&Operation=0','OperationHit')">传感器重置</button>
-            </td>
-        </tr>
-	</table>
+          </tr>
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td height="50">
+        <input value="0" id="running_type" hidden> &nbsp;
+        当前充气类型：<span id="running_type_html">无</span>
+      </td>
+    </tr>
+    <tr>
+      <td height="50">
+        <button type="button" class="ant-btn ant-btn-red" onclick="loadXMLDoc('/Control?Type=1&Index='+document.getElementById('running_type').value+'&Operation='+document.getElementById('running_pressure_type').value,'OperationHit')">气泵启停</button>
+        <button type="button" class="ant-btn ant-btn-red" onclick="loadXMLDoc('/Control?Type=0&Index=0&Operation=2','OperationHit')">系统重启</button>
+        <button type="button" class="ant-btn ant-btn-red" onclick="loadXMLDoc('/Control?Type=0&Index=0&Operation=0','OperationHit')">传感器重置</button>
+      </td>
+    </tr>
+  </table>
 </body>
+
 </html>
\ No newline at end of file
