<!-- 工作台 -->
<template>
  <div class="app-container workbench">
    <div class="page-container workbenchPage scrollbar-box">
      <!-- 用户信息卡片 -->
      <user-info-card/>
      <!-- 工作台任务卡片 -->
      <task-card/>
      <!-- 实验室安全素养资源卡 -->
      <resource-card/>
    </div>
  </div>
</template>

<script>
  import { itoOrVideoLimits, } from '@/utils/index'
  import UserInfoCard from './UserInfoCard.vue'
  import TaskCard from './TaskCard.vue'
  import ResourceCard from './ResourceCard.vue'

  export default {
    name: 'index',
    components: {
      UserInfoCard,
      TaskCard,
      ResourceCard,
    },
    data() {
      return {

      }
    },
    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>
