<template>
  <div class="inbound-container" style="padding: 20px;">
    <el-tabs v-model="activeModule" type="border-card">
      <el-tab-pane label="物料采购入库" name="buy">
        <BuyInbound v-if="activeModule === 'buy'" />
      </el-tab-pane>

      <el-tab-pane label="半成品入库" name="semi">
        <SemiInbound v-if="activeModule === 'semi'" />
      </el-tab-pane>

      <el-tab-pane label="成品入库" name="product">
        <ProductInbound v-if="activeModule === 'product'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
// 因为在同一个文件夹下，直接用 ./ 即可
import BuyInbound from './buy.vue'
import SemiInbound from './semi.vue'
import ProductInbound from './product.vue'

const activeModule = ref('buy')
</script>