<template>
  <div style="padding: 15px;">
    <el-tabs type="border-card" v-model="datas.activeName" @tab-click="handleClick">
      <el-tab-pane label="存酒记录" name="Winerecord">
        <Winerecord v-if="datas.activeName == 'Winerecord'" />
      </el-tab-pane>
      <el-tab-pane label="可存酒管理" name="Storingwine">
        <Storingwine v-if="datas.activeName == 'Storingwine'" />
      </el-tab-pane>
      <el-tab-pane label="存酒统计" name="statistics">
        <statistics v-if="datas.activeName == 'statistics'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import Winerecord from './storingWineconfig/Winerecord.vue'
import statistics from './storingWineconfig/statistics.vue'
import Storingwine from './storingWineconfig/Storingwine.vue'
let datas = reactive({
  activeName: "Winerecord",
})
function handleClick(tab) {
  datas.activeName = tab.props.name;
}
</script>