<template>
    <div class="default-main">
        <el-tabs type="border-card" v-model="activeName">
            <el-tab-pane label="营销用户" name="1"><Disposition v-if="activeName == '1'" /></el-tab-pane>
            <el-tab-pane label="正式用户" name="2"><OfficialUser v-if="activeName == '2'" /></el-tab-pane>
            <el-tab-pane label="游客" name="3"><Tourist v-if="activeName == '3'" /></el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
import Disposition from '@/views/govern/device/disposition/index.vue'
import OfficialUser from '@/views/govern/device/officialUser/index.vue'
import Tourist from '@/views/govern/device/tourist/index.vue'
const activeName = ref('1')
defineOptions({
    name: 'permission'
})
</script>
<style lang="scss" scoped>
:deep(.el-tabs--border-card > .el-tabs__content) {
    padding: 0px;
}
</style>
