admin-govern/src/views/dashboard/index.vue

<template>
    <el-tabs v-model="activeName" type="border-card">
        <el-tab-pane label="图形" name="1">
            <Echart />
        </el-tab-pane>
        <el-tab-pane label="表格" name="2">Config</el-tab-pane>
    </el-tabs>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue'
const activeName = ref('1')
import Echart from '@/views/dashboard/components/echart.vue'
</script>

<style lang="scss" scoped>
.bars_w {
    width: 100%;
    height: 500px;
}
::v-deep(.el-tabs__content) {
    height: calc(100vh - 111px);
    overflow-y: auto;
}

</style>