<template>
  <div>
    <Header/>
  </div>
  <div style="display: flex">
    <div>
      <ei-col>
        <h5 style="color: aquamarine">欢迎使用，祝您身体健康！</h5>
        <!--侧边栏-->
        <el-menu
            style="width: 200px;min-height: calc(100vh - 130px)"
            default-active="1"
            clss="el-menu-vertical-demo"
            >
          <el-menu-item index="1">
            <span><h3 style="color: black" @click="view_model='PatientBreviary'">患者</h3></span>
          </el-menu-item>
          <el-menu-item index="2">
            <span><h3 style="color: black" @click="view_model='Abnormal'">今日异常</h3></span>
          </el-menu-item>
          <el-menu-item index="3">
            <span><h3 style="color: black" @click="view_model='NotReported'">今日未上报</h3></span>
          </el-menu-item>
          <el-menu-item index="4">
            <span><h3 style="color: black" @click="view_model='Check'">信息审核</h3></span>
          </el-menu-item>
        </el-menu>
      </ei-col>
    </div>

    <!--右侧区域-->
    <PatientBreviary v-if="view_model=='PatientBreviary'" style="flex: 1;padding: 50px"/>
    <Abnormal v-if="view_model=='Abnormal'" style="flex: 1;padding: 50px"/>
    <NotReported v-if="view_model=='NotReported'" style="flex: 1;padding: 50px"/>
    <Check v-if="view_model=='Check'" style="flex: 1;padding: 50px"/>

  </div>
</template>

<script>
import Header from "@/components/Header";
import PatientBreviary from "@/components/PatientBreviary";
import Abnormal from "@/components/Abnormal";
import NotReported from "@/components/NotReported";
import Check from "@/components/Check";
export default {
  name: "HomeForWorker",
  components: {Check, NotReported, Abnormal, PatientBreviary, Header},
  created() {
    this.view_model='message'
  },
  data(){
    return{
      view_model:"message"
    }
  },
  methods:{
    add(){
      this.dialogVisible=true
      this.form={}
    },
    handleEditor(){

    }
  }
}
</script>

<style>

</style>