<template>
    <div class="wrap">
      <el-row :gutter="20">
        <el-col :span="18">
          <el-row :gutter="20">
            <el-col :span="12">
                <!-- 个人工作量 -->
                <workload class="page-content"/>
                <!-- 任务列表 -->
                <task-list class="page-content"/>
            </el-col>
            <el-col :span="12">
                <!-- 本周任务 -->
                <task-week class="page-content"/>
            </el-col>
          </el-row>
          <el-row :gutter="20" class="page-content" style="margin-left: 10px; margin-top: 0px;">
            <el-col :span="10">
                <!-- 本月任务 -->
                <taskmonth/>
            </el-col>
            <el-col :span="14">
                <!-- 月随访图表 -->
                <workload-echarts/>
            </el-col>
          </el-row>
        </el-col>
        <el-col :span="6">
          <!-- 个人信息 -->
          <person-info/>
          <!-- 我的应用 -->
          <mine-apps/>
          <!-- 我的日程 -->
          <mine-schedule/>
          <!-- 通知公告 -->
          <announcement/>
        </el-col>
      </el-row>
  
  
    </div>
  </template>
  <script setup>
    import { onMounted, ref } from 'vue';
    import workload from './workload/workload'; // 个人工作量
    import taskList from './taskList/taskList'; // 任务列表
    import taskWeek from './taskWeek/taskWeek'; // 本周任务
    import taskmonth from './taskmonth/taskmonth'; // 本月任务
    import workloadEcharts from './workloadEcharts/workloadEcharts'; // 月随访图表

    import personInfo from './personInfo/personInfo'; // 个人信息
    import mineApps from './mineApps/mineApps'; // 我的应用
    import mineSchedule from './mineSchedule/mineSchedule'; // 我的日程
    import announcement from './announcement/announcement'; // 通知公告
    
  
  
    onMounted(() => {
  
    })
  
  </script>
  
  <style scoped lang="scss">
    .wrap {
      background-color: #EFEFEF;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      .page-content {
        background-color: #ffffff;
        margin: 15px;
        padding: 15px;
        border-radius: 10px;
        margin-right: 0px;
        
  
      }
    }
  </style>