irc_web/src/views/trials/trials-panel/trial-summary/data-sync/index.vue

40 lines
832 B
Vue

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