<template>
    <div class="default-main">
        <el-tabs type="border-card" v-model.trim="activeName">
            <el-tab-pane label="拓扑图模版" name="1">
                <Gplot v-if="activeName == '1'" />
            </el-tab-pane>
            <el-tab-pane label="稳态事件推送" name="2">
                <SteadyStateEvent v-if="activeName == '2'" />
            </el-tab-pane>
            <el-tab-pane label="运行告警" name="3">
                <AlarmConfig v-if="activeName == '3'" />
            </el-tab-pane>
            <el-tab-pane label="数据范围" name="4">
                <ScopeConfig v-if="activeName == '4'" />
            </el-tab-pane>
            <el-tab-pane label="统计指标" name="5">
                <StatisticalType v-if="activeName == '5'" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Gplot from '@/views/govern/manage/gplot/index.vue'
import SteadyStateEvent from '@/views/govern/alarm/steadyStateEvent/index.vue'
import AlarmConfig from '@/views/govern/alarm/alarmConfig/index.vue'
import ScopeConfig from '@/views/govern/alarm/scopeConfig/index.vue'
import StatisticalType from '@/views/govern/setting/statisticalType/index.vue'
import { mainHeight } from '@/utils/layout'
defineOptions({
    name: 'RuntimeConfiguration'
})
const activeName = ref('1')
const layout = mainHeight(80)
</script>

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