<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-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 { mainHeight } from '@/utils/layout'
defineOptions({
    name: 'govern/cloudDeviceEntry'
})
const activeName = ref('1')
const layout = mainHeight(80)
</script>

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