<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">
|
<record :type="tab.type" v-if="activeTab === tab.name" />
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script setup>
|
import Record from "@/views/inventoryManagement/receiptManagement/Record.vue";
|
|
const activeTab = ref('qualified')
|
const type = ref(0)
|
const tabs = ref([
|
{
|
label: '合格入库',
|
name: 'qualified',
|
type: '0'
|
}
|
])
|
|
const handleTabChange = (tabName) => {
|
activeTab.value = tabName;
|
type.value = tabName === 'qualified' ? 0 : 1
|
}
|
</script>
|