irc_web/.svn/pristine/ca/ca94d72652a002e82b07e884f17...

71 lines
1.9 KiB
Plaintext

<template>
<div>
<el-tabs v-model="activeTab" @tab-click="handleClick">
<el-tab-pane label="全部" name="/dictionary/newDictionary/list">
<dictList v-if="activeTab == '/dictionary/newDictionary/list'" />
</el-tab-pane>
<el-tab-pane label="下拉框字典" name="/dictionary/newDictionary/select">
<dictSelect v-if="activeTab == '/dictionary/newDictionary/select'" />
</el-tab-pane>
<el-tab-pane label="枚举字典" name="/dictionary/newDictionary/enum">
<dictEnum v-if="activeTab == '/dictionary/newDictionary/enum'" />
</el-tab-pane>
<el-tab-pane label="布尔字典" name="/dictionary/newDictionary/bool">
<dictBool v-if="activeTab == '/dictionary/newDictionary/bool'" />
</el-tab-pane>
<el-tab-pane label="字典类型配置" name="/dictionary/newDictionary/config">
<dictConfig v-if="activeTab == '/dictionary/newDictionary/config'" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import dictList from './list/index'
import dictSelect from './select/index'
import dictEnum from './enum/index'
import dictBool from './bool/index'
import dictConfig from './setting/index'
export default {
components: {
dictList, dictSelect, dictEnum, dictBool, dictConfig
},
data() {
return {
activeTab: '/dictionary/newDictionary/list'
}
},
created() {
},
methods: {
handleClick(tab) {
}
}
}
</script>
<style lang="scss">
.trial-detail{
height: 100%;
// box-sizing: border-box;
// overflow-y: auto;
.el-tabs{
height: 100%;
display: flex;
flex-direction: column;
.el-tabs__header {
margin: 0;
height: 40px;
}
.el-tabs__content{
flex: 1;
.el-tab-pane{
height: 100%;
overflow-y: auto;
box-sizing: border-box;
}
}
}
}
</style>