From 9c1d7af7438eee86477858d029f3d786bd10d443 Mon Sep 17 00:00:00 2001
From: WorldOneTwo <2197248717>
Date: Sat, 16 Apr 2022 14:47:04 +0800
Subject: [PATCH] =?UTF-8?q?master=E7=AC=AC=E5=8D=81=E4=B9=9D=E6=AC=A1?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4-=E7=99=BB=E9=99=86=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E6=B5=81=E7=A8=8B=E8=A7=A3=E5=86=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HealthMonitoringSystemApplication.java    |   2 -
 vuepart/src/components/Header.vue             |  40 +++
 vuepart/src/components/LoginYin.vue           |  18 --
 vuepart/src/components/RegisterforDoctor.vue  |  19 +-
 vuepart/src/components/RegisterforUser.vue    |  27 +-
 vuepart/src/components/RegisterforWorker.vue  |  16 +-
 vuepart/src/router/index.js                   |   6 +
 vuepart/src/views/AboutView.vue               |   1 +
 vuepart/src/views/HomeView.vue                | 257 +++++++++++++++++-
 9 files changed, 344 insertions(+), 42 deletions(-)
 create mode 100644 vuepart/src/components/Header.vue
 delete mode 100644 vuepart/src/components/LoginYin.vue

diff --git a/src/main/java/com/example/HealthMonitoringSystemApplication.java b/src/main/java/com/example/HealthMonitoringSystemApplication.java
index 6842217..0143e8a 100644
--- a/src/main/java/com/example/HealthMonitoringSystemApplication.java
+++ b/src/main/java/com/example/HealthMonitoringSystemApplication.java
@@ -11,6 +11,4 @@ public class HealthMonitoringSystemApplication {
     public static void main(String[] args) {
         SpringApplication.run(HealthMonitoringSystemApplication.class, args);
     }
-
-    public void hello(){return "hello test"}
 }
diff --git a/vuepart/src/components/Header.vue b/vuepart/src/components/Header.vue
new file mode 100644
index 0000000..cd3b76b
--- /dev/null
+++ b/vuepart/src/components/Header.vue
@@ -0,0 +1,40 @@
+<template>
+  <div style="height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;display: flex">
+    <div style="width: 200px;padding-left: 30px;font-weight: bold;color: aquamarine">后台管理</div>
+    <div style="flex: 1"></div>
+    <div style="width: 100px">
+      <el-dropdown>
+    <span class="el-dropdown-link">
+     <br>张三
+      <el-icon class="el-icon--right">
+        <arrow-down />
+      </el-icon>
+    </span>
+        <template #dropdown>
+          <el-dropdown-menu>
+
+            <el-dropdown-item @click="check_self_info">个人信息</el-dropdown-item>
+            <el-dropdown-item @click="quit">退出系统</el-dropdown-item>
+<!--            <el-dropdown-item>Action 3</el-dropdown-item>-->
+<!--            <el-dropdown-item disabled>Action 4</el-dropdown-item>-->
+<!--            <el-dropdown-item divided>Action 5</el-dropdown-item>-->
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+  methods:{
+    quit(){
+      this.$router.replace({path: '/'});
+    },
+    check_self_info(){
+
+    }
+  },
+  name: "Header"
+}
+</script>
diff --git a/vuepart/src/components/LoginYin.vue b/vuepart/src/components/LoginYin.vue
deleted file mode 100644
index 1e497b2..0000000
--- a/vuepart/src/components/LoginYin.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-<el-button @click.native="user">注册</el-button>
-</template>
-
-<script>
-export default {
-  name: "Login",
-  methods: {
-    user:function (){
-      this.$router.replace({path: '/user'});
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/vuepart/src/components/RegisterforDoctor.vue b/vuepart/src/components/RegisterforDoctor.vue
index 5f78e88..ae7137c 100644
--- a/vuepart/src/components/RegisterforDoctor.vue
+++ b/vuepart/src/components/RegisterforDoctor.vue
@@ -21,16 +21,22 @@
   <div class="ReMain" style="height: 800px; display: flex">
     <div class="box-for-user" style="padding-left: 100px; padding-right: 0px;">
       <div class="div"><h3>用户名：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入用户名" class="form-input" v-model="username" @input="change($event)"></el-input>
       <div class="div"><h3>密码：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入密码" class="form-input" v-model="password" @input="change($event)"></el-input>
       <div class="div"><h3>确认密码：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请确认密码" class="form-input" v-model="confirm" @input="change($event)"></el-input>
       <div class="div"><h3>手机号：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入手机号" class="form-input" v-model="phonenumber" @input="change($event)"></el-input>
       <div class="div"><h3>身份证号：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入身份证号" class="form-input" v-model="userid" @input="change($event)"></el-input>
       <div class="div"><h3>地址：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入地址" class="form-input" v-model="address" @input="change($event)"></el-input>
       <div>
         <el-radio-group v-model="gender">
@@ -40,6 +46,9 @@
         </el-radio-group>
       </div>
       <div class="div"><h3>请上传您的医师资格证：</h3></div>
+      <el-icon></el-icon>
+      <el-icon></el-icon>
+      <el-icon></el-icon>
       <el-upload
           class="upload-demo"
           action=""
@@ -95,8 +104,8 @@ export default {
       username:"",
       password:"",
       confirm:"",
-      phonenumber:0,
-      userid:0,
+      phonenumber:"",
+      userid:"",
       address:""
     }
   },
@@ -115,7 +124,9 @@ export default {
     },
     submitReg(){
       if(this.password == this.confirm){request.post('/',{
-        username:this.username,password:this.password,phonenumber:this.phonenumber,userid:this.userid,address:this.address,gender:this.gender})}
+        username:this.username,password:this.password,phonenumber:this.phonenumber,userid:this.userid,address:this.address,gender:this.gender})
+        this.$router.replace({path: '/'});
+      }
       else {
         this.fault=true
       }
