diff --git a/inventory-web/src/App.vue b/inventory-web/src/App.vue
index d6197a4..d49b1f3 100644
--- a/inventory-web/src/App.vue
+++ b/inventory-web/src/App.vue
@@ -234,7 +234,7 @@ const handleLogout = () => {
     <footer v-if="!isLoginPage" class="app-footer">
       <span class="version-tag">
         <el-icon style="vertical-align: middle; margin-right: 4px"><InfoFilled /></el-icon>
-        当前版本:V3.21
+        当前版本:V3.22
       </span>
     </footer>
 
diff --git a/inventory-web/src/views/outbound/Selection.vue b/inventory-web/src/views/outbound/Selection.vue
index f5e21c0..3351644 100644
--- a/inventory-web/src/views/outbound/Selection.vue
+++ b/inventory-web/src/views/outbound/Selection.vue
@@ -192,14 +192,14 @@
     <el-dialog v-model="bomSelectVisible" title="按 BOM 套餐添加" width="700px" destroy-on-close :close-on-click-modal="false">
       <el-form label-width="100px">
         <el-form-item label="选择产品">
-          <el-select v-model="selectedBomNo" filterable placeholder="请选择启用状态的 BOM 配方" style="width: 100%" @change="() => {}">
-            <el-option
-                v-for="b in bomOptions"
-                :key="`${b.bom_no}_${b.version}`"
-                :label="`${b.parent_name} - ${b.version}`"
-                :value="b.bom_no"
-            />
-          </el-select>
+          <el-tree-select
+            v-model="selectedBomNo"
+            :data="treeData"
+            filterable
+            placeholder="请选择启用的 BOM 配方"
+            :render-after-expand="false"
+            style="width: 100%"
+          />
         </el-form-item>
         <el-form-item label="生产套数">
           <el-input-number v-model="bomSets" :min="1" label="套" style="width: 200px;" :disabled="!userStore.hasPermission('outbound_selection:operation')" />
@@ -487,6 +487,19 @@ const selectedBomNo = ref('')
 const bomSets = ref(1)
 const currentBomDetail = ref<any[]>([])  // 当前选中的BOM明细
 
+// BOM 树形数据（将分组数据映射为 el-tree-select 需要的结构）
+const treeData = computed(() => {
+  return (bomOptions.value || []).map(group => ({
+    value: `group_${group.category}`, // 仅作唯一标识
+    label: `${group.category} (${group.count})`,
+    disabled: true, // 禁止选中分类本身
+    children: (group.items || []).map((b: any) => ({
+      value: b.bom_no,
+      label: `${b.parent_name} - ${b.version}`
+    }))
+  }))
+})
+
 // 打印相关
 const currentTime = ref('')