<template>
  <div class="wrap">
    <el-row :gutter="20">
      <el-col :span="18">
        <task-card />
        <div class="page-content">
          <el-row :gutter="20">
            <el-col :span="8">
              <task-charts />
            </el-col>
            <el-col :span="16">
              <task-list/>
            </el-col>
          </el-row>
        </div>
        <div>
          <follow-up-echarts/>
        </div>
      </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 taskCard from './taskCard/taskCard'; // 今日任务
  import taskCharts from './taskCharts/taskCharts'; // 待办任务
  import followUpEcharts from './followUpEcharts/followUpEcharts'; // 随访任务
  import taskList from './taskList/taskList'; // 任务列表
  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%;
    .page-content {
      background-color: #ffffff;
      margin: 15px;
      padding: 15px;
      border-radius: 10px;
      margin-right: 0px;
    }
  }
</style>