diff --git a/reports/basicinfo.html b/reports/basicinfo.html
index e977988..4b4ffbe 100644
--- a/reports/basicinfo.html
+++ b/reports/basicinfo.html
@@ -1,204 +1,234 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
-    <head>
-        <title>装置基本信息历史</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <link href="styles/style.css" rel="stylesheet" type="text/css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
-    </head>
-
-    <body>
-		<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=0 cellspacing=0 width="100%" style="height: 100vh;">
-			<tr>
-				<td valign="top" width="20%">
-					<div style="max-height: 100vh; overflow-y: scroll; margin: 16px;">
-						<ul id="tree-container">
-						
-						</ul>
-						<p>&nbsp;</p>
-					</div>
-				</td>
-				<td valign="top" width="80%" style="margin: 16px;">
-					<span id="current-term"></span>
-					<br /><br />
-					<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0"  width="80%">
-						<tr>
-							<td>采集时间</td>
-							<td>装置编号</td>
-							<td>版本号</td>
-							<td>出厂编号</td>
-						</tr>
-					</table>
-				</td>
-			</tr>
-			
-		</table>
-        <br>
-        <div id="div-result">
-        	
-        </div>
-        <br>
-    </body>
-    <script language="javascript" type="text/javascript">
-	<!--
-
-		function getUrlParameter(name) {
-			name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
-			var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
-			var results = regex.exec(location.search);
-			return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
-		};
-
-		function clickTerm(src, termid)
-		{
-			$('#current-term').text($('#term-' + termid).attr("cmdid") );
-			var urlTarget = '/rpts/api/queryBasicInfo.php';
-			var params = {"termid" : termid};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var tableResult = $('#tbl-result')[0];
-				while (tableResult.rows.length > 1)
-				{
-					tableResult.deleteRow(tableResult.rows.length - 1);
-				}
-
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var td1 = result[idx].update_time;
-					var td2 = result[idx].cmdid;
-					var td3 = result[idx].version;
-					var td4 = result[idx].bs_id;
-					
-					var tr = AppendTable(tableResult, td1, td2, td3, td4);
-				}
-
-			});
-		}
-	
-		$(document).ready(function(){
-			var urlTarget = '/rpts/api/queryTerms.php';
-			var params = {"filter" : 'bi'};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var html = '';
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var dy = result[idx];
-					if (dy.lines.length == 0) continue;
-					
-					var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>';
-					var tail1 = '</ul></li>';
-
-					var html1 = '';
-					for (var idx2 = 0; idx2 < dy.lines.length; idx2++)
-					{
-						var line = dy.lines[idx2];
-						if (line.towers.length == 0) continue;
-
-						var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>';
-						var tail2 = '</ul></li>';
-
-						var html2 = '';
-						for (var idx3 = 0; idx3 < line.towers.length; idx3++)
-						{
-							var tower = line.towers[idx3];
-							if (tower.terminals.length != 1) continue;
-
-							var term = tower.terminals[0];
-
-							html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>';
-						}
-
-						html1 += head2 + html2 + tail2;
-
-					}
-
-					html += head1 + html1 + tail1;
-				}
-				
-				$('#tree-container').append(html);
-                
-			});
-
-			var termId= getUrlParameter("term_id");
-			var st = getUrlParameter("st");
-			var et = getUrlParameter("et");
-
-			if (termId == null || st == null || et == null)
-			{
-				return;
-			}
-
-			var urlTarget = '/rpts/api/queryBasicInfo.php';
-			var params = {"termid" : termId, "st": st, "et": et};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var tableResult = $('#tbl-result')[0];
-				while (tableResult.rows.length > 1)
-				{
-					tableResult.deleteRow(tableResult.rows.length - 1);
-				}
-
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var td1 = result[idx].update_time;
-					var td2 = result[idx].cmdid;
-					var td3 = result[idx].version;
-					var td4 = result[idx].bs_id;
-					
-					var tr = AppendTable(tableResult, td1, td2, td3, td4);
-				}
-
-			});
-
-		});
-
-        $('#btn-refresh').click(function() {
-			var dt = new Date();
-            var endTime = parseInt(dt.getTime() / 1000);
-            dt.setHours(0, 0, 0);
-            var startTime = parseInt(dt.getTime() / 1000);
-
-            loadData(startTime, endTime);
-		});
-
-		$('#btn-yesterday').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 86400, endTime);
-		});
-		
-		$('#btn-thedaybeforeyst').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 172800, endTime - 86400);
-		});
-		
-		
-		function AppendTable(table)
-		{
-			if (arguments.length <= 1) return false;
-			
-			var tr = table.insertRow(-1);
-			for (idx = 1; idx < arguments.length; idx++)
-			{
-				var td = tr.insertCell(-1);
-				td.innerHTML = arguments[idx];
-			}
-			
-			return tr;
-		}
-		
-	// -->	
-	</script>
+  <head>
+    <title>装置基本信息历史</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <link href="styles/style.css" rel="stylesheet" type="text/css" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
+    />
+    <script
+      language="javascript"
+      type="text/javascript"
+      src="js/jquery.js"
+    ></script>
+  </head>
+
+  <body>
+    <table
+      border="0"
+      borderColorLight="#99ccff"
+      borderColorDark="#FFFFFF"
+      cellpadding="0"
+      cellspacing="0"
+      width="100%"
+      style="height: 100vh"
+    >
+      <tr>
+        <td valign="top" width="20%">
+          <div style="max-height: 100vh; overflow-y: scroll; margin: 16px">
+            <ul id="tree-container"></ul>
+            <p>&nbsp;</p>
+          </div>
+        </td>
+        <td
+          valign="top"
+          width="80%"
+          style="margin: 16px"
+          style="position: fixed"
+        >
+          <span id="current-term"></span>
+          <br /><br />
+          <table
+            id="tbl-result"
+            border="1"
+            borderColorLight="#99ccff"
+            borderColorDark="#FFFFFF"
+            cellpadding="8"
+            cellspacing="0"
+            width="80%"
+          >
+            <tr>
+              <td>采集时间</td>
+              <td>装置编号</td>
+              <td>版本号</td>
+              <td>出厂编号</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+    <br />
+    <div id="div-result"></div>
+    <br />
+  </body>
+  <script language="javascript" type="text/javascript">
+    <!--
+
+    function getUrlParameter(name) {
+      name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
+      var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
+      var results = regex.exec(location.search);
+      return results === null
+        ? ""
+        : decodeURIComponent(results[1].replace(/\+/g, " "));
+    }
+
+    function clickTerm(src, termid) {
+      $("#current-term").text($("#term-" + termid).attr("cmdid"));
+      var urlTarget = "/rpts/api/queryBasicInfo.php";
+      var params = { termid: termid };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var tableResult = $("#tbl-result")[0];
+        while (tableResult.rows.length > 1) {
+          tableResult.deleteRow(tableResult.rows.length - 1);
+        }
+
+        for (var idx = 0; idx < result.length; idx++) {
+          var td1 = result[idx].update_time;
+          var td2 = result[idx].cmdid;
+          var td3 = result[idx].version;
+          var td4 = result[idx].bs_id;
+
+          var tr = AppendTable(tableResult, td1, td2, td3, td4);
+        }
+      });
+    }
+
+    $(document).ready(function () {
+      var urlTarget = "/rpts/api/queryTerms.php";
+      var params = { filter: "bi" };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var html = "";
+        for (var idx = 0; idx < result.length; idx++) {
+          var dy = result[idx];
+          if (dy.lines.length == 0) continue;
+
+          var head1 =
+            '<li id="dy-"' +
+            dy.id +
+            ">" +
+            dy.name +
+            '<ul id="dyc-"' +
+            dy.id +
+            ">";
+          var tail1 = "</ul></li>";
+
+          var html1 = "";
+          for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
+            var line = dy.lines[idx2];
+            if (line.towers.length == 0) continue;
+
+            var head2 =
+              '<li id="line-"' +
+              line.id +
+              ">" +
+              line.name +
+              '<ul id="linec-"' +
+              line.id +
+              ">";
+            var tail2 = "</ul></li>";
+
+            var html2 = "";
+            for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
+              var tower = line.towers[idx3];
+              if (tower.terminals.length != 1) continue;
+
+              var term = tower.terminals[0];
+
+              html2 +=
+                '<li id="tower-"' +
+                tower.id +
+                '"><a id="term-' +
+                term.id +
+                '" href="javascript:clickTerm(this,' +
+                term.id +
+                ');" cmdid="' +
+                term.cmdid +
+                '">' +
+                term.cmdid +
+                "</a></li>";
+            }
+
+            html1 += head2 + html2 + tail2;
+          }
+
+          html += head1 + html1 + tail1;
+        }
+
+        $("#tree-container").append(html);
+      });
+
+      var termId = getUrlParameter("term_id");
+      var st = getUrlParameter("st");
+      var et = getUrlParameter("et");
+
+      if (termId == null || st == null || et == null) {
+        return;
+      }
+
+      var urlTarget = "/rpts/api/queryBasicInfo.php";
+      var params = { termid: termId, st: st, et: et };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var tableResult = $("#tbl-result")[0];
+        while (tableResult.rows.length > 1) {
+          tableResult.deleteRow(tableResult.rows.length - 1);
+        }
+
+        for (var idx = 0; idx < result.length; idx++) {
+          var td1 = result[idx].update_time;
+          var td2 = result[idx].cmdid;
+          var td3 = result[idx].version;
+          var td4 = result[idx].bs_id;
+
+          var tr = AppendTable(tableResult, td1, td2, td3, td4);
+        }
+      });
+    });
+
+    $("#btn-refresh").click(function () {
+      var dt = new Date();
+      var endTime = parseInt(dt.getTime() / 1000);
+      dt.setHours(0, 0, 0);
+      var startTime = parseInt(dt.getTime() / 1000);
+
+      loadData(startTime, endTime);
+    });
+
+    $("#btn-yesterday").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 86400, endTime);
+    });
+
+    $("#btn-thedaybeforeyst").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 172800, endTime - 86400);
+    });
+
+    function AppendTable(table) {
+      if (arguments.length <= 1) return false;
+
+      var tr = table.insertRow(-1);
+      for (idx = 1; idx < arguments.length; idx++) {
+        var td = tr.insertCell(-1);
+        td.innerHTML = arguments[idx];
+      }
+
+      return tr;
+    }
+
+    // -->
+  </script>
 </html>
