<template>
  <div class="template-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="样本库" name="first">
        <search />
      </el-tab-pane>
      <el-tab-pane label="医生管理" name="second">
        <doctor />
      </el-tab-pane>
      <el-tab-pane label="eCRF管理" name="third">
        <eCrf />
      </el-tab-pane>
      <el-tab-pane label="受试者管理" name="fourth">
        <patientSubject />
      </el-tab-pane>
      <el-tab-pane label="日志" name="five">
        <operateLog />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import search from './patient-search/index'
import doctor from './doctor/index'
import eCrf from './ecrf/index'
import patientSubject from './patient-subject/index'
import operateLog from './log/index'

export default {
  components: { doctor, search, eCrf, patientSubject, operateLog },
  data() {
    return {
      activeName: 'first'
    }
  },
  mounted() {
  },
  methods: {
    handleClick() {

    }
  }
}
</script>

<style lang='scss' scoped>
.template-container {
  height: 100%;
}
.el-tabs--top{
  height: 100%;
}
::v-deep .el-tab-pane{
  height: 100%;
}
::v-deep .el-tabs__content{
  height: calc(100% - 50px);
}
</style>
