<template>
    <div class="default-main apf">
        <el-tabs type="border-card" v-model="activeName">
            <el-tab-pane label="治理设备" name="1">
                <governance v-if="activeName == '1'" />
            </el-tab-pane>
            <el-tab-pane label="前置" name="2">
                <front v-if="activeName == '2'" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'

import front from './components/front.vue'
import governance from './components/governance.vue'
defineOptions({
    name: 'govern/log/debug'
})
const activeName = ref('1')

</script>
<style lang="scss" scoped>
:deep(.cn-tree) {
    padding: 0 10px 0 0 !important;
}
</style>