diff --git a/reports/gps.html b/reports/gps.html
index 6890531..2d69e74 100644
--- a/reports/gps.html
+++ b/reports/gps.html
@@ -1,185 +1,203 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
-    <head>
-        <title>GPS历史</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <link href="styles/style.css" rel="stylesheet" type="text/css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
-    </head>
-
-    <body style="margin: 16px;">
-       
-		<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%">
-			<tr>
-				<td valign="top" width="20%">
-					<ul id="tree-container">
-						
-					</ul>
-				</td>
-				<td valign="top" width="80%">
-					<span id="current-term"></span>
-					<br /><br />
-					<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0"  width="80%">
-						<tr>
-							<td>采集时间</td>
-							<td>坐标类型</td>
-							<td>半径</td>
-							<td>纬度</td>
-							<td>经度</td>
-						</tr>
-					</table>
-				</td>
-			</tr>
-			
-		</table>
-        <br>
-        <div id="div-result">
-        	
-        </div>
-        <br>
-    </body>
-    <script language="javascript" type="text/javascript">
-	<!--
-
-		function GetCoordinateType(ct)
-		{
-			if (ct == 0)
-			{
-				return "没有坐标";
-			}
-			else if (ct == 1)
-			{
-				return "GPS 坐标";
-			}
-			else if (ct == 2)
-			{
-				return "辅助坐标";
-			}
-
-			return "";
-		}
-
-		function clickTerm(src, termid)
-		{
-			$('#current-term').text($('#term-' + termid).attr("cmdid") );
-			var urlTarget = '/rpts/api/queryGps.php';
-			var params = {"termid" : termid};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var tableResult = $('#tbl-result')[0];
-				while (tableResult.rows.length > 1)
-				{
-					tableResult.deleteRow(tableResult.rows.length - 1);
-				}
-
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var td1 = result[idx].update_time;
-					var td2 = GetCoordinateType(result[idx].coordinate_type);
-					var td3 = result[idx].radius;
-					var td4 = result[idx].latitude;
-					var td5 = result[idx].longitude;
-				
-					var tr = AppendTable(tableResult, td1, td2, td3, td4, td5);
-				}
-				
-				
-			});
-		}
-	
-		$(document).ready(function(){
-			var urlTarget = '/rpts/api/queryTerms.php';
-			var params = {"filter" : 'gps'};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var html = '';
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var dy = result[idx];
-					if (dy.lines.length == 0) continue;
-					
-					var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>';
-					var tail1 = '</ul></li>';
-
-					var html1 = '';
-					for (var idx2 = 0; idx2 < dy.lines.length; idx2++)
-					{
-						var line = dy.lines[idx2];
-						if (line.towers.length == 0) continue;
-
-						var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>';
-						var tail2 = '</ul></li>';
-
-						var html2 = '';
-						for (var idx3 = 0; idx3 < line.towers.length; idx3++)
-						{
-							var tower = line.towers[idx3];
-							if (tower.terminals.length != 1) continue;
-
-							var term = tower.terminals[0];
-
-							html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>';
-						}
-
-						html1 += head2 + html2 + tail2;
-
-					}
-
-					html += head1 + html1 + tail1;
-				}
-				
-				$('#tree-container').append(html);
-                
-			});
-
-
-		});
-
-        $('#btn-refresh').click(function() {
-			var dt = new Date();
-            var endTime = parseInt(dt.getTime() / 1000);
-            dt.setHours(0, 0, 0);
-            var startTime = parseInt(dt.getTime() / 1000);
-
-            loadData(startTime, endTime);
-		});
-
-		$('#btn-yesterday').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 86400, endTime);
-		});
-		
-		$('#btn-thedaybeforeyst').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 172800, endTime - 86400);
-		});
-		
-		
-		function AppendTable(table)
-		{
-			if (arguments.length <= 1) return false;
-			
-			var tr = table.insertRow(-1);
-			for (idx = 1; idx < arguments.length; idx++)
-			{
-				var td = tr.insertCell(-1);
-				td.innerHTML = arguments[idx];
-			}
-			
-			return tr;
-		}
-		
-	// -->	
-	</script>
+  <head>
+    <title>GPS历史</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <link href="styles/style.css" rel="stylesheet" type="text/css" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
+    />
+    <script
+      language="javascript"
+      type="text/javascript"
+      src="js/jquery.js"
+    ></script>
+  </head>
+
+  <body style="margin: 16px">
+    <table
+      border="0"
+      borderColorLight="#99ccff"
+      borderColorDark="#FFFFFF"
+      cellpadding="4"
+      cellspacing="0"
+      width="100%"
+    >
+      <tr>
+        <td valign="top" width="20%">
+          <ul id="tree-container"></ul>
+        </td>
+        <td valign="top" width="80%" style="position: fixed">
+          <span id="current-term"></span>
+          <br /><br />
+          <table
+            id="tbl-result"
+            border="1"
+            borderColorLight="#99ccff"
+            borderColorDark="#FFFFFF"
+            cellpadding="8"
+            cellspacing="0"
+            width="80%"
+          >
+            <tr>
+              <td>采集时间</td>
+              <td>坐标类型</td>
+              <td>半径</td>
+              <td>纬度</td>
+              <td>经度</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+    <br />
+    <div id="div-result"></div>
+    <br />
+  </body>
+  <script language="javascript" type="text/javascript">
+    <!--
+
+    function GetCoordinateType(ct) {
+      if (ct == 0) {
+        return "没有坐标";
+      } else if (ct == 1) {
+        return "GPS 坐标";
+      } else if (ct == 2) {
+        return "辅助坐标";
+      }
+
+      return "";
+    }
+
+    function clickTerm(src, termid) {
+      $("#current-term").text($("#term-" + termid).attr("cmdid"));
+      var urlTarget = "/rpts/api/queryGps.php";
+      var params = { termid: termid };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var tableResult = $("#tbl-result")[0];
+        while (tableResult.rows.length > 1) {
+          tableResult.deleteRow(tableResult.rows.length - 1);
+        }
+
+        for (var idx = 0; idx < result.length; idx++) {
+          var td1 = result[idx].update_time;
+          var td2 = GetCoordinateType(result[idx].coordinate_type);
+          var td3 = result[idx].radius;
+          var td4 = result[idx].latitude;
+          var td5 = result[idx].longitude;
+
+          var tr = AppendTable(tableResult, td1, td2, td3, td4, td5);
+        }
+      });
+    }
+
+    $(document).ready(function () {
+      var urlTarget = "/rpts/api/queryTerms.php";
+      var params = { filter: "gps" };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var html = "";
+        for (var idx = 0; idx < result.length; idx++) {
+          var dy = result[idx];
+          if (dy.lines.length == 0) continue;
+
+          var head1 =
+            '<li id="dy-"' +
+            dy.id +
+            ">" +
+            dy.name +
+            '<ul id="dyc-"' +
+            dy.id +
+            ">";
+          var tail1 = "</ul></li>";
+
+          var html1 = "";
+          for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
+            var line = dy.lines[idx2];
+            if (line.towers.length == 0) continue;
+
+            var head2 =
+              '<li id="line-"' +
+              line.id +
+              ">" +
+              line.name +
+              '<ul id="linec-"' +
+              line.id +
+              ">";
+            var tail2 = "</ul></li>";
+
+            var html2 = "";
+            for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
+              var tower = line.towers[idx3];
+              if (tower.terminals.length != 1) continue;
+
+              var term = tower.terminals[0];
+
+              html2 +=
+                '<li id="tower-"' +
+                tower.id +
+                '"><a id="term-' +
+                term.id +
+                '" href="javascript:clickTerm(this,' +
+                term.id +
+                ');" cmdid="' +
+                term.cmdid +
+                '">' +
+                term.cmdid +
+                "</a></li>";
+            }
+
+            html1 += head2 + html2 + tail2;
+          }
+
+          html += head1 + html1 + tail1;
+        }
+
+        $("#tree-container").append(html);
+      });
+    });
+
+    $("#btn-refresh").click(function () {
+      var dt = new Date();
+      var endTime = parseInt(dt.getTime() / 1000);
+      dt.setHours(0, 0, 0);
+      var startTime = parseInt(dt.getTime() / 1000);
+
+      loadData(startTime, endTime);
+    });
+
+    $("#btn-yesterday").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 86400, endTime);
+    });
+
+    $("#btn-thedaybeforeyst").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 172800, endTime - 86400);
+    });
+
+    function AppendTable(table) {
+      if (arguments.length <= 1) return false;
+
+      var tr = table.insertRow(-1);
+      for (idx = 1; idx < arguments.length; idx++) {
+        var td = tr.insertCell(-1);
+        td.innerHTML = arguments[idx];
+      }
+
+      return tr;
+    }
+
+    // -->
+  </script>
 </html>
