<!-- 工作台 -->
<template>
  <div class="app-container workbench">
    <div class="page-container workbenchPage scrollbar-box" v-if="pageType === 1">
      <!-- 用户信息卡片 -->
      <user-info-card/>
      <!-- 工作台任务卡片 -->
      <task-card/>
      <!-- 实验室安全素养资源卡 -->
      <resource-card/>
      <!-- 实验室绑定申请 -->
      <lab-binding-apply/>
      <!-- 考试情况统计 -->
      <exam-situation/>
      <!-- 实验室与人员匹配 -->
      <lab-person-match/>
      <!-- 学时统计 -->
      <study-hour-stats/>
    </div>
  </div>
</template>

<script>
  import UserInfoCard from './UserInfoCard.vue'
  import TaskCard from './TaskCard.vue'
  import ResourceCard from './ResourceCard.vue'
  import LabBindingApply from './LabBindingApply.vue'
  import ExamSituation from './ExamSituation.vue'
  import LabPersonMatch from './LabPersonMatch.vue'
  import StudyHourStats from './StudyHourStats.vue'

  export default {
    name: 'index',
    components: {
      UserInfoCard,
      TaskCard,
      ResourceCard,
      LabBindingApply,
      ExamSituation,
      LabPersonMatch,
      StudyHourStats,
    },
    data() {
      return {
        pageType: 1,
      }
    },
    created() {

    },
    mounted() {

    },
    methods: {

    },
  }
</script>

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