<template>
    <el-tabs tab-position="left" class="db-design" style="height: 100%;">
        <el-tab-pane label="常用表" style="height: 100%;">
            <abap-table/>
        </el-tab-pane>
        <el-tab-pane label="表连接" style="height: 100%;">
            <abap-table-link/>
        </el-tab-pane>
        <el-tab-pane label="表条件" style="height: 100%;">
            <abap-table-condition/>
        </el-tab-pane>
        <el-tab-pane label="常用SQL" style="height: 100%;">
            <abap-sql/>
        </el-tab-pane>
        <el-tab-pane label="SAP自建表" style="height: 100%;">
            <abap-custom-table/>
        </el-tab-pane>
        <el-tab-pane label="文档历史表" style="height: 100%;">
            <abap-doc-history/>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    import AbapTable from './AbapTable'
    import AbapTableLink from './AbapTableLink'
    import AbapTableCondition from './AbapTableCondition'
    import AbapSql from './AbapSql'
    import AbapCustomTable from './AbapCustomTable'
    import AbapDocHistory from './AbapDocHistory'
    import {hasPermission} from 'ap-util/util/LoginUserUtil'

    export default {
        name: 'ConfigPanel',
        components: {
            AbapTable,
            AbapTableLink,
            AbapTableCondition,
            AbapSql,
            AbapCustomTable,
            AbapDocHistory
        },
        methods:{
        }
    }
</script>

<style scoped>
    .db-design /deep/ .el-tabs__header.is-left {
        margin-right: 0px !important;
    }

    .db-design /deep/ .el-tabs__content {
        height: 100% !important;
    }
</style>