diff --git a/reports/rs.html b/reports/rs.html
index 38fbf82..a44f427 100644
--- a/reports/rs.html
+++ b/reports/rs.html
@@ -1,168 +1,193 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
-    <head>
-        <title>装置运行状态历史</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <link href="styles/style.css" rel="stylesheet" type="text/css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
-    </head>
-
-    <body style="margin: 16px;">
-       
-		<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%">
-			<tr>
-				<td valign="top" width="20%">
-					<ul id="tree-container">
-						
-					</ul>
-				</td>
-				<td valign="top" width="80%">
-					<span id="current-term"></span>
-					<br /><br />
-					<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0"  width="80%">
-						<tr>
-							<td>采集时间</td>
-							<td>4G 信号强度</td>
-							<td>2G 信号强度</td>
-							<td>剩余运行内存</td>
-							<td>剩余存储内存</td>
-							<td>装置上次启动时间</td>
-						</tr>
-					</table>
-				</td>
-			</tr>
-			
-		</table>
-        <br>
-        <div id="div-result">
-        	
-        </div>
-        <br>
-    </body>
-    <script language="javascript" type="text/javascript">
-	<!--
-
-		function clickTerm(src, termid)
-		{
-			$('#current-term').text($('#term-' + termid).attr("cmdid") );
-			var urlTarget = '/rpts/api/queryRs.php';
-			var params = {"termid" : termid};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var tableResult = $('#tbl-result')[0];
-				while (tableResult.rows.length > 1)
-				{
-					tableResult.deleteRow(tableResult.rows.length - 1);
-				}
-
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var td1 = result[idx].rs_update_time;
-					var td2 = result[idx].signal_strength_4g;
-					var td3 = result[idx].signal_strength_2g;
-					var td4 = result[idx].remaining_ram;
-					var td5 = result[idx].remaining_rom;
-					var td6 = result[idx].boot_time;
-					
-					var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6);
-				}
-
-			});
-		}
-	
-		$(document).ready(function(){
-			var urlTarget = '/rpts/api/queryTerms.php';
-			var params = {"filter" : 'rs'};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var html = '';
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var dy = result[idx];
-					if (dy.lines.length == 0) continue;
-					
-					var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>';
-					var tail1 = '</ul></li>';
-
-					var html1 = '';
-					for (var idx2 = 0; idx2 < dy.lines.length; idx2++)
-					{
-						var line = dy.lines[idx2];
-						if (line.towers.length == 0) continue;
-
-						var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>';
-						var tail2 = '</ul></li>';
-
-						var html2 = '';
-						for (var idx3 = 0; idx3 < line.towers.length; idx3++)
-						{
-							var tower = line.towers[idx3];
-							if (tower.terminals.length != 1) continue;
-
-							var term = tower.terminals[0];
-
-							html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>';
-						}
-
-						html1 += head2 + html2 + tail2;
-
-					}
-
-					html += head1 + html1 + tail1;
-				}
-				
-				$('#tree-container').append(html);
-                
-			});
-
-
-		});
-
-        $('#btn-refresh').click(function() {
-			var dt = new Date();
-            var endTime = parseInt(dt.getTime() / 1000);
-            dt.setHours(0, 0, 0);
-            var startTime = parseInt(dt.getTime() / 1000);
-
-            loadData(startTime, endTime);
-		});
-
-		$('#btn-yesterday').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 86400, endTime);
-		});
-		
-		$('#btn-thedaybeforeyst').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 172800, endTime - 86400);
-		});
-		
-		
-		function AppendTable(table)
-		{
-			if (arguments.length <= 1) return false;
-			
-			var tr = table.insertRow(-1);
-			for (idx = 1; idx < arguments.length; idx++)
-			{
-				var td = tr.insertCell(-1);
-				td.innerHTML = arguments[idx];
-			}
-			
-			return tr;
-		}
-		
-	// -->	
-	</script>
+  <head>
+    <title>装置运行状态历史</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <link href="styles/style.css" rel="stylesheet" type="text/css" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
+    />
+    <script
+      language="javascript"
+      type="text/javascript"
+      src="js/jquery.js"
+    ></script>
+  </head>
+
+  <body style="margin: 16px">
+    <table
+      border="0"
+      borderColorLight="#99ccff"
+      borderColorDark="#FFFFFF"
+      cellpadding="4"
+      cellspacing="0"
+      width="100%"
+    >
+      <tr>
+        <td valign="top" width="20%">
+          <ul id="tree-container"></ul>
+        </td>
+        <td valign="top" width="80%" style="position: fixed">
+          <span id="current-term"></span>
+          <br /><br />
+          <table
+            id="tbl-result"
+            border="1"
+            borderColorLight="#99ccff"
+            borderColorDark="#FFFFFF"
+            cellpadding="8"
+            cellspacing="0"
+            width="80%"
+          >
+            <tr>
+              <td>采集时间</td>
+              <td>4G 信号强度</td>
+              <td>2G 信号强度</td>
+              <td>剩余运行内存</td>
+              <td>剩余存储内存</td>
+              <td>装置上次启动时间</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+    <br />
+    <div id="div-result"></div>
+    <br />
+  </body>
+  <script language="javascript" type="text/javascript">
+    <!--
+
+    function clickTerm(src, termid) {
+      $("#current-term").text($("#term-" + termid).attr("cmdid"));
+      var urlTarget = "/rpts/api/queryRs.php";
+      var params = { termid: termid };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var tableResult = $("#tbl-result")[0];
+        while (tableResult.rows.length > 1) {
+          tableResult.deleteRow(tableResult.rows.length - 1);
+        }
+
+        for (var idx = 0; idx < result.length; idx++) {
+          var td1 = result[idx].rs_update_time;
+          var td2 = result[idx].signal_strength_4g;
+          var td3 = result[idx].signal_strength_2g;
+          var td4 = result[idx].remaining_ram;
+          var td5 = result[idx].remaining_rom;
+          var td6 = result[idx].boot_time;
+
+          var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6);
+        }
+      });
+    }
+
+    $(document).ready(function () {
+      var urlTarget = "/rpts/api/queryTerms.php";
+      var params = { filter: "rs" };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var html = "";
+        for (var idx = 0; idx < result.length; idx++) {
+          var dy = result[idx];
+          if (dy.lines.length == 0) continue;
+
+          var head1 =
+            '<li id="dy-"' +
+            dy.id +
+            ">" +
+            dy.name +
+            '<ul id="dyc-"' +
+            dy.id +
+            ">";
+          var tail1 = "</ul></li>";
+
+          var html1 = "";
+          for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
+            var line = dy.lines[idx2];
+            if (line.towers.length == 0) continue;
+
+            var head2 =
+              '<li id="line-"' +
+              line.id +
+              ">" +
+              line.name +
+              '<ul id="linec-"' +
+              line.id +
+              ">";
+            var tail2 = "</ul></li>";
+
+            var html2 = "";
+            for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
+              var tower = line.towers[idx3];
+              if (tower.terminals.length != 1) continue;
+
+              var term = tower.terminals[0];
+
+              html2 +=
+                '<li id="tower-"' +
+                tower.id +
+                '"><a id="term-' +
+                term.id +
+                '" href="javascript:clickTerm(this,' +
+                term.id +
+                ');" cmdid="' +
+                term.cmdid +
+                '">' +
+                term.cmdid +
+                "</a></li>";
+            }
+
+            html1 += head2 + html2 + tail2;
+          }
+
+          html += head1 + html1 + tail1;
+        }
+
+        $("#tree-container").append(html);
+      });
+    });
+
+    $("#btn-refresh").click(function () {
+      var dt = new Date();
+      var endTime = parseInt(dt.getTime() / 1000);
+      dt.setHours(0, 0, 0);
+      var startTime = parseInt(dt.getTime() / 1000);
+
+      loadData(startTime, endTime);
+    });
+
+    $("#btn-yesterday").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 86400, endTime);
+    });
+
+    $("#btn-thedaybeforeyst").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 172800, endTime - 86400);
+    });
+
+    function AppendTable(table) {
+      if (arguments.length <= 1) return false;
+
+      var tr = table.insertRow(-1);
+      for (idx = 1; idx < arguments.length; idx++) {
+        var td = tr.insertCell(-1);
+        td.innerHTML = arguments[idx];
+      }
+
+      return tr;
+    }
+
+    // -->
+  </script>
 </html>
diff --git a/reports/ws-his.html b/reports/ws-his.html
index 70def98..a7e2da0 100644
--- a/reports/ws-his.html
+++ b/reports/ws-his.html
@@ -1,212 +1,252 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
-    <head>
-        <title>装置工作状态历史</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <link href="styles/style.css" rel="stylesheet" type="text/css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
-    </head>
-
-    <body style="margin: 16px;">
-       
-		<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%">
-			<tr>
-				<td valign="top" width="20%">
-					<ul id="tree-container">
-						
-					</ul>
-				</td>
-				<td valign="top" width="80%">
-					<span id="current-term"></span>
-					<br /><br />
-					<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0"  width="80%">
-						<tr>
-							<td>采集时间</td>
-							<td>电源电压</td>
-							<td>工作温度</td>
-							<td>电池电量</td>
-							<td>浮充状态</td>
-							<td>工作总时间（小时）</td>
-							<td>本次连续工作时间（小时）</td>
-							<td>网络连接状态</td>
-						</tr>
-					</table>
-				</td>
-			</tr>
-			
-		</table>
-        <br>
-        <div id="div-result">
-        	
-        </div>
-        <br>
-    </body>
-    <script language="javascript" type="text/javascript">
-	<!--
-
-		function getUrlParameter(name) {
-			name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
-			var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
-			var results = regex.exec(location.search);
-			return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
-		};
-
-		function clickTerm(src, termid)
-		{
-			$('#current-term').text($('#term-' + termid).attr("cmdid") );
-			var urlTarget = '/rpts/api/queryWs.php';
-			var params = {"termid" : termid};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var tableResult = $('#tbl-result')[0];
-				while (tableResult.rows.length > 1)
-				{
-					tableResult.deleteRow(tableResult.rows.length - 1);
-				}
-
-				for (var idx = 0; idx < result.data.length; idx++)
-				{
-					var td1 = result.data[idx].ws_update_time;
-					var td2 = result.data[idx].battery_voltage;
-					var td3 = result.data[idx].op_temperature;
-					var td4 = result.data[idx].battery_capacity;
-					var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
-					var td6 = result.data[idx].total_working_time;
-					var td7 = result.data[idx].working_time;
-					var td8 = result.data[idx].connection_state == 0 ? '正常' : '断开';
-				
-					var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8);
-				}
-				
-				
-			});
-		}
-	
-		$(document).ready(function(){
-			var urlTarget = '/rpts/api/queryTerms.php';
-			var params = {"filter" : 'ws'};
-
-			$.getJSON(urlTarget, params, function(result) {
-
-				var html = '';
-				for (var idx = 0; idx < result.length; idx++)
-				{
-					var dy = result[idx];
-					if (dy.lines.length == 0) continue;
-					
-					var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>';
-					var tail1 = '</ul></li>';
-
-					var html1 = '';
-					for (var idx2 = 0; idx2 < dy.lines.length; idx2++)
-					{
-						var line = dy.lines[idx2];
-						if (line.towers.length == 0) continue;
-
-						var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>';
-						var tail2 = '</ul></li>';
-
-						var html2 = '';
-						for (var idx3 = 0; idx3 < line.towers.length; idx3++)
-						{
-							var tower = line.towers[idx3];
-							if (tower.terminals.length != 1) continue;
-
-							var term = tower.terminals[0];
-
-							html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>';
-						}
-
-						html1 += head2 + html2 + tail2;
-
-					}
-
-					html += head1 + html1 + tail1;
-				}
-				
-				$('#tree-container').append(html);
-                
-			});
-
-			var termid = getUrlParameter("term_id");
-			if (termid != null)
-			{
-				var urlTarget = '/rpts/api/queryWs.php';
-				var params = {"termid" : termid};
-
-				$.getJSON(urlTarget, params, function(result) {
-
-					var tableResult = $('#tbl-result')[0];
-					while (tableResult.rows.length > 1)
-					{
-						tableResult.deleteRow(tableResult.rows.length - 1);
-					}
-
-					for (var idx = 0; idx < result.data.length; idx++)
-					{
-						var td1 = result.data[idx].ws_update_time;
-						var td2 = result.data[idx].battery_voltage;
-						var td3 = result.data[idx].op_temperature;
-						var td4 = result.data[idx].battery_capacity;
-						var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
-						var td6 = result.data[idx].total_working_time;
-						var td7 = result.data[idx].working_time;
-						var td8 = result.data[idx].connection_state == 0 ? '正常' : '断开';
-					
-						var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8);
-					}
-					
-					
-				});
-			}
-			
-
-		});
-
-        $('#btn-refresh').click(function() {
-			var dt = new Date();
-            var endTime = parseInt(dt.getTime() / 1000);
-            dt.setHours(0, 0, 0);
-            var startTime = parseInt(dt.getTime() / 1000);
-
-            loadData(startTime, endTime);
-		});
-
-		$('#btn-yesterday').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 86400, endTime);
-		});
-		
-		$('#btn-thedaybeforeyst').click(function() {
-			var dt = new Date();
-            
-            dt.setHours(0, 0, 0);
-            var endTime = parseInt(dt.getTime() / 1000);
-
-            loadData(endTime - 172800, endTime - 86400);
-		});
-		
-		
-		function AppendTable(table)
-		{
-			if (arguments.length <= 1) return false;
-			
-			var tr = table.insertRow(-1);
-			for (idx = 1; idx < arguments.length; idx++)
-			{
-				var td = tr.insertCell(-1);
-				td.innerHTML = arguments[idx];
-			}
-			
-			return tr;
-		}
-		
-	// -->	
-	</script>
+  <head>
+    <title>装置工作状态历史</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <link href="styles/style.css" rel="stylesheet" type="text/css" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
+    />
+    <script
+      language="javascript"
+      type="text/javascript"
+      src="js/jquery.js"
+    ></script>
+  </head>
+
+  <body style="margin: 16px">
+    <table
+      border="0"
+      borderColorLight="#99ccff"
+      borderColorDark="#FFFFFF"
+      cellpadding="4"
+      cellspacing="0"
+      width="100%"
+    >
+      <tr>
+        <td valign="top" width="20%">
+          <ul id="tree-container"></ul>
+        </td>
+        <td valign="top" width="80%">
+          <span id="current-term"></span>
+          <br /><br />
+          <table
+            id="tbl-result"
+            border="1"
+            borderColorLight="#99ccff"
+            borderColorDark="#FFFFFF"
+            cellpadding="8"
+            cellspacing="0"
+            width="80%"
+          >
+            <tr>
+              <td>采集时间</td>
+              <td>电源电压</td>
+              <td>工作温度</td>
+              <td>电池电量</td>
+              <td>浮充状态</td>
+              <td>工作总时间（小时）</td>
+              <td>本次连续工作时间（小时）</td>
+              <td>网络连接状态</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+    <br />
+    <div id="div-result"></div>
+    <br />
+  </body>
+  <script language="javascript" type="text/javascript">
+    <!--
+
+    function getUrlParameter(name) {
+      name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
+      var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
+      var results = regex.exec(location.search);
+      return results === null
+        ? ""
+        : decodeURIComponent(results[1].replace(/\+/g, " "));
+    }
+
+    function clickTerm(src, termid) {
+      $("#current-term").text($("#term-" + termid).attr("cmdid"));
+      var urlTarget = "/rpts/api/queryWs.php";
+      var params = { termid: termid };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var tableResult = $("#tbl-result")[0];
+        while (tableResult.rows.length > 1) {
+          tableResult.deleteRow(tableResult.rows.length - 1);
+        }
+
+        for (var idx = 0; idx < result.data.length; idx++) {
+          var td1 = result.data[idx].ws_update_time;
+          var td2 = result.data[idx].battery_voltage;
+          var td3 = result.data[idx].op_temperature;
+          var td4 = result.data[idx].battery_capacity;
+          var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
+          var td6 = result.data[idx].total_working_time;
+          var td7 = result.data[idx].working_time;
+          var td8 = result.data[idx].connection_state == 0 ? "正常" : "断开";
+
+          var tr = AppendTable(
+            tableResult,
+            td1,
+            td2,
+            td3,
+            td4,
+            td5,
+            td6,
+            td7,
+            td8
+          );
+        }
+      });
+    }
+
+    $(document).ready(function () {
+      var urlTarget = "/rpts/api/queryTerms.php";
+      var params = { filter: "ws" };
+
+      $.getJSON(urlTarget, params, function (result) {
+        var html = "";
+        for (var idx = 0; idx < result.length; idx++) {
+          var dy = result[idx];
+          if (dy.lines.length == 0) continue;
+
+          var head1 =
+            '<li id="dy-"' +
+            dy.id +
+            ">" +
+            dy.name +
+            '<ul id="dyc-"' +
+            dy.id +
+            ">";
+          var tail1 = "</ul></li>";
+
+          var html1 = "";
+          for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
+            var line = dy.lines[idx2];
+            if (line.towers.length == 0) continue;
+
+            var head2 =
+              '<li id="line-"' +
+              line.id +
+              ">" +
+              line.name +
+              '<ul id="linec-"' +
+              line.id +
+              ">";
+            var tail2 = "</ul></li>";
+
+            var html2 = "";
+            for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
+              var tower = line.towers[idx3];
+              if (tower.terminals.length != 1) continue;
+
+              var term = tower.terminals[0];
+
+              html2 +=
+                '<li id="tower-"' +
+                tower.id +
+                '"><a id="term-' +
+                term.id +
+                '" href="javascript:clickTerm(this,' +
+                term.id +
+                ');" cmdid="' +
+                term.cmdid +
+                '">' +
+                term.cmdid +
+                "</a></li>";
+            }
+
+            html1 += head2 + html2 + tail2;
+          }
+
+          html += head1 + html1 + tail1;
+        }
+
+        $("#tree-container").append(html);
+      });
+
+      var termid = getUrlParameter("term_id");
+      if (termid != null) {
+        var urlTarget = "/rpts/api/queryWs.php";
+        var params = { termid: termid };
+
+        $.getJSON(urlTarget, params, function (result) {
+          var tableResult = $("#tbl-result")[0];
+          while (tableResult.rows.length > 1) {
+            tableResult.deleteRow(tableResult.rows.length - 1);
+          }
+
+          for (var idx = 0; idx < result.data.length; idx++) {
+            var td1 = result.data[idx].ws_update_time;
+            var td2 = result.data[idx].battery_voltage;
+            var td3 = result.data[idx].op_temperature;
+            var td4 = result.data[idx].battery_capacity;
+            var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
+            var td6 = result.data[idx].total_working_time;
+            var td7 = result.data[idx].working_time;
+            var td8 = result.data[idx].connection_state == 0 ? "正常" : "断开";
+
+            var tr = AppendTable(
+              tableResult,
+              td1,
+              td2,
+              td3,
+              td4,
+              td5,
+              td6,
+              td7,
+              td8
+            );
+          }
+        });
+      }
+    });
+
+    $("#btn-refresh").click(function () {
+      var dt = new Date();
+      var endTime = parseInt(dt.getTime() / 1000);
+      dt.setHours(0, 0, 0);
+      var startTime = parseInt(dt.getTime() / 1000);
+
+      loadData(startTime, endTime);
+    });
+
+    $("#btn-yesterday").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 86400, endTime);
+    });
+
+    $("#btn-thedaybeforeyst").click(function () {
+      var dt = new Date();
+
+      dt.setHours(0, 0, 0);
+      var endTime = parseInt(dt.getTime() / 1000);
+
+      loadData(endTime - 172800, endTime - 86400);
+    });
+
+    function AppendTable(table) {
+      if (arguments.length <= 1) return false;
+
+      var tr = table.insertRow(-1);
+      for (idx = 1; idx < arguments.length; idx++) {
+        var td = tr.insertCell(-1);
+        td.innerHTML = arguments[idx];
+      }
+
+      return tr;
+    }
+
+    // -->
+  </script>
 </html>
