From a30f27feef4beff3d1b4abc71b3d0be20919a238 Mon Sep 17 00:00:00 2001
From: vickihe <vickihe614@gmail.com>
Date: Thu, 12 Sep 2019 15:56:30 +0800
Subject: [PATCH] finish

---
 web/html/addPeople.html             |  21 +-
 web/html/css/addPeople_style.css    |   8 +-
 web/html/css/deletePeople_style.css |   1 -
 web/html/css/firstPage_style.css    |  21 +-
 web/html/css/icons/老人2.png        | Bin 0 -> 2025 bytes
 web/html/css/icons/老人2light.png   | Bin 0 -> 2112 bytes
 web/html/css/images/哭.png          | Bin 0 -> 16110 bytes
 web/html/css/views_style.css        |  68 ++-
 web/html/deletePeople.html          |   8 +-
 web/html/firstPage.html             |  45 +-
 web/html/js/addPeople.js            |  44 +-
 web/html/js/deletePeople.js         |  18 +
 web/html/js/firstPage.js            |  90 ++++
 web/html/js/login.js                |  36 +-
 web/html/js/views.js                | 639 ++++++++++++++++++++++------
 web/html/views.html                 |  47 +-
 web/login.html                      |   8 +-
 17 files changed, 816 insertions(+), 238 deletions(-)
 create mode 100644 web/html/css/icons/老人2.png
 create mode 100644 web/html/css/icons/老人2light.png
 create mode 100644 web/html/css/images/哭.png
 create mode 100644 web/html/js/deletePeople.js
 create mode 100644 web/html/js/firstPage.js
diff --git a/web/html/addPeople.html b/web/html/addPeople.html
index 7379cf7..e31a07e 100644
--- a/web/html/addPeople.html
+++ b/web/html/addPeople.html
@@ -8,6 +8,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="css/icons/favicon.png">
     <link rel="stylesheet" href="css/addPeople_style.css">
     <script src="js/addPeople.js"></script>
+    <script src="../jquery/dist/jquery.min.js"></script>
 </head>
 <body>
     <div class="box1">
@@ -21,26 +22,26 @@
     <div class="register_1" id="register_1" style="display: block">
         <h3>老人注册</h3>
         <form>
-            <input type="text" placeholder="账号"><br>
-            <input type="password" placeholder="密码"><br>
+            <input type="text" placeholder="账号" id="pAccount"><br>
+            <input type="password" placeholder="密码" id="pPassword"><br>
             <input type="button" value="next" id="next" onclick="changeDiv()">
         </form>
     </div>
     <div class="register_2" id="register_2" style="display: none">
         <h3>老人注册</h3>
-        <form action="firstPage.html">
-            <input type="text" placeholder="姓名"><br>
-            <input type="text" placeholder="身份证号"><br>
-            <div class="gender">
-                <input type="radio" value="mele">
+        <form >
+            <input type="text" placeholder="姓名" id="name"><br>
+            <input type="text" placeholder="身份证号" id="cardId"><br>
+            <div class="gender" id="gender">
+                <input type="radio" name="gender" value="mele">
                 <span>男</span>
-                <input type="radio" value="female">
+                <input type="radio" name="gender" value="female">
                 <span>女</span><br>
             </div>
             <span id="birthday">生日：</span>
             <input type="date" id="date"><br>
-            <input type="text" placeholder="入住房间"><br>
-            <input type="submit" value="OK" id="submit">
+            <input type="text" placeholder="房间号" id="roomId"><br>
+            <input type="button" value="OK" id="submit" onclick="over()">
         </form>
     </div>
 </body>
diff --git a/web/html/css/addPeople_style.css b/web/html/css/addPeople_style.css
index bc31ef3..7c32206 100644
--- a/web/html/css/addPeople_style.css
+++ b/web/html/css/addPeople_style.css
@@ -97,7 +97,7 @@ body {
     width: 220px;
     height: 35px;
     position: relative;
-    top: 10px;
+    top: 40px;
     left: 90px;
     text-align: center;
     border-radius: 25px;
@@ -117,13 +117,13 @@ body {
 .register_2 form .gender span {
     position: relative;
     left: -10px;
-    top: 10px;
+    top: 40px;
     color: gray;
 }
 .register_2 form span#birthday {
     color: gray;
     position: relative;
-    top: 10px;
+    top: 40px;
     left: 110px;
 }
 .register_2 form input#date {
@@ -139,7 +139,7 @@ body {
     background-color: rgb(255, 115, 0);
     color: white;
     position: relative;
-    top: 100px;
+    top: 118px;
     left: 340px;
 }
 .register_2 form input#submit:hover {
diff --git a/web/html/css/deletePeople_style.css b/web/html/css/deletePeople_style.css
index 282f487..38da74e 100644
--- a/web/html/css/deletePeople_style.css
+++ b/web/html/css/deletePeople_style.css
@@ -76,5 +76,4 @@ body {
 }
 .delete form input#submit:active {
     background-color: rgba(255, 115, 0, 0.3);
-    /* js写一个弹出确认框 显示老人名字和身份证号 */
 }
\ No newline at end of file
diff --git a/web/html/css/firstPage_style.css b/web/html/css/firstPage_style.css
index 20c5b77..23d0402 100644
--- a/web/html/css/firstPage_style.css
+++ b/web/html/css/firstPage_style.css
@@ -77,29 +77,30 @@ ul {
 .box2 {
     width: auto;
     height: auto;
-    /* background-color: yellow; */
     margin: 0 0 0 190px;
 }
 .box2 table tr td {
-    padding: 150px 50px 90px 0;
+    padding: 40px 50px 50px 0;
 }
 .box2 table tr td a {
-    color: papayawhip;
-    text-decoration-line: none;
-    font-size: 14px;
-    background-image: url("icons/房间.png");
+    background-image: url("icons/老人2.png");
     background-repeat: no-repeat;
     padding: 100px 90px 20px 100px;
     background-position: 70px 35px;
     background-size: 40%;
     margin: 0 0 0 5px;
-    /* background-color: yellow; */
 }
 .box2 table tr td a:hover {
-    background-image: url("icons/房间light.png");
+    background-image: url("icons/老人2light.png");
 }
 .box2 table tr td.last {
-    padding: 150px 0 90px 0;
+    padding: 40px 0 50px 0;
+}
+.box2 table tr td span {
+    color: rgba(255, 239, 213);
+    font-size: 14px;
+    padding: 0;
+    margin: 0 0 0 90px;
 }
 
 /* 纵向导航栏 */
@@ -115,13 +116,11 @@ ul {
 }
 .guide li#delete {
     margin: 60px 0;
-    /* background-color: yellow; */
 }
 .guide li a {
     text-decoration-line: none;
     color: white;
     padding: 16px 76px 20px 50px;
-    /* background-color: yellow; */
 }
 .guide li a:hover {
     background-color: rgba(248, 148, 66, 0.7);
diff --git a/web/html/css/icons/老人2.png b/web/html/css/icons/老人2.png
new file mode 100644
index 0000000000000000000000000000000000000000..89eb1c4e1f5db0fd831158fae3293d825c782c75
GIT binary patch
literal 2025
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

literal 0
HcmV?d00001

diff --git a/web/html/css/icons/老人2light.png b/web/html/css/icons/老人2light.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0039fa3e93ffc000c0673adcabead9c50e0e5b0
GIT binary patch
literal 2112
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

literal 0
HcmV?d00001

diff --git a/web/html/css/images/哭.png b/web/html/css/images/哭.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a7bbfb63c5dd9269cacd5c99005922b35005c5f
GIT binary patch
literal 16110
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

literal 0
HcmV?d00001

diff --git a/web/html/css/views_style.css b/web/html/css/views_style.css
index ce785f1..a854913 100644
--- a/web/html/css/views_style.css
+++ b/web/html/css/views_style.css
@@ -81,16 +81,51 @@ ul {
     position: absolute;
     top: 170px;
     left: 140px;
+    text-align: justify;
 }
-.info h2 {
-    padding: 0 0 0 20px;
-    color: rgb(255, 206, 166);
+.info button {
+    width: 50px;
+    height: 30px;
+    border-style: none;
+    border-radius: 2px;
+    color: white;
+    background-color: rgb(255, 183, 124);
+    outline: none;
+    position: absolute;
+    top: 30px;
+    left: 360px;
+}
+.info button:hover {
+    transform: translate(0,-1px);
+    -ms-transform: translate(0,-1px);
+    -webkit-transform: translate(0,-1px);
+    -o-transform: translate(0,-1px);
+    -moz-transform: translate(0,-1px);
+    box-shadow: 3px 3px 3px rgba(139, 139, 139, 0.8);
+}
+.info button:active {
+    background-color: rgba(255, 183, 124, 0.781);
+}
+.info h3 {
+    padding: 0 0 25px 0 ;
+    margin: 0;
 }
 .info span {
     position: relative;
     left: 20px;
-    padding: 10px 0 10px 0;
-    /* background-color: yellow; */
+    padding: 10px 70px 10px 0;
+}
+.info span#idCard {
+    margin-left: -15px; 
+}
+.info span#roomName {
+    margin-left: -15px; 
+}
+.info table {
+    margin-left:13px; 
+}
+.info td {
+    padding: 2px 5px 2px 5px;
 }
 
 /* 房间实况 */
@@ -124,7 +159,7 @@ ul {
     background-color: rgba(255, 255, 255, 0.5);
     position: absolute;
     top: 580px;
-    left: 640px;
+    left: 660px;
 }
 
 /* 心率 */
@@ -137,6 +172,16 @@ ul {
     left: 140px;
 }
 
+/* 血压 */
+.blood {
+    width: 450px;
+    height: 350px;
+    background-color: rgba(255, 255, 255, 0.5);
+    position: absolute;
+    top: 980px;
+    left: 660px;
+}
+
 /* 行动轨迹 */
 .track {
     width: 1150px;
@@ -144,5 +189,14 @@ ul {
     background-color: rgba(255, 255, 255, 0.5);
     position: absolute;
     top: 1380px;
-    left: 40px;
+    left: 55px;
+}
+
+
+/* 无数据替换样式 */
+.noData {
+    background-image: url("images/哭.png");
+    opacity: 0.5;
+    background-size: cover;
+    background-repeat: no-repeat;
 }
\ No newline at end of file
diff --git a/web/html/deletePeople.html b/web/html/deletePeople.html
index 944a912..dacf318 100644
--- a/web/html/deletePeople.html
+++ b/web/html/deletePeople.html
@@ -7,6 +7,8 @@
     <title>Old People Home - 老人注销</title>
     <link rel="icon" type="image/png" sizes="16x16" href="css/icons/favicon.png">
     <link rel="stylesheet" href="css/deletePeople_style.css">
+    <script src="js/deletePeople.js"></script>
+    <script src="../jquery/dist/jquery.min.js"></script>
 </head>
 <body>
     <div class="box1">
@@ -19,9 +21,9 @@
     </div>
     <div class="delete">
         <h2>注销老人</h2>
-        <form action="firstPage.html">
-            <input type="text" placeholder="请输入要注销的老人的ID"><br>
-            <input type="submit" value="OK" id="submit">
+        <form>
+            <input type="text" placeholder="请输入要注销的老人的ID" id="pId"><br>
+            <input type="button" value="OK" id="submit" onclick="deleteData()">
         </form>
     </div>
 </body>
diff --git a/web/html/firstPage.html b/web/html/firstPage.html
index d16ce2c..e975096 100644
--- a/web/html/firstPage.html
+++ b/web/html/firstPage.html
@@ -7,6 +7,9 @@
     <title>Old People Home</title>
     <link rel="icon" type="image/png" sizes="16x16" href="css/icons/favicon.png">
     <link rel="stylesheet" href="css/firstPage_style.css">
+    <script src="../jquery/dist/jquery.min.js"></script>
+    <script src="js/firstPage.js"></script>
+    
 </head>
 <body>
     <div class="box1">
@@ -27,40 +30,40 @@
             </li>
         </ul>
     </div>
-    <!-- js写一个空房间显示 -->
     <div class="box2">
         <table>
             <tr>
-                <td><a href="views.html">001</a></td>
-                <td><a href="#">002</a></td>
-                <td><a href="#">003</a></td>
-                <td class="last"><a href="#">004</a></td>
+                <td><a id="1" style="display: none" onclick="info1()" ></a><span id="s1"></span><div id="div1"></div></td>
+                <td><a id="2" style="display:  none" onclick="info2()"></a><span id="s2"></span><div id="div2"></div></td>
+                <td><a id="3" style="display:  none" onclick="info3()"></a><span id="s3"></span><div id="div3"></div></td>
+                <td class="last"><a id="4" style="display:  none" onclick="info4()"></a><span id="s4"></span><div id="div4"></div></td>
             </tr>
             <tr>
-                <td><a href="#">005</a></td>
-                <td><a href="#">006</a></td>
-                <td><a href="#">007</a></td>
-                <td class="last"><a href="#">008</a></td>
+                <td><a id="5" style="display:  none" onclick="info5()"></a><span id="s5"></span><div id="div5"></div></td>
+                <td><a id="6" style="display:  none" onclick="info6()"></a><span id="s6"></span><div id="div6"></div></td>
+                <td><a id="7" style="display:  none" onclick="info7()"></a><span id="s7"></span><div id="div7"></div></td>
+                <td class="last"><a id="8" style="display:  none" onclick="info8()"></a><span id="s8"></span><div id="div8"></div></td>
             </tr>
             <tr>
-                <td><a href="#">009</a></td>
-                <td><a href="#">010</a></td>
-                <td><a href="#">011</a></td>
-                <td class="last"><a href="#">012</a></td>
+                <td><a id="9" style="display:  none" onclick="info9()"></a><span id="s9"></span><div id="div9"></div></td>
+                <td><a id="10" style="display:  none" onclick="info10()"></a><span id="s10"></span><div id="div10"></div></td>
+                <td><a id="11" style="display:  none" onclick="info11()"></a><span id="s11"></span><div id="div11"></div></td>
+                <td class="last"><a id="12" style="display:  none" onclick="info12()"></a><span id="s12"></span><div id="div12"></div></td>
             </tr>
             <tr>
-                <td><a href="#">013</a></td>
-                <td><a href="#">014</a></td>
-                <td><a href="#">015</a></td>
-                <td class="last"><a href="#">016</a></td>
+                <td><a id="13" style="display:  none" onclick="info13()"></a><span id="s13"></span><div id="div13"></div></td>
+                <td><a id="14" style="display:  none" onclick="info14()"></a><span id="s14"></span><div id="div14"></div></td>
+                <td><a id="15" style="display:  none" onclick="info15()"></a><span id="s15"></span><div id="div15"></div></td>
+                <td class="last"><a id="16" style="display:  none" onclick="info16()"></a><span id="s16"></span><div id="div16"></div></td>
             </tr>
             <tr>
-                <td><a href="#">017</a></td>
-                <td><a href="#">018</a></td>
-                <td><a href="#">019</a></td>
-                <td class="last"><a href="#">020</a></td>
+                <td><a id="17" style="display:  none" onclick="info17()"></a><span id="s17"></span><div id="div17"></div></td>
+                <td><a id="18" style="display:  none" onclick="info18()"></a><span id="s18"></span><div id="div18"></div></td>
+                <td><a id="19" style="display:  none" onclick="info19()"></a><span id="s19"></span><div id="div19"></div></td>
+                <td class="last"><a id="20" style="display:  none" onclick="info20()"></a><span id="s20"></span><div id="div20"></div></td>
             </tr>
         </table>
+        <script src="js/firstPage.js"></script>
     </div>
     <div class="guide">
         <ul>
diff --git a/web/html/js/addPeople.js b/web/html/js/addPeople.js
index 9bb3f30..9664166 100644
--- a/web/html/js/addPeople.js
+++ b/web/html/js/addPeople.js
@@ -1,13 +1,35 @@
 function changeDiv() {
-  register_1 = document.getElementById("register_1")
-  register_2 = document.getElementById("register_2")
-  if(register_1.style.display == "block"&&register_2.style.display == "none"){
-    register_1.style.display = "none"
-    register_2.style.display = "block"
-    console.log(register_1.style.display)
-    }
-    else if(register_1.style.display == "none"&&register_2.style.display == "block") {
-      register_1.style.display = "block"
-      register_2.style.display = "none"
-    }
+        register_1 = document.getElementById("register_1");
+        register_2 = document.getElementById("register_2");
+        if(register_1.style.display == "block"&&register_2.style.display == "none"){
+          register_1.style.display = "none";
+          register_2.style.display = "block";
+          }
+        }
+
+function over(){        
+    $.ajax({
+        type: "POST",
+        url: "http://39.105.65.209:8080/parent/add",
+        data: {
+            parentAccount: $("#pAccount").val(),
+            parentPassword: $('#pPassword').val(),
+            parentName: $('#name').val(),
+            parentLongId: $('#cardId').val(),
+            parentSex: $('input:radio:checked').val(),
+            parentBirth: $('#date').val(),
+            parentRoomId: $('#roomId').val()
+        },
+        success: function(data){
+          alert('桥豆麻袋！')
+          window.location.href="firstPage.html";
+        },
+        error:function(){
+            alert('请求失败，请重试')
+            if(register_1.style.display == "none"&&register_2.style.display == "block"){
+              register_1.style.display = "block";
+              register_2.style.display = "none";
+              }
+        }
+    }); 
 }
\ No newline at end of file
diff --git a/web/html/js/deletePeople.js b/web/html/js/deletePeople.js
new file mode 100644
index 0000000..7b5298e
--- /dev/null
+++ b/web/html/js/deletePeople.js
@@ -0,0 +1,18 @@
+function deleteData(){
+    if(confirm('确定要注销ID为'+$('#pId').val()+'的老人吗？')){
+        $.ajax({
+            url: 'http://39.105.65.209:8080/parent/delete/'+$('#pId').val(),
+            type: 'delete',
+            success: function(data){
+                alert('删除成功');
+                window.location.href="firstPage.html";
+            },
+            error: function(){
+                alert('请求失败，请重试')
+            }
+        })
+    }
+    else{
+
+    }
+}
\ No newline at end of file
diff --git a/web/html/js/firstPage.js b/web/html/js/firstPage.js
new file mode 100644
index 0000000..00accb0
--- /dev/null
+++ b/web/html/js/firstPage.js
@@ -0,0 +1,90 @@
+count = [
+    document.getElementById('1'),
+    document.getElementById('2'),
+    document.getElementById('3'),
+    document.getElementById('4'),
+    document.getElementById('5'),
+    document.getElementById('6'),
+    document.getElementById('7'),
+    document.getElementById('8'),
+    document.getElementById('9'),
+    document.getElementById('10')]
+arrays = [
+    document.getElementById('s1'),
+    document.getElementById('s2'),
+    document.getElementById('s3'),
+    document.getElementById('s4'),
+    document.getElementById('s5'),
+    document.getElementById('s6'),
+    document.getElementById('s7'),
+    document.getElementById('s8'),
+    document.getElementById('s9'),
+    document.getElementById('s10')
+]
+infos = [
+    document.getElementById('div1'),
+    document.getElementById('div2'),
+    document.getElementById('div3'),
+    document.getElementById('div4'),
+    document.getElementById('div5'),
+    document.getElementById('div6'),
+    document.getElementById('div7'),
+    document.getElementById('div8'),
+    document.getElementById('div9'),
+    document.getElementById('div10')
+]
+$.ajax({
+    url:'http://39.105.65.209:8080/parent/list',
+    type:'get',
+    success:function (data) {
+        $.each(data,function(i,n){
+            count[i].style.display = "block";
+            $(arrays[i]).html(n.parentName);
+            $(infos[i]).html(n.parentId).hide();
+        });
+    },
+    error: function(){
+        alert('error')
+    }    
+});
+
+function info1(){
+    location.replace('views.html?parentId='+$('#div1').text());
+    // alert($('#div1').text());
+}
+function info2(){
+    location.replace('views.html?parentId='+$('#div2').text());
+    // alert($('#div2').text());
+}
+function info3(){
+    location.replace('views.html?parentId='+$('#div3').text());
+    // alert($('#div3').text());
+}
+function info4(){
+    location.replace('views.html?parentId='+$('#div4').text());
+    // alert($('#div4').text());
+}
+function info5(){
+    location.replace('views.html?parentId='+$('#div5').text());
+    // alert($('#div5').text());
+}
+function info6(){
+    location.replace('views.html?parentId='+$('#div6').text());
+    // alert($('#div6').text());
+}
+function info7(){
+    location.replace('views.html?parentId='+$('#div7').text());
+    // alert($('#div7').text());
+}
+function info8(){
+    location.replace('views.html?parentId='+$('#div8').text());
+    // alert($('#div8').text());
+}
+function info9(){
+    location.replace('views.html?parentId='+$('#div9').text());
+    // alert($('#div9').text());
+}
+function info10(){
+    location.replace('views.html?parentId='+$('#div10').text());
+    // alert($('#div10').text());
+}
\ No newline at end of file
diff --git a/web/html/js/login.js b/web/html/js/login.js
index 7fbf980..5376578 100644
--- a/web/html/js/login.js
+++ b/web/html/js/login.js
@@ -1,21 +1,23 @@
 function login(){
+    
+    var account1 = $("#account").val()
+    var password2 =  $('#password').val()
+   
     $.ajax({
-        url:'http://39.105.65.209:8080/admin/login',
-        type:'POST',
-        data:[{"account": "root"},{"password": "root"}],
-        success:function (data) {
-            // if(data){
-            //     var jsonArray =typeof data=='string' ?JSON.parse(data):data;
-            // }
-            // console.log(jsonArray);
-            // $.each(jsonArray, function(i, n){
-                
-            //      console.log(jsonArray[i])
-            // });
-           
-            // $('body').html(jsonArray[0]);
-            if(account=='root'&&password=='root')
-            $.open('html/firstPage.html');
+        type: "POST",
+        url: "http://39.105.65.209:8080/admin/login",
+        data: {
+            account: account1,
+            password: password2
+        },
+        success: function(datas){
+             
+            if(datas!=null){
+                window.location.href="html/firstPage.html";
+            }
+        },
+        error:function(){
+            alert('请求失败，请重试')            
         }
-    });
+    }); 
 }
\ No newline at end of file
diff --git a/web/html/js/views.js b/web/html/js/views.js
index 1e09d5a..f35d4c3 100644
--- a/web/html/js/views.js
+++ b/web/html/js/views.js
@@ -1,138 +1,519 @@
-// 步数折线图
-var dom = document.getElementById("walk");
-var myChart = echarts.init(dom);
-var app = {};
-option = null;
-option = {
-    title: {
-        text: '本周步数'
-        },
-        // hover效果
-    tooltip: {
-        trigger: 'axis'
-        },
-    xAxis: {
-        type: 'category',
-        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-    },
-    yAxis: {
-        type: 'value'
-    },
-    series: [{
-        data: [1820, 2932, 1901, 3934, 3290, 1330, 2320],
-        type: 'line'
-    }]
-};
-;
-if (option && typeof option === "object") {
-    myChart.setOption(option, true);
+// 解析firstPage传过来的参数
+
+                                    //search获得地址中的参数，内容为'?itemId=12'
+var paras = location.search;			
+                                    //match是字符串中符合的字段一个一个取出来，result中的值为['login=xx','table=admin']
+var result = paras.match(/[^\?&]*=[^&]*/g); 	
+                                    //让paras变成没有内容的json对象
+paras = {};					
+for(i in result){
+                                    //split()将一个字符串分解成一个数组,两次遍历result中的值分别为['itemId','xx']
+	var temp = result[i].split('=');	
+	paras[temp[0]] = temp[1];
 }
+                                    //根据参数名"itemId"，获取参数值
+var parentId1 = paras.parentId;     
+console.log(parentId1);
 
-// 睡眠饼状图
-var dom = document.getElementById("sleep");
-var myChart = echarts.init(dom);
-var app = {};
-option = null;
-app.title = '环形图';
 
-option = {
-    title: {
-        text: '睡眠情况'
-    },
-    // hover效果
-    tooltip: {
-        trigger: 'item',
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-    },
-    legend: {
-        orient: 'vertical',
-        x: 'right',
-        data:['深睡眠','浅睡眠','清醒']
-    },
-    series: [
-        {
-            name:'睡眠情况',
-            type:'pie',
-            radius: ['50%', '70%'],
-            avoidLabelOverlap: false,
-            label: {
-                normal: {
-                    show: false,
-                    position: 'center'
-                },
-                emphasis: {
-                    show: true,
-                    textStyle: {
-                        fontSize: '30',
-                        fontWeight: 'bold'
+setInterval(disp,1);
+function disp(){
+
+    $.ajax({
+        url:'http://39.105.65.209:8080/parent/get/'+parentId1,
+        type:'get',
+        success:function (data) {
+            $("#pName").html(data.parentName)
+            $('#idCard').html(data.parentLongId)
+            $('#roomName').html(data.parentRoom)
+            $('#pGender').html(data.parentSex)
+            $('#pBirth').html(data.parentBirth)
+            $('#pAccount').html(data.parentAccount)
+            $('#pPassword').html(data.parentPassword)
+            $('#pPhone').html(data.parentPhone)
+            $('#pHeight').html(data.parentHeight)
+            $('#pWeight').html(data.parentWeight)
+
+            $.ajax({
+                url: 'http://39.105.65.209:8080/child_parent/parent/'+parentId1,
+                type: 'get',
+                success: function(data2){
+                    $.each(data2,function(i,n){
+                        $('#cName').html(n.childName)
+                        $('#cGender').html(n.childSex)
+                        $('#cPhone').html(n.childPhone)
+                    })
+                    
+                    
+                    // 步数折线图初始化
+                    var walkTime = [];
+                    var walkCount = [];
+                    var cc = 0;
+                    // 睡眠饼状图初始化
+                    var date = new Date(); 
+                    var year = date.getFullYear();
+                    var month = date.getMonth()+1;
+                    var day = date.getDate();
+                    var hour = date.getHours();
+                    var minute = date.getMinutes();
+                    var second = date.getSeconds();
+                    var timetime = hour+':'+minute+':'+second;
+                    if(parseFloat(minute)>10){
+                        var pastMinute = parseFloat(minute)-10;
+                    }else{
+                        var pastMinute = 60-10+parseFloat(minute)
                     }
+                    var pastTime = hour+':'+pastMinute+':'+second;
+                    
+                    // console.log(timetime)
+                    if (month >= 1 && month <= 9) {
+                        month = "0" + month;
+                    }
+                    if (day >= 0 && day <= 9) {
+                        day = "0" + day;
+                    }
+                    var today = year+'-'+month+'-'+day;
+                    var lightSleep = [];
+                    var deepSleep = [];
+                    var awakeSleep = [];
+                    var dd = 0;
+                    // 心率折线图初始化
+                    var heartTime = [];
+                    var heartData = [];
+                    var ee = 0;
+
+                    // 房间实况图初始化
+                    var roomTemp = [];
+                    var roomWet = [];
+                    var roomIn = [];
+                    var roomTime = [];
+                    var ff = 0;
+
+                    // 血压折线图初始化
+                    var bloodTime = [];
+                    var bloodRate1 = [];
+                    var bloodRate2 = [];
+                    var bloodOxy = [];
+                    var gg = 0;
+
+                    // 轨迹图初始化
+                    var inTimex = [];
+                    var inTimey = [];
+                    var hh = 0;
+                    var names = [];
+                    var inTime = [];
+                    
+
+                    
+
+                        // console.log('刷刷刷')
+                        // console.log(heartData)
+                        
+                        // 步数折线图
+                        $.ajax({
+                            url: 'http://39.105.65.209:8080/motion/get/'+parentId1,
+                            type: 'get',
+                            success: function(count){
+                                $.each(count, function(i){
+                                    cc++
+                                    if(cc <= count.length ){
+                                        if (count[i].motionDate == today){
+                                            var dom = document.getElementById("walk");
+                                            var myChart = echarts.init(dom);
+                                            option = null;
+                                            // newData = newData + count[i].motionCount
+                                            walkTime.push(count[i].motionTime)                                      
+                                            walkCount.push(count[i].motionCount)
+                                            option = {
+                                                title: {
+                                                    text: '今日步数'
+                                                    },
+                                                    // hover效果
+                                                tooltip: {
+                                                    trigger: 'axis'
+                                                    },
+                                                xAxis: {
+                                                    type: 'category',
+                                                    data: walkTime
+                                                },
+                                                yAxis: {
+                                                    type: 'value'
+                                                },
+                                                series: {
+                                                    data: walkCount,
+                                                    type: 'line'
+                                                }
+                                            };
+
+                                            // console.log(count[i].motionDate)
+                                            ;
+                                            if (option && typeof option === "object") {
+                                                myChart.setOption(option, true);
+                                            }
+                                        }
+                                       
+                                        
+                                    }
+                                    else {
+                                        return;
+                                    }
+                                    
+                                })
+                                
+                            }
+                            
+                        })
+                        
+
+                        // 睡眠饼状图
+                        $.ajax({
+                            url: 'http://39.105.65.209:8080/sleep/get/'+parentId1,
+                            type: 'get',
+                            success: function(sleep){
+                                $.each(sleep, function(i){
+                                    dd++
+                                    if(dd <= sleep.length){
+                                        // console.log(sleep[i].date)
+                                        if(sleep[i].date == today){
+
+                                            var dom = document.getElementById("sleep");
+                                            var myChart = echarts.init(dom);
+                                            var app = {};
+                                            option = null;
+                                            app.title = '环形图';
+
+
+                                            lightSleep = parseFloat(sleep[i].lightTime) 
+                                            deepSleep = parseFloat(sleep[i].deepTime) 
+                                            awakeSleep = parseFloat(sleep[i].awakeTime) 
+                                            
+
+                                            // console.log(lightSleep)
+                                            // console.log(deepSleep)
+                                            // console.log(awakeSleep)
+                                            // console.log(typeof(lightSleep))
+
+                                            option = {
+                                                title: {
+                                                    text: '睡眠情况'
+                                                },
+                                                // hover效果
+                                                tooltip: {
+                                                    trigger: 'item',
+                                                    formatter: "{a} <br/>{b}: {c} ({d}%)"
+                                                },
+                                                legend: {
+                                                    orient: 'vertical',
+                                                    x: 'right',
+                                                    data:['深睡眠','浅睡眠','清醒']
+                                                },
+                                                series: [
+                                                    {
+                                                        name:'睡眠情况',
+                                                        type:'pie',
+                                                        radius: ['50%', '70%'],
+                                                        avoidLabelOverlap: false,
+                                                        label: {
+                                                            normal: {
+                                                                show: false,
+                                                                position: 'center'
+                                                            },
+                                                            emphasis: {
+                                                                show: true,
+                                                                textStyle: {
+                                                                    fontSize: '30',
+                                                                    fontWeight: 'bold'
+                                                                }
+                                                            }
+                                                        },
+                                                        labelLine: {
+                                                            normal: {
+                                                                show: false
+                                                            }
+                                                        },
+                                                        data: [
+                                                            {value: deepSleep, name: '深睡眠'},
+                                                            {value: lightSleep, name: '浅睡眠'},
+                                                            {value: awakeSleep, name: '清醒'}
+                                                        ]
+                                                    }
+                                                ]
+                                            };
+                                            ;
+                                            if (option && typeof option === "object") {
+                                                myChart.setOption(option, true);
+                                            }
+                                        }
+                                        
+                                    }
+                                })
+                            
+                            }
+                        })
+
+                        // 心率折线图
+                        $.ajax({
+                            url: 'http://39.105.65.209:8080/heartrate/get/'+parentId1,
+                            type: 'get',
+                            success: function(heart){
+                                $.each(heart, function(i){
+                                    ee++
+                                    if(ee <= heart.length){
+                                       s = heart[i].time;
+                                       newS = s.split(" ");
+                                        if(newS[0] == today){
+                                            // console.log('aaaaaaaaaaaaa')
+                                            var dom = document.getElementById("heart");
+                                            var myChart = echarts.init(dom);
+                                            var app = {};
+                                            option = null;
+                                            heartTime.push(newS[1])
+                                            heartData.push(heart[i].rate)
+                                            // console.log(newS[1])
+                                            // console.log(heart[i].rate)
+                                            option = {
+                                                title: {
+                                                    text: '心率折线图'
+                                                    },
+                                                    // hover效果
+                                                tooltip: {
+                                                    trigger: 'axis'
+                                                    },
+                                                xAxis: {
+                                                    type: 'category',
+                                                    data: heartTime
+                                                },
+                                                yAxis: {
+                                                    type: 'value'
+                                                },
+                                                series: [{
+                                                    data: heartData,
+                                                    type: 'line'
+                                                }]
+                                            };
+                                            ;
+                                            if (option && typeof option === "object") {
+                                                myChart.setOption(option, true);
+                                            }
+                                        }
+                                        
+                                    }
+                                    
+                                })
+                              
+                            }
+                        })
+
+
+                        // 房间实时状态折线图
+                        $.ajax({
+                            url: 'http://39.105.65.209:8080/rstate/get/1?start='+today+' '+pastTime+'&end='+today+' '+timetime,
+                            type: 'get',
+                            success: function(roomS){
+                                $.each(roomS, function(i){
+                                    // console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa')
+
+                                    ff++
+                                    if(ff <= roomS.length){
+                                        str = roomS[i].time;
+                                       newStr = str.split(" ");
+                                    //    console.log(newStr[1])
+                                       if(newStr[0] == today){
+                                            var dom = document.getElementById("roomState");
+                                            var myChart = echarts.init(dom);
+                                            var app = {};
+                                            roomTime.push(newStr[1])
+                                            roomTemp.push(parseFloat(roomS[i].temperature) )
+                                            roomWet.push(parseFloat(roomS[i].humidity) )
+                                            roomIn.push(parseFloat(roomS[i].isin) )
+
+                                            // console.log(newStr[1])
+                                            option = null;
+                                            option = {
+                                                title: {
+                                                    text: '房间实况'
+                                                },
+                                                tooltip: {
+                                                    trigger: 'axis'
+                                                },
+                                                legend: {
+                                                    data:['温度','湿度','是否有人']
+                                                },
+                                                xAxis: {
+                                                    type: 'category',
+                                                    boundaryGap: false,
+                                                    data: roomTime
+                                                },
+                                                yAxis: {
+                                                    type: 'value'
+                                                },
+                                                series: [
+                                                    {
+                                                        name:'温度',
+                                                        type:'line',
+                                                        data: roomTemp
+                                                    },
+                                                    {
+                                                        name:'湿度',
+                                                        type:'line',
+                                                        data: roomWet
+                                                    },
+                                                    {
+                                                        name:'是否有人',
+                                                        type:'line',
+                                                        data: roomIn
+                                                    }
+                                                ]
+                                            };
+                                            ;
+                                            if (option && typeof option === "object") {
+                                                myChart.setOption(option, true);
+                                            }
+                                       }
+                                    }
+                                })
+                            }
+                        })
+                        
+
+                        // 血压折线图
+                        $.ajax({
+                            url: 'http://39.105.65.209:8080/heartrate/get/'+parentId1,
+                            type: 'get',
+                            success: function(bloodData){
+                                $.each(bloodData, function(i){
+                                    gg++
+                                    if(gg <= bloodData.length){
+                                        strb = bloodData[i].time;
+                                       newStrb = strb.split(" ");
+                                    //    console.log(newStr[1])
+                                       if(newStrb[0] == today){
+                                            var dom = document.getElementById("blood");
+                                            var myChart = echarts.init(dom);
+                                            var app = {};
+                                            bloodTime.push(newStrb[1])
+                                            bloodRate1.push(parseFloat(bloodData[i].rate1) )
+                                            bloodRate2.push(parseFloat(bloodData[i].rate2) )
+                                            bloodOxy.push(parseFloat(bloodData[i].oxy) )
+
+                                            // console.log(newStr[1])
+                                            option = null;
+                                            option = {
+                                                title: {
+                                                    text: '今日血压'
+                                                },
+                                                tooltip: {
+                                                    trigger: 'axis'
+                                                },
+                                                legend: {
+                                                    data:['收缩压','舒张压','血液含氧量']
+                                                },
+                                                xAxis: {
+                                                    type: 'category',
+                                                    boundaryGap: false,
+                                                    data: bloodTime
+                                                },
+                                                yAxis: {
+                                                    type: 'value'
+                                                },
+                                                series: [
+                                                    {
+                                                        name:'收缩压',
+                                                        type:'line',
+                                                        data: bloodRate1
+                                                    },
+                                                    {
+                                                        name:'舒张压',
+                                                        type:'line',
+                                                        data: bloodRate2
+                                                    },
+                                                    {
+                                                        name:'血液含氧量',
+                                                        type:'line',
+                                                        data: bloodOxy
+                                                    }
+                                                ]
+                                            };
+                                            ;
+                                            if (option && typeof option === "object") {
+                                                myChart.setOption(option, true);
+                                            }
+                                       }
+                                    }
+                                })
+                            }
+                        })
+                    
+                    
+                        // 轨迹图
+
+                        $.ajax({
+                        url: 'http://39.105.65.209:8080/location/get/'+parentId1,
+                        type: 'get',
+                        success: function(trackData){
+                            $.each(trackData, function(i){
+                                hh++
+                                names = hh
+                                //  console.log(names)
+                                if(hh <= trackData.length){
+                                    
+                                            strt = trackData[i].time;
+                                            newStrt = strt.split(" ");
+                                            if(newStrt[0] == today){
+                                                var map = new BMap.Map("track");          // 创建地图实例  
+                                                var point = new BMap.Point(112.44183, 38.01419);  // 创建点坐标  
+                                                map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别  
+
+                                                trackData[i].longitude
+                                                var polyline = new BMap.Polyline([
+                                            new BMap.Point(parseFloat(trackData[i].longitude) , parseFloat( trackData[i].latitude)),
+                                            // new BMap.Point(112.452, 38.014)
+                                            ],
+                                        {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5}
+                                        );
+                                                var polyline = new BMap.Polyline([
+                                                    new BMap.Point(112.444, 38.0116),
+                                                    new BMap.Point(112.455, 38.0107),
+                                                    new BMap.Point(112.455, 38.0107),
+                                                    new BMap.Point(112.455, 38.0107),
+                                                    new BMap.Point(112.452,38.0128),
+                                                    new BMap.Point(112.444, 38.0116)
+                                                    ],
+                                                    
+                                                    {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5}
+                                                    );
+                                                map.addOverlay(polyline);
+                                                map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
+                                       
+                                    }
+                                }
+                            })
+                        }
+                    })    
+                            
+                        
+                  
+
+                    
                 }
-            },
-            labelLine: {
-                normal: {
-                    show: false
-                }
-            },
-            data:[
-                {value:5, name:'深睡眠'},
-                {value:3, name:'浅睡眠'},
-                {value:1, name:'清醒'},
-            ]
+            });    
+        },
+        error: function(){
+            alert('遇到错误了啊喂')
         }
-    ]
-};
-;
-if (option && typeof option === "object") {
-    myChart.setOption(option, true);
+    });
 }
 
-// 心率折线图
-var dom = document.getElementById("heart");
-var myChart = echarts.init(dom);
-var app = {};
-option = null;
-option = {
-    title: {
-        text: '心率折线图'
-        },
-        // hover效果
-    tooltip: {
-        trigger: 'axis'
-        },
-    xAxis: {
-        type: 'category',
-        data: ['06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00', '01:00', '02:00', '03:00', '04:00', '05:00']
-    },
-    yAxis: {
-        type: 'value'
-    },
-    series: [{
-        data: [76, 56, 68, 79, 67, 76, 57, 68, 86, 68, 78, 76, 58, 97, 57, 76, 78, 87, 67, 77, 58, 95, 59, 86],
-        type: 'line'
-    }]
-};
-;
-if (option && typeof option === "object") {
-    myChart.setOption(option, true);
-}
 
-// 行动轨迹
-var map = new BMap.Map("track");          // 创建地图实例  
-var point = new BMap.Point(112.44183, 38.01419);  // 创建点坐标  
-map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别  
-map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
-
-var geolocation = new BMap.Geolocation();
-// 开启SDK辅助定位
-geolocation.enableSDKLocation();
-geolocation.getCurrentPosition(function(r){
-	if(this.getStatus() == BMAP_STATUS_SUCCESS){
-		var mk = new BMap.Marker(r.point);
-		map.addOverlay(mk);
-		map.panTo(r.point);
-		alert('您的位置：'+r.point.lng+','+r.point.lat);
-	}
-	else {
-		alert('failed'+this.getStatus());
-	}        
-});
\ No newline at end of file
+// 修改资料卡
+function modify(){
+    // $('<input>').replaceAll("#pNme")
+    // alert('修改修改')
+    // $.ajax({
+    //     url: 'http://39.105.65.209:8080/parent/update/'+parentId1,
+    //     type: 'post',
+    //     data: {
+    //         // parentName: $("#pName").val()
+    //     },
+    // })
+}
\ No newline at end of file
diff --git a/web/html/views.html b/web/html/views.html
index fef668e..a9d25fb 100644
--- a/web/html/views.html
+++ b/web/html/views.html
@@ -7,8 +7,9 @@
     <title>Old People Home - 查看</title>
     <link rel="icon" type="image/png" sizes="16x16" href="css/icons/favicon.png">
     <link rel="stylesheet" href="css/views_style.css">
+    <script src="../jquery/dist/jquery.min.js"></script>
 </head>
-<body>
+<body onload="disp()">
     <div class="box1">
         <span class="upper">O</span>
         <span class="lower">ld</span>
@@ -27,34 +28,40 @@
             </li>
         </ul>
     </div>
-    <div class="info">
-        <h2>老人资料卡</h2>
-        <span>身份证号码</span><br>
-        <span>姓名</span><br>
-        <span>性别</span><br>
-        <span>生日</span><br>
-        <span>账号</span><br>
-        <span>电话</span><br>
-        <span>亲属</span>
+    <div class="info" >
+        <h3>老人资料卡</h3>
+        <!-- <button id="modify" onclick="modify()">修改</button> -->
+        <span>姓名:</span><span class="text" id="pName"></span><br>
+        <span>身份证:</span><span class="text" id="idCard"></span><br>
+        <span>房间号:</span><span class="text" id="roomName"></span><br>
+        <span>性别:</span><span class="text" id="pGender"></span><br>
+        <span>生日:</span><span class="text" id="pBirth"></span><br>
+        <span>账号:</span><span class="text" id="pAccount"></span><br>
+        <span>密码:</span><span class="text" id="pPassword"></span><br>
+        <span>电话:</span><span class="text" id="pPhone"></span><br>
+        <span>身高:</span><span class="text" id="pHeight"></span><br>
+        <span>体重:</span><span class="text" id="pWeight"></span><br>
+        <span>亲属:</span>
         <table>
             <tr>
-                <td>姓名</td>
-                <td>关系</td>
-                <td>联系电话</td>
+                <td>姓名</td></span>
+                <td>性别</td></span>
+                <td>联系电话</td></span>
+            </tr>
+            <tr>
+                <td id="cName"></td>
+                <td id="cGender"></td>
+                <td id="cPhone"></td>
             </tr>
         </table>
     </div>
-    <div class="room">
-        <h2>房间实况</h2>
-        <span>温度</span><br>
-        <span>湿度</span><br>
-        <span>是否有人</span><br>
-        <span>时间</span>
-    </div>
+    
+    <div class="room" id="roomState"></div>
     <div class="walk" id="walk"></div>
     <div class="sleep" id="sleep"></div>
     <div class="heart" id="heart"></div>
     <div class="track" id="track"></div>
+    <div class="blood" id="blood"></div>
     <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
     <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
     <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
diff --git a/web/login.html b/web/login.html
index ca56467..7772b20 100644
--- a/web/login.html
+++ b/web/login.html
@@ -16,10 +16,10 @@
         <div>
             <p id="title_1">管理员登录</p>
             <div>
-                <form id="name" >
-                    <input type="text" name="account" placeholder="用户名" autofocus required="required"><br><br><br>
-                    <input type="password" name="password" placeholder="密码" required="required"><br><br><br>
-                    <input type="submit" id="submit" value="OK" onclick="login()">
+                <form id="name" method="POST">
+                    <input id="account" type="text" name="account" placeholder="用户名" autofocus required="required"><br><br><br>
+                    <input id="password" type="password" name="password" placeholder="密码" required="required"><br><br><br>
+                    <input type="button" id="submit" value="OK" onclick="login()">
                 </form>
             </div>
         </div>

001	002	003	004
005	006	007	008
009	010	011	012
013	014	015	016
017	018	019	020