移除分类图片

web/pages/product/goods.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
   Button, Card,
   Drawer,
@@ -41,6 +41,22 @@ const PRICE_TYPE_OPTIONS = [
 /** 四舍五入保留两位 */
 const round2 = (v: number) => Math.round(v * 100) / 100;
 
+/** 商品表单用分类树：有子分类的节点禁选（商品只能挂在末级分类上） */
+const markParentDisabled = (nodes: IProductCategoryTree[]): IProductCategoryTree[] =>
+  nodes.map((node) => ({
+    ...node,
+    disabled: !!node.children?.length,
+    children: node.children?.length ? markParentDisabled(node.children) : node.children,
+  }));
+
+/** 侧栏用分类树：有子分类的节点不可选中（仅供展开，筛选按末级分类） */
+const markParentUnselectable = (nodes: IProductCategoryTree[]): IProductCategoryTree[] =>
+  nodes.map((node) => ({
+    ...node,
+    selectable: !node.children?.length,
+    children: node.children?.length ? markParentUnselectable(node.children) : node.children,
+  }));
+
 /**
  * 等级价格表单：每个等级 = 计价类型（固定价/成本百分比）+ 对应输入框；
  * 切换计价类型时按成本价自动换算（固定→百分比：percent=(price/cost-1)*100；百分比→固定：price=cost*(1+percent/100)）
@@ -159,6 +175,10 @@ const ProductGoodsPage: React.FC = () => {
   const [levels, setLevels] = useState<ICustomerLevel[]>([]);
   const [suppliers, setSuppliers] = useState<ISupplier[]>([]);
   const [categoryTree, setCategoryTree] = useState<IProductCategoryTree[]>([]);
+  // 商品表单专用分类树：父分类禁选，仅末级可选（侧栏筛选/价格矩阵仍用原始树）
+  const formCategoryTree = useMemo(() => markParentDisabled(categoryTree), [categoryTree]);
+  // 侧栏分类树：父分类不可选中，仅作展开归组
+  const sidebarCategoryTree = useMemo(() => markParentUnselectable(categoryTree), [categoryTree]);
 
   // ===== 分类侧栏 =====
   const [activeCategory, setActiveCategory] = useState<number | undefined>(undefined);
@@ -476,12 +496,12 @@ const ProductGoodsPage: React.FC = () => {
       align: "center",
       rules: [{ required: true, message: '请选择分类' }],
       fieldProps: {
-        treeData: categoryTree,
+        treeData: formCategoryTree,
         fieldNames: { label: 'name', value: 'id', children: 'children' },
         treeDefaultExpandAll: true,
         showSearch: true,
         treeNodeFilterProp: 'name',
-        placeholder: '选择分类',
+        placeholder: '选择末级分类',
       },
       hideInSearch: true,
       render: (_, record) =>
@@ -647,7 +667,7 @@ const ProductGoodsPage: React.FC = () => {
             showLine
             blockNode
             onSelect={(selectedKeys) => setActiveCategory(Number(selectedKeys[0]))}
-            treeData={categoryTree}
+            treeData={sidebarCategoryTree}
             selectedKeys={activeCategory ? [activeCategory] : undefined}
             fieldNames={{title: 'name', key: 'id', children: 'children'}}
           />