<template>
    <div class="default-main" :style="{ height: pageHeight.height }">


        <el-tabs v-model="activeTab" type="border-card">
            <el-tab-pane label="图表" name="chart">
                <chart  v-if="activeTab === 'chart'"/>
            </el-tab-pane>
            <el-tab-pane label="报表" name="report">
                <report  v-if="activeTab === 'report'"/>

            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { mainHeight } from '@/utils/layout'
import chart from './components/chart.vue'
import report from './components/report.vue'

defineOptions({
    name: 'govern/analyze/steadyState'
})

const pageHeight = mainHeight(20)
const activeTab = ref('chart')

</script>

<style scoped lang="scss">
:deep(.el-tabs__content) {

    padding: 0;
}
</style>
