<template>
  <el-tabs class="data-sync-tabs" type="border-card" tab-position="left" v-model="activeTab" >
    <el-tab-pane label="检查列表" name="study">
      <StudyList v-if="activeTab === 'study'" :dataFileType="1"/>
    </el-tab-pane>
    <el-tab-pane label="其他" name="other">
      <StudyList v-if="activeTab === 'other'" :dataFileType="2"/>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import StudyList from './components/StudyList'
export default {
  name: 'DataSync',
  components: {
    StudyList
  },
  data(){
    return {
      activeTab: 'study'
    }
  }
}
</script>
<style lang="scss">
.data-sync-tabs{
  height: 100%;
  background-color: #fff;
  .el-tabs__header {
    height: 100%;
  }
  .el-tabs__content {
    height: 100%;
    overflow: auto;
  }
  .el-tab-pane {
    height: 100%;
  }
}
</style>