<template>
    <el-tabs tab-position="left" class="sys-config">
        <el-tab-pane label="企业微信" class="sys-config-tab">
            <sys-config-qywx/>
        </el-tab-pane>
        <el-tab-pane label="Dify" class="sys-config-tab">
            <sys-config-dify/>
        </el-tab-pane>
<!--        <el-tab-pane label="短信服务" class="sys-config-tab">-->
<!--            <sys-config-sms/>-->
<!--        </el-tab-pane>-->
        <el-tab-pane label="其他" class="sys-config-tab">
            <sys-config-other/>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
import SysConfigSms from './SysConfigSms'
import SysConfigOther from './SysConfigOther'
import SysConfigQywx from './SysConfigQywx'
import SysConfigDify from './SysConfigDify'

export default {
    name: 'SysConfig',
    components: {
        SysConfigSms,
        SysConfigOther,
        SysConfigQywx,
        SysConfigDify
    }
}
</script>

<style scoped>
.sys-config {
    height: 100%;
}

.sys-config /deep/ .el-tabs__header.is-left {
    margin-right: 0px !important;
    padding: 10px 0 10px 10px;
}

.sys-config /deep/ .el-tabs__content {
    height: 100% !important;
}

.sys-config /deep/ .el-tabs__nav-wrap {
    background-color: white;
}

.sys-config-tab {
    height: 100%;
}
</style>
