From 0c431dbe47075ba93cc6022a31712cbf74c4b0e6 Mon Sep 17 00:00:00 2001
From: Zhangyao <3538764418@qq.com>
Date: Fri, 22 Dec 2023 20:45:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=81=A5=E5=BA=B7=E6=95=99=E8=82=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/health.js              |  30 ++++
 src/api/trees.js               |  14 ++
 src/router/index.js            |  24 +++
 src/store/modules/user.js      |   4 +-
 src/views/dashboard/index.vue  |   2 +-
 src/views/healthList/index.vue | 279 +++++++++++++++++++++++++++++++++
 src/views/login/index.vue      |   4 +-
 src/views/trees/index.vue      |  90 +++++++++++
 8 files changed, 442 insertions(+), 5 deletions(-)
 create mode 100644 src/api/health.js
 create mode 100644 src/api/trees.js
 create mode 100644 src/views/healthList/index.vue
 create mode 100644 src/views/trees/index.vue

diff --git a/src/api/health.js b/src/api/health.js
new file mode 100644
index 0000000..411a53d
--- /dev/null
+++ b/src/api/health.js
@@ -0,0 +1,30 @@
+import request from '@/utils/request'
+
+export function healthList(data) {
+  return request({
+    url: '/health/health/list',
+    method: 'post',
+    data
+  })
+}
+export function healthAdd(data) {
+  return request({
+    url: '/health/health/addHealth',
+    method: 'post',
+    data
+  })
+}
+export function healthUpdate(data) {
+  return request({
+    url: '/health/health/updateHealth',
+    method: 'post',
+    data
+  })
+}
+export function healthDelete(healthId) {
+  return request({
+    url: '/health/health/deleteHealth?healthId='+healthId,
+    method: 'post'
+  })
+}
+
diff --git a/src/api/trees.js b/src/api/trees.js
new file mode 100644
index 0000000..70f1ad5
--- /dev/null
+++ b/src/api/trees.js
@@ -0,0 +1,14 @@
+import request from '@/utils/request'
+
+export function tree() {
+  return request({
+    url: '/trees/tress/selectOne',
+    method: 'post'
+  })
+}
+export function trees() {
+  return request({
+    url: '/trees/tress/selectTwo',
+    method: 'post'
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 13459e9..a7c6bdf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -89,6 +89,30 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/healthList',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'HealthList',
+        component: () => import('@/views/healthList/index'),
+        meta: { title: 'HealthList', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/trees',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Trees',
+        component: () => import('@/views/trees/index'),
+        meta: { title: 'trees', icon: 'form' }
+      }
+    ]
+  },
 
   {
     path: '/nested',
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 6861d98..d510308 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -55,8 +55,8 @@ const actions = {
 
         const { username, avatar } = data
 
-        commit('SET_NAME', name)
-        commit('SET_AVATAR', username)
+        commit('SET_NAME', username)
+        commit('SET_AVATAR', avatar)
         resolve(data)
       }).catch(error => {
         reject(error)
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 33e5ab6..1e97749 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -8,7 +8,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
-  name: 'Dashboard',
+   name: 'Dashboard',
   computed: {
     ...mapGetters([
       'name'
diff --git a/src/views/healthList/index.vue b/src/views/healthList/index.vue
new file mode 100644
index 0000000..260f415
--- /dev/null
+++ b/src/views/healthList/index.vue
@@ -0,0 +1,279 @@
+<template>
+  <center>
+    <div>
+      <el-form :inline="true" :model="health" class="demo-form-inline">
+        <el-form-item label="健康教育标题">
+          <el-input v-model="health.healthTitle" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="onSubmit">查询</el-button>
+        </el-form-item>
+      </el-form>
+    <div style="width: 100%">
+      <template>
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          height="500">
+          <el-table-column
+
+            prop="healthId"
+            label="健康教育ID"
+            width="150">
+          </el-table-column>
+          <el-table-column
+            prop="healthTitle"
+            label="健康教育标题"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="healthContent"
+            label="内容"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="healthDate"
+            label="发布时间"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="username"
+            label="发布人"
+            width="300">
+          </el-table-column>
+          <el-table-column label="操作">
+            <template slot-scope="scope">
+              <el-button type="text" @click="handlerClient(scope.row)">点击修改</el-button>
+              <el-button size="mini" type="danger"@click="handleDelete(scope.row.healthId)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+      <div>
+        <el-dialog
+          title="提示"
+          :visible.sync="dialogVisible"
+          width="30%"
+          :before-close="handleCloses">
+          <el-form ref="formone" :model="formone" label-width="80px">
+            <el-form-item label="标题">
+              <el-input v-model="formone.healthTitle"></el-input>
+            </el-form-item>
+            <el-form-item label="内容">
+              <el-input v-model="formone.healthContent"></el-input>
+            </el-form-item>
+            <el-form-item label="发布时间">
+              <el-input v-model="formone.healthDate"></el-input>
+            </el-form-item>
+          </el-form>
+          <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handlerSubmit">确 定</el-button>
+          </span>
+        </el-dialog>
+      </div>
+
+      <div class="block">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="health.pageNum"
+          :page-sizes="[2, 3, 5, 7]"
+          :page-size=health.pageSize
+          layout="sizes, prev, pager, next"
+          :total=total>
+        </el-pagination>
+      </div>
+
+
+      <el-button type="text" @click="dialog = true">注入健康数据</el-button>
+      <el-drawer
+        title=" 注入健康教育 !"
+        :before-close="handleClose"
+        :visible.sync="dialog"
+        direction="ltr"
+        custom-class="demo-drawer"
+        ref="drawer"
+      >
+        <div class="demo-drawer__content">
+          <h1>发布人 :{{ name }}</h1>
+          <el-form :model="form">
+            <el-form-item label="健康教育标题" :label-width="formLabelWidth">
+              <el-input v-model="form.healthTitle" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="教育健康内容" :label-width="formLabelWidth">
+              <el-input v-model="form.healthContent" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="发布时间" :label-width="formLabelWidth">
+              <el-input v-model="form.healthDate" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-form>
+
+          <div class="demo-drawer__footer">
+            <el-button @click="cancelForm">取 消</el-button>
+            <el-button type="primary" @click="$refs.drawer.closeDrawer()" :loading="loading">{{ loading ? '注入中 ...' : '确 定' }}</el-button>
+          </div>
+        </div>
+      </el-drawer>
+    </div>
+    </div>
+
+  </center>
+
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {healthAdd, healthDelete, healthList, healthUpdate} from "@/api/health";
+import {mapGetters} from "vuex";
+
+export default {
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+
+      return {
+        dialogVisible: false,
+        centerDialogVisible: false,
+        dialog: false,
+        loading: false,
+        tableData:[],
+        health:{
+          pageNum:1,
+          pageSize:2
+        },
+        total:0,
+        form: {},
+        formLabelWidth:"120px",
+        timer:null,
+        formone:{}
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {
+      ...mapGetters([
+        'name'
+      ])
+    },
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+
+      list() {
+        healthList(this.health).then(
+          res => {
+            console.log(res)
+            this.tableData = res.data.list
+            this.total = res.data.total
+          }
+        )
+      },
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`)
+        this.health.pageSize = val
+        this.list()
+      },
+      handleCurrentChange(val) {
+        console.log(`当前页: ${val}`)
+        this.health.pageNum = val
+        this.list()
+      },
+      handleClose(done) {
+        if (this.loading) {
+          return;
+        }
+        this.$confirm('确定要提交表单吗？')
+          .then(_ => {
+            this.loading = true;
+            this.timer = setTimeout(() => {
+              done();
+              // 动画关闭需要一定的时间
+              setTimeout(() => {
+                this.loading = false;
+              }, 400);
+            }, 2000);
+            healthAdd(this.form)
+          })
+          .catch(_ => {
+          });
+      },
+      cancelForm() {
+        this.loading = false;
+        this.dialog = false;
+        clearTimeout(this.timer);
+      },
+      onSubmit(){
+        healthList(this.health).then(
+          res => {
+            console.log(res)
+            this.tableData = res.data.list
+            this.total = res.data.total
+          }
+        )
+      },
+
+      handleCloses(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            done();
+          })
+          .catch(_ => {
+          });
+      },
+      handlerClient(healthValues) {
+        console.log(healthValues)
+        this.formone = healthValues
+        this.dialogVisible = true
+      },
+      handlerSubmit() {
+        healthUpdate(this.formone).then(
+          res => {
+            alert(res.msg)
+          }
+        )
+        this.dialogVisible = false
+      },
+      /*删除*/
+      handleDelete(healthId) {
+        healthDelete(healthId).then(
+          res => {
+            console.log(res)
+            alert(res.msg)
+            this.list()
+          }
+        )
+      },
+
+    },
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created: function () {
+    this.list()
+    this.form.healthDate = new Date().getFullYear() + "-" + new Date().getMonth() + "-" + new Date().getDay()
+    this.formone=this.health
+  },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index ae4145e..aa9b0a6 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -51,8 +51,8 @@
       </el-form-item>
 
       <el-button :loading="loading" type="primary" style="width:30%;margin-bottom:30px;" @click.native.prevent="handleLogin">登录</el-button>
-      <el-button :loading="loading" type="primary" style="width:30%;margin-bottom:30px;" @click="dialogFormVisible = true">注册</el-button>
-      <el-button :loading="loading"  type="primary" style="width:30%;margin-bottom:30px;" @click="From = true">找回密码</el-button>
+      <el-button  type="primary" style="width:30%;margin-bottom:30px;" @click="dialogFormVisible = true">注册</el-button>
+      <el-button   type="primary" style="width:30%;margin-bottom:30px;" @click="From = true">找回密码</el-button>
       <div class="tips">
         <span style="margin-right:20px;">username: admin</span>
         <span> password: any</span>
diff --git a/src/views/trees/index.vue b/src/views/trees/index.vue
new file mode 100644
index 0000000..fdff1e7
--- /dev/null
+++ b/src/views/trees/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <div>
+    <div style="width: 100%">
+    <template style="width: 100%"
+              height="500">
+      <el-table :data="tableData" stripe style="width: 100%">
+        <el-table-column prop="id" label="编号" width="180"></el-table-column>
+        <el-table-column prop="treesName" label="名称" width="180"></el-table-column>
+      </el-table>
+    </template>
+    </div>
+
+    <el-tree :data="tree" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {tree,trees} from "@/api/trees";
+
+export default {
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+
+      return {
+        tableData:[],
+        tree: [],
+        defaultProps: {
+          children: 'children',
+          label: 'treesName'
+        }
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      list(){
+        tree().then(
+          res=>{
+            console.log(res)
+            this.tableData = res.data
+          }
+        )
+      },
+      treeslist() {
+        trees().then(
+          res => {
+            console.log(res)
+            this.tree = res.data
+          }
+        )
+      },
+      handleNodeClick(tree) {
+        console.log('- - - '+JSON.stringify(tree));
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+      this.list()
+      this.treeslist()
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>