| | |
| | | <template> |
| | | <div class="file-handling"> |
| | | <div class="capacity-scope"> |
| | | <el-tabs type="border-card" v-model="activeName" style="height: 100%;"> |
| | | <el-tab-pane :label="item.name" :name="item.component" v-for="(item, index) in tabList" :key="index" |
| | | style="height: 100%;"> |
| | | <component :is="item.component" :key="item.component"></component> |
| | | <component :is="item.component" :key="item.component" v-if="activeName === item.component"></component> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | import FileChangeRequest from './components/FileChangeRequest.vue' |
| | | import FileObsoletionRequest from './components/FileObsoletionRequest.vue' |
| | | export default { |
| | | name: 'DocumentControl', |
| | | components: { |
| | | FileList, |
| | | ControlledFileApplication, |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .file-handling { |
| | | margin-top: 10px; |
| | | height: calc(100% - 20px); |
| | | } |
| | | |
| | | >>>.el-tabs__content { |
| | | height: 100%; |
| | | padding: 0; |
| | | padding-top: 10px; |
| | | } |
| | | </style> |