<script setup lang="ts">
import '@/styles/tabs.scss'
import { ElTabPane, ElTabs } from 'element-plus';
import EnterpriseScale from './EnterpriseScale.vue';
import MarketShare from './MarketShare.vue';
import MarketValue from './MarketValue.vue';
import ResearchAndDevelopment from './ResearchAndDevelopment.vue';

// 定义组件属性
const props = defineProps({
    enterpriseInfo: {
        type: Object,
        default: {}
    }
});
</script>

<template>
    <div style="overflow: visible;">
        <el-tabs tabPosition="left" class="disinheritance tabs-nav-no-wrap left-float-nav-tabs">
            <el-tab-pane label="企业规模" lazy>
                <enterprise-scale :enterprise-info="enterpriseInfo"></enterprise-scale>
            </el-tab-pane>
            <el-tab-pane label="市值变化" lazy>
                <market-value :enterprise-info="enterpriseInfo"></market-value>
            </el-tab-pane>
            <el-tab-pane label="研发投入" lazy>
                <research-and-development :enterprise-info="enterpriseInfo"></research-and-development>
            </el-tab-pane>
            <el-tab-pane label="市场占比" lazy>
                <market-share :enterprise-info="enterpriseInfo"></market-share>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>