<!-- 工作台 -->
<template>
  <div class="app-container workbench">
    <div class="page-container workbenchPage scrollbar-box" v-if="pageType === 1">
      <!-- 用户信息卡片 -->
      <user-info-card />

      <!-- 工作台任务卡片 -->
      <task-card />

      <!-- 实验室安全素养资源卡 -->
      <resource-card />

      <!-- 安监室/实验室安全分布表 + 考试成绩统计 -->
      <exam-stats-card />

      <!-- 实验室管与人员图 -->
      <safety-person-chart />

      <!-- 学期统计 -->
      <student-stats />
    </div>
  </div>
</template>

<script>
  import UserInfoCard from './UserInfoCard.vue'
  import TaskCard from './TaskCard.vue'
  import ResourceCard from './ResourceCard.vue'
  import ExamStatsCard from './ExamStatsCard.vue'
  import SafetyPersonChart from './SafetyPersonChart.vue'
  import StudentStats from './StudentStats.vue'

  export default {
    name: 'index',
    components: {
      UserInfoCard,
      TaskCard,
      ResourceCard,
      ExamStatsCard,
      SafetyPersonChart,
      StudentStats,
    },
    data() {
      return {
        pageType: 1,
      }
    },
    created() {

    },
    mounted() {

    },
    methods: {

    },
  }
</script>

<style scoped lang="scss">
  .workbench {
    .workbenchPage {
      padding: 16px;
      background: #f5f7fa;
      min-height: 100vh;
      overflow-y: scroll !important;
    }
  }
</style>
