<template>
    <div class="default-main">
        <el-tabs type="border-card" v-model.trim="activeName">
            <el-tab-pane label="物联设备" name="1">
                <Factory v-if="activeName == '1'" />
            </el-tab-pane>
            <el-tab-pane label="监测设备" name="2">
                <Monitor v-if="activeName == '2'" />
            </el-tab-pane>
            <el-tab-pane label="设备模板" name="3">
                <Template v-if="activeName == '3'" />
            </el-tab-pane>
            <el-tab-pane label="设备版本" name="4">
                <ProgramVersion v-if="activeName == '4'" />
            </el-tab-pane>
            <el-tab-pane label="设备字典" name="5">
                <Dictionary v-if="activeName == '5'" />
            </el-tab-pane>
            <el-tab-pane label="文件管理" name="6">
                <FileService v-if="activeName == '6'" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Factory from '@/views/govern/manage/factory.vue'
import Monitor from './components/monitoring.vue'
import Template from '@/views/govern/manage/basic/template.vue'
import ProgramVersion from '@/views/govern/manage/programVersion/index.vue'
import Dictionary from '@/views/govern/manage/basic/dictionary.vue'
import FileService from '@/views/govern/device/fileService/index.vue'
import { mainHeight } from '@/utils/layout'
defineOptions({
    name: 'govern/cloudDeviceEntry'
})
const activeName = ref('1')
const layout = mainHeight(80)
</script>

<style lang="scss" scoped></style>
