<!-- 数据统计 -->
<template>
  <div class="app-container dataStatistics">
    <div class="page-container dataStatisticsPage scrollbar-box">
      <!-- 考试情况统计 -->
      <exam-situation/>
      <!-- 实验室与人员匹配 -->
      <lab-person-match/>
      <!-- 学时统计 -->
      <study-hour-stats/>
    </div>
  </div>
</template>
<script>
  import ExamSituation from './ExamSituation.vue'
  import LabPersonMatch from './LabPersonMatch.vue'
  import StudyHourStats from './StudyHourStats.vue'
  export default {
    name: 'index',
    components: {
      ExamSituation,
      LabPersonMatch,
      StudyHourStats,
    },
    data() {
      return {

      }
    },
    created() {

    },
    mounted() {

    },
    methods: {

    }
  }
</script>
<style scoped lang="scss">
  .dataStatistics {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .dataStatisticsPage {
      padding: 16px;
      background: #f5f7fa;
      overflow-y: scroll !important;
      display: flex;
      flex-direction: column;
    }
  }
</style>
