物料-采购件入库页面功能实现

inventory-web/src/views/stock/inbound/index.vue

@@ -0,0 +1,27 @@
+<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>