<template>
    <div class="app-container">
        <el-tabs v-model="activeTab" tab-position="top" @tab-click="handleTabClick">
            <el-tab-pane v-for="item in panes" :key="item.key" :label="item.label" :name="item.key">
                <component :is="item.component" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script setup name="WmsSpecial">
import { ref } from 'vue'

const activeTab = ref('first')
const panes = ref([
    {
        key: 'first',
        label: '入库',
        component: () => import('@/views/ware/wmsSpecial/InBoundOrder.vue')
    },
    {
        key: 'second',
        label: '出库',
        component: () => import('@/views/ware/wmsSpecial/OutBoundOrder.vue')
    }
])
</script>