<template>
|
<div class="app-container">
|
<el-tabs v-model="activeTab" @tab-change="handleTabChange">
|
<el-tab-pane v-for="tab in tabs"
|
:label="tab.label"
|
:name="tab.name"
|
:key="tab.name">
|
<component :is="tab.name === 'qualified' ? QualifiedRecord : UnqualifiedRecord" />
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script setup>
|
import QualifiedRecord from "@/views/inventoryManagement/stockManagement/Qualified.vue";
|
import UnqualifiedRecord from "@/views/inventoryManagement/stockManagement/Unqualified.vue";
|
|
const activeTab = ref('qualified')
|
const tabs = ref([
|
{
|
label: '合格库存',
|
name: 'qualified'
|
}
|
])
|
|
const handleTabChange = (tabName) => {
|
activeTab.value = tabName;
|
}
|
</script>
|
