<template>
	<div class="app-container">
		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
			<el-tab-pane label="竞彩足球" name="soccer"><soccer /></el-tab-pane>
			<el-tab-pane label="竞彩篮球" name="basketball"><basketball /></el-tab-pane>
		</el-tabs>
	</div>
</template>

<script setup name="EventAnalysisReport">
import { ref } from 'vue'
import soccer from './components/soccer.vue'
import basketball from './components/basketball.vue'

const activeName = ref('soccer')
const handleClick = (tab, event) => {
	console.log(tab, event)
}

</script>