@@ -129,7 +140,7 @@ export default {
   position: relative;
   display: flex;
   flex-direction: column;
-  height: 720px;
+  height: 900px;
   width: 600px;
 }
 .register-for-user {
diff --git a/vuepart/src/components/RegisterforUser.vue b/vuepart/src/components/RegisterforUser.vue
index 0ac0a40..e7b9d3e 100644
--- a/vuepart/src/components/RegisterforUser.vue
+++ b/vuepart/src/components/RegisterforUser.vue
@@ -3,24 +3,32 @@
 <div class="ReMain" style="height: 800px; display: flex">
   <div class="box-for-user" style="padding-left: 100px; padding-right: 0px;">
     <div class="div"><h3>用户名：</h3></div>
+    <el-icon></el-icon>
     <el-input placeholder="请输入用户名" class="form-input" v-model="username" @input="change($event)"></el-input>
     <div class="div"><h3>密码：</h3></div>
+    <el-icon></el-icon>
     <el-input placeholder="请输入密码" class="form-input" v-model="password" @input="change($event)"></el-input>
     <div class="div"><h3>确认密码：</h3></div>
+    <el-icon></el-icon>
     <el-input placeholder="请确认密码" class="form-input" v-model="confirm" @input="change($event)"></el-input>
     <div class="div"><h3>手机号：</h3></div>
+    <el-icon></el-icon>
     <el-input placeholder="请输入手机号" class="form-input" v-model="phonenumber" @input="change($event)"></el-input>
     <div class="div"><h3>身份证号：</h3></div>
+    <el-icon></el-icon>
     <el-input placeholder="请输入身份证号" class="form-input" v-model="userid" @input="change($event)"></el-input>
     <div class="div"><h3>地址：</h3></div>
+    <el-icon></el-icon>
     <el-input placeholder="请输入地址" class="form-input" v-model="address" @input="change($event)"></el-input>
+    <el-icon></el-icon>
     <div>
-      <el-radio-group v-model="gender">
+      <el-radio-group v-model="gender" style="height: 40px">
         <el-radio :label="man">男</el-radio>
         <el-radio :label="woamn">女</el-radio>
-        <el-radio :label="unkown">未知</el-radio>
+        <el-radio :label="unknown">未知</el-radio>
       </el-radio-group>
     </div>
+    <el-icon></el-icon>
     <el-popover
         ref="popover"
         placement="right"
@@ -41,11 +49,6 @@
 </div>
 </template>
 
-
-
-
-
-
 <script>
 import { ElMessage } from 'element-plus'
 import { ArrowDown } from '@element-plus/icons-vue'
@@ -62,8 +65,8 @@ export default {
         username: " ",
         password: "",
         confirm: "",
-        phonenumber: 0,
-        userid: 0,
+        phonenumber: "",
+        userid: "",
         address: "",
         gender:"",
         fault:false
@@ -83,7 +86,9 @@ export default {
     },
     submitReg(){
       if(this.password == this.confirm){request.post('/regUser',{
-        userid:this.userid,username:this.username,password:this.password,phonenumber:this.phonenumber,address:this.address,gender:this.gender})}
+        userid:this.userid,username:this.username,password:this.password,phonenumber:this.phonenumber,address:this.address,gender:this.gender})
+        this.$router.replace({path: '/'});
+      }
       else {
         this.fault=true
       }
@@ -97,7 +102,7 @@ export default {
   position: relative;
   display: flex;
   flex-direction: column;
-  height: 720px;
+  height: 900px;
   width: 600px;
 }
 .register-for-user {
diff --git a/vuepart/src/components/RegisterforWorker.vue b/vuepart/src/components/RegisterforWorker.vue
index d99f186..436a028 100644
--- a/vuepart/src/components/RegisterforWorker.vue
+++ b/vuepart/src/components/RegisterforWorker.vue
@@ -3,16 +3,22 @@
   <div class="ReMain" style="height: 800px; display: flex">
     <div class="box-for-user" style="padding-left: 100px; padding-right: 0px;">
       <div class="div"><h3>用户名：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入用户名" class="form-input" v-model="username" @input="change($event)"></el-input>
       <div class="div"><h3>密码：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入密码" class="form-input" v-model="password" @input="change($event)"></el-input>
       <div class="div"><h3>确认密码：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请确认密码" class="form-input" v-model="confirm" @input="change($event)"></el-input>
       <div class="div"><h3>手机号：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入手机号" class="form-input" v-model="phonenumber" @input="change($event)"></el-input>
       <div class="div"><h3>身份证号：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入身份证号" class="form-input" v-model="userid" @input="change($event)"></el-input>
       <div class="div"><h3>社区名：</h3></div>
+      <el-icon></el-icon>
       <el-input placeholder="请输入社区名" class="form-input" v-model="communityname" @input="change($event)"></el-input
       >
       <div>
@@ -84,8 +90,8 @@ export default {
       username: " ",
       password: "",
       confirm: "",
-      phonenumber: 0,
-      userid: 0,
+      phonenumber: "",
+      userid: "",
       gender:"",
       communityname:"",
       fault:false
@@ -107,7 +113,9 @@ export default {
     },
     submitReg(){
       if(this.password == this.confirm){request.post('/',{
-        username:this.username,password:this.password,phonenumber:this.phonenumber,userid:this.userid,gender:this.gender,communityname:this.communityname})}
+        username:this.username,password:this.password,phonenumber:this.phonenumber,userid:this.userid,gender:this.gender,communityname:this.communityname})
+        this.$router.replace({path: '/'});
+      }
       else {
         this.fault=true
       }
@@ -121,7 +129,7 @@ export default {
   position: relative;
   display: flex;
   flex-direction: column;
-  height: 720px;
+  height: 900px;
   width: 600px;
 }
 .register-for-user {
diff --git a/vuepart/src/router/index.js b/vuepart/src/router/index.js
index 17e3c89..6eae6b7 100644
--- a/vuepart/src/router/index.js
+++ b/vuepart/src/router/index.js
@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import LoginView from "@/views/LoginView";
 import RegiseterView from '@/views/RegisterView';
+import RegisterforDoctor from "@/components/RegisterforDoctor";
 
 const routes = [
   {
@@ -14,6 +15,11 @@ const routes = [
     name: 'home',
     component: HomeView
   },
+  {
+    path:'/test',
+    name: 'test',
+    component: RegisterforDoctor
+  },
   {
     path: '/about',
     name: 'about',
diff --git a/vuepart/src/views/AboutView.vue b/vuepart/src/views/AboutView.vue
index c8955bc..e2990ed 100644
--- a/vuepart/src/views/AboutView.vue
+++ b/vuepart/src/views/AboutView.vue
@@ -1,4 +1,5 @@
 <template>
+
   <div class="about">
     <h1>This is an about page</h1>
 
diff --git a/vuepart/src/views/HomeView.vue b/vuepart/src/views/HomeView.vue
index 757a68e..f773004 100644
--- a/vuepart/src/views/HomeView.vue
+++ b/vuepart/src/views/HomeView.vue
@@ -1,17 +1,268 @@
 <template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
+  <div>
+    <Header/>
+  </div>
+  <div style="display: flex">
+    <div>
+        <el-col>
+          <h5 class="mb-2">欢迎使用，祝您身体健康</h5>
+          <el-menu
+              style="width: 200px;min-height: calc(100vh - 50px)"
+              default-active="2"
+              class="el-menu-vertical-demo"
+          ><!--          @open="handleOpen"-->
+            <!--          @close="handleClose"-->
+            <el-sub-menu index="1" >
+              <template #title >
+                <el-icon><location /></el-icon>
+                <span style="height: 80px"><h3>我的消息</h3></span>
+              </template>
+              <el-menu-item-group>
+                <el-menu-item index="1-1">社区消息</el-menu-item>
+                <el-menu-item index="1-2">系统消息</el-menu-item>
+              </el-menu-item-group>
+            </el-sub-menu>
+            <el-menu-item index="2" style="height: 80px;background: #FFA500">
+              <el-icon><icon-menu /></el-icon>
+              <span style="color: black"><h3>健康上报</h3></span>
+            </el-menu-item>
+            <el-sub-menu index="3">
+              <template #title>
+                <el-icon><location /></el-icon>
+                <span style="height: 80px"><h3>联系人</h3></span>
+              </template>
+              <el-menu-item-group>
+                <el-menu-item index="1-1">联系人1</el-menu-item>
+                <el-menu-item index="1-2">联系人2</el-menu-item>
+                <el-menu-item index="1-3">联系人3</el-menu-item>
+                <el-menu-item index="1-4">联系人4</el-menu-item>
+              </el-menu-item-group>
+            </el-sub-menu>
+            <el-menu-item index="4">
+              <el-icon><setting /></el-icon>
+              <span style="height: 80px" @click="overviewcase"><h3>我的病例</h3></span>
+            </el-menu-item>
+          </el-menu>
+        </el-col>
+    </div>
+    <div style="padding: 50px;flex: 1" v-show= "case" >
+      <!--    功能区域-->
+      <div style="margin: 10px;display: flex">
+        <el-button type="primary" @click="add">
+          新增
+        </el-button>
+        <el-button type="primary">
+          删除
+        </el-button>
+        <el-button type="primary">
+          导出
+        </el-button>
+      </div>
+      <!--    搜索区域-->
+      <div style="margin: 10px">
+        <el-input v-model="search" placeholder="Please input" style="width: 150px"/>
+        <el-button type="primary">查询</el-button>
+      </div>
+      <el-table :data="tableData" stripe style="width: 100%" >
+        <el-table-column prop="id" label="ID" sortable/>
+        <el-table-column prop="username" label="用户名" />
+        <el-table-column prop="nickname" label="昵称" />
+        <el-table-column prop="age" label="年龄" />
+        <el-table-column prop="sex" label="性别" />
+        <el-table-column prop="address" label="地址" />
+        <el-table-column label="Operations">
+          <template #default="scope">
+            <el-button @click="handleEdit(scope.$index, scope.row)">Edit</el-button>
+            <el-popconfirm title="Are you sure to delete this?">
+              <template #reference>
+                <el-button >Delete</el-button>
+              </template>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+          :currentPage="currentPage"
+          :page-size="pageSize"
+          :page-sizes="[5,10,20]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+      />
+      <el-dialog v-model="dialogVisible" title="Tips" width="30%">
+        <el-form :model="form" label-width="120px">
+          <el-form-item label="用户名">
+            <el-input v-model="form.username" />
+          </el-form-item>
+          <el-form-item label="昵称">
+            <el-input v-model="form.nickname" />
+          </el-form-item>
+          <el-form-item label="年龄">
+            <el-input v-model="form.age" />
+          </el-form-item>
+          <el-form-item label="性别">
+            <el-radio v-model="form.sex" label="男" size="large">男</el-radio>
+            <el-radio v-model="form.sex" label="女" size="large">女</el-radio>
+            <el-radio v-model="form.sex" label="未知" size="large">未知</el-radio>
+          </el-form-item>
+          <el-form-item label="地址">
+            <el-input type="textarea" v-model="form.address" />
+          </el-form-item>
+        </el-form>
+        <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible=false">取消</el-button>
+        <el-button type="primary" @click="save">确定</el-button>
+      </span>
+        </template>
+      </el-dialog>
+  </div>
+
+<!--    <el-table :data="tableData" style="width: 900px">-->
+<!--      <el-table-column label="Date" prop="date">-->
+<!--        <template #default="scope">-->
+<!--          <div style="display: flex; align-items: center">-->
+<!--            <el-icon><timer /></el-icon>-->
+<!--            <span style="margin-left: 10px">{{ scope.row.date }}</span>-->
+<!--          </div>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="Name" prop="name">-->
+<!--        <template #default="scope">-->
+<!--          <el-popover effect="light" trigger="hover" placement="top" width="auto">-->
+<!--            <template #default>-->
+<!--              <div>name: {{ scope.row.name }}</div>-->
+<!--              <div>address: {{ scope.row.address }}</div>-->
+<!--            </template>-->
+<!--            <template #reference>-->
+<!--              <el-tag>{{ scope.row.name }}</el-tag>-->
+<!--            </template>-->
+<!--          </el-popover>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="Operations">-->
+<!--        <template #default="scope">-->
+<!--          <el-button size="small" @click="handleEdit(scope.$index, scope.row)"-->
+<!--          >Edit</el-button-->
+<!--          >-->
+<!--          <el-button-->
+<!--              size="small"-->
+<!--              type="danger"-->
+<!--              @click="handleDelete(scope.$index, scope.row)"-->
+<!--          >Delete</el-button-->
+<!--          >-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--    </el-table>-->
+
   </div>
 </template>
 
 <script>
-// @ is an alias to /src
 
+import request from "@/utils/request";
+import Header from "@/components/Header";
 
 export default {
   name: 'HomeView',
   components: {
+    Header
+  },
+  created() {
+    this.load()
+  },
+  data(){
+    return{
+      form:{},
+      dialogVisible:false,
+      search:'',
+      currentPage:1,
+      pageSize:10,
+      total:0,
+      tableData:[],
+      case:false
+    }
+  },
+  methods:{
+    overviewcase(){
+      this.case=true
+    },
+    load(){
+      request.get("/user",{
+        pageNum:this.currentPage,
+        pageSize:this.pageSize,
+        search:this.search
+      }).then(res=>{
+        console.log(res)
+        this.tableData=res.data.records
+      })
+    },
+    add(){
+      this.dialogVisible=true
+      this.form={}
+    },
+    save(){
+      request.post("/user",this.form).then(res=>{
+        //理论应该为http//9090/user但是仍有跨域限制，需要用到vue.config.js解决
+        //后台接口/user，由request.js文件绑定成jason值，并将后台访问结果放在res中
+        this.dialogVisible=false
+        this.load()
+        //拿到返回结果
+        console.log(res)
+      })
+    },
+    handleEdit(){
+
+    },
+    handleSizeChange(){
 
+    },
+    handleCurrentChange(){
+
+    }
+    // handleDelete(){
+    //
+    // }
   }
 }
 </script>
+<!--<script lang="ts" setup>-->
+<!--import { Timer } from '@element-plus/icons-vue'-->
+
+<!--interface User {-->
+<!--  date: string-->
+<!--  name: string-->
+<!--  address: string-->
+<!--}-->
+
+<!--const handleEdit = (index: number, row: User) => {-->
+<!--  console.log(index, row)-->
+<!--}-->
+<!--const handleDelete = (index: number, row: User) => {-->
+<!--  console.log(index, row)-->
+<!--}-->
+
+<!--const tableData: User[] = [-->
+<!--  {-->
+<!--    date: '2016-05-03',-->
+<!--    name: 'Tom',-->
+<!--    address: 'No. 189, Grove St, Los Angeles',-->
+<!--  },-->
+<!--  {-->
+<!--    date: '2016-05-02',-->
+<!--    name: 'Tom',-->
+<!--    address: 'No. 189, Grove St, Los Angeles',-->
+<!--  },-->
+<!--  {-->
+<!--    date: '2016-05-04',-->
+<!--    name: 'Tom',-->
+<!--    address: 'No. 189, Grove St, Los Angeles',-->
+<!--  },-->
+<!--  {-->
+<!--    date: '2016-05-01',-->
+<!--    name: 'Tom',-->
+<!--    address: 'No. 189, Grove St, Los Angeles',-->
+<!--  },-->
+<!--]-->
+<!--</script>-->
\ No newline at end of file
-- 
GitLab