| | |
| | | :label="tab.label" |
| | | :name="tab.name" |
| | | :key="tab.name"> |
| | | <component :is="tab.name === 'qualified' ? QualifiedRecord : UnqualifiedRecord" /> |
| | | <component :is="tab.component" :type="tab.type" v-if="activeTab === tab.name" /> |
| | | </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"; |
| | | import { markRaw } from 'vue'; |
| | | import StockRecord from "@/views/inventoryManagement/stockManagement/Qualified.vue"; |
| | | |
| | | const activeTab = ref('qualified') |
| | | const type = ref(0) |
| | | const activeTab = ref('selfMade') |
| | | const tabs = ref([ |
| | | { |
| | | label: '合格库存', |
| | | name: 'qualified' |
| | | label: '自制', |
| | | name: 'selfMade', |
| | | type: 1, |
| | | component: markRaw(StockRecord) |
| | | }, |
| | | { |
| | | label: '不合格库存', |
| | | name: 'unqualified' |
| | | label: '外购', |
| | | name: 'purchase', |
| | | type: 2, |
| | | component: markRaw(StockRecord) |
| | | }, |
| | | { |
| | | label: '委外', |
| | | name: 'outsourcing', |
| | | type: 3, |
| | | component: markRaw(StockRecord) |
| | | } |
| | | ]) |
| | | |