kts-component-invoice-operate 1.2.25 → 2.0.2

package/src/Invoice/ui/GoodsList/hook/useColumns/index.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Form, AutoComplete, Select, Typography, Button, Input, Spin } from 'kts-components-antd-x3';
 import { InputProps } from 'kts-components-antd-x3/lib/input';
 import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
-import Invoice from '../../../../';
 import { IGood } from '../../../../InvoiceController';
+import Invoice from '../../../../';
 import RowMenu from './ui/RowMenu';
 import {
   onChangeQuantity,
@@ -12,8 +12,9 @@ import {
   onChangeLineAmountIncludeTax,
   onChangeLineAmountExcludeTax,
   onChangeTaxRate,
-  onSaveEditGood,
+  // onSaveEditGood,
   endowCode,
+  onChangeItemName,
 } from './autoFillFn';
 
 const { Text } = Typography;
@@ -26,6 +27,9 @@ export default (form: WrappedFormUtils) => {
   /** 是否含税 */
   const isTaxIncluded = controller.useMemo(e => e.goodsListState.isTaxIncluded, []);
 
+  /** 是否显示我方 */
+  const isMyShow = controller.useMemo(e => e.goodsListState.isMyShow, []);
+
   /** 正在编辑的货物 */
   const editGood = controller.useMemo((e) => e.goodsListState.editGood, []);
 
@@ -53,21 +57,30 @@ export default (form: WrappedFormUtils) => {
             <Text type="danger">*</Text>货物名称
           </>
         ),
-        dataIndex: 'itemName',
         key: 'itemName',
-        render: (value: string, record: IGood) => {
+        render: (_: string, record: IGood) => {
           if (editGood?.$index === record.$index) {
             return (
               <Form.Item>
                 <div style={{ display: 'flex' }} >
                   {getFieldDecorator('itemName', {
-                    initialValue: editGood.itemName,
-                    rules: [{ required: true, message: '货物名称不能为空' }],
+                    initialValue: isMyShow ? record.itemNameSelf : record.itemName,
+                    rules: [{
+                      validator: async (_, __, callback) => {
+                        await controller.wait();
+                        const value = controller.state.goodsListState.editGood;
+                        if (!value?.itemName && !value?.itemNameSelf) {
+                          callback('货物名称不能为空');
+                        } else {
+                          return;
+                        }
+                      }
+                    }]
                   })(
                     <MyInput
                       style={{ flex: 1 }}
                       onChange={() => {
-                        onSaveEditGood(controller, form, record, 'itemName');
+                        onChangeItemName(controller, form, record);
                       }}
                     />,
                   )}
@@ -83,11 +96,9 @@ export default (form: WrappedFormUtils) => {
                     )}
                     {controller.getGoodsList && (
                       <Button
-                        onClick={() => {
-                          controller.pipeline(async (s) => {
-                            s.goodsListState.importGoods.isVisibleDrawer = true;
-                          })();
-                        }}
+                        onClick={controller.pipeline(async (s) => {
+                          s.goodsListState.importGoods.isVisibleDrawer = true;
+                        })}
                         type="link"
                         icon="plus-circle"
                       />
@@ -98,42 +109,57 @@ export default (form: WrappedFormUtils) => {
             );
           } else {
             return (
-              <span style={{ padding: '0 10px' }}>{formatSearch(value, searchValue)}</span>
-            );
+              <MyItemNameDiv
+                valueT={formatSearch(record.itemNameSelf, searchValue)}
+                valueF={formatSearch(record.itemName, searchValue)}
+                isMyShow={isMyShow}
+              />
+            )
+            // return (
+            //   <span style={{ padding: '0 10px' }}>{formatSearch(value, searchValue)}</span>
+            // );
           }
         },
       },
       {
         title: '货物规格型号',
-        dataIndex: 'itemModelName',
         key: 'itemModelName',
         width: 119,
-        render: (value: string, record: IGood) => {
+        render: (_: string, record: IGood) => {
           if (editGood?.$index === record.$index) {
             return (
               <Form.Item>
                 {getFieldDecorator('itemModelName', {
-                  initialValue: editGood.itemModelName,
+                  initialValue: isMyShow ? editGood.itemModelNameSelf : editGood.itemModelName,
                 })(
                   <MyInput
-                    onChange={() => {
-                      onSaveEditGood(controller, form, record, 'itemModelName');
+                    onChange={async () => {
+                      await controller.wait()
+                      const key = isMyShow ? 'itemModelNameSelf' : 'itemModelName';
+                      const value = {} as any;
+                      value[key] = form.getFieldsValue().itemModelName;
+                      controller.setEditGood(value);
                     }}
                   />,
                 )}
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{formatSearch(value, searchValue)}</span>;
+            return (
+              <MyItemNameDiv
+                valueT={formatSearch(record.itemModelNameSelf, searchValue)}
+                valueF={formatSearch(record.itemModelName, searchValue)}
+                isMyShow={isMyShow}
+              />
+            )
           }
         },
       },
       {
         title: '单位',
-        dataIndex: 'unit',
         key: 'unit',
         width: 70,
-        render: (value: string, record: IGood) => {
+        render: (_: string, record: IGood) => {
           if (editGood?.$index === record.$index) {
             return (
               <Form.Item>
@@ -143,15 +169,19 @@ export default (form: WrappedFormUtils) => {
                   <AutoComplete
                     style={{ width: '100%' }}
                     dataSource={unitList}
-                    onChange={() => {
-                      onSaveEditGood(controller, form, record, 'unit');
+                    onChange={async () => {
+                      await controller.wait()
+                      const key = isMyShow ? 'unit' : 'unitOther';
+                      const value = {} as any;
+                      value[key] = form.getFieldsValue().unit;
+                      controller.setEditGood(value);
                     }}
                   />,
                 )}
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return record.unit;
           }
         },
       },
@@ -403,6 +433,7 @@ export default (form: WrappedFormUtils) => {
                     showArrow={false}
                     style={{ width: '100%' }}
                     onChange={() => {
+                      setChangeField('taxRate');
                       onChangeTaxRate(controller, form, record);
                     }}
                   >
@@ -432,7 +463,7 @@ export default (form: WrappedFormUtils) => {
           if (editGood?.$index === record.$index) {
             return getFieldDecorator('taxAmount', {
               initialValue: editGood.taxAmount,
-            })(<MyDiv />);
+            })(<MyDiv loading={isCipher(changeField, 'taxAmount')} />);
           } else {
             return <span style={{ padding: '0 10px' }}>{parseFloat(value).toFixed(2)}</span>;
           }
@@ -449,13 +480,9 @@ export default (form: WrappedFormUtils) => {
     ]
       .filter((e) => {
         if (isTaxIncluded) {
-          return !(
-            e.key === 'priceExcludeTax' || e.key === 'lineAmountExcludeTax'
-          );
+          return !(e.key === 'priceExcludeTax' || e.key === 'lineAmountExcludeTax');
         } else {
-          return !(
-            e.key === 'priceIncludeTax' || e.key === 'lineAmountIncludeTax'
-          );
+          return !(e.key === 'priceIncludeTax' || e.key === 'lineAmountIncludeTax');
         }
       })
       .map((e) => {
@@ -464,7 +491,7 @@ export default (form: WrappedFormUtils) => {
           ellipsis: true,
         };
       }) as any[];
-  }, [isTaxIncluded, editGood, controller, changeField, deduction, searchValue]);
+  }, [isTaxIncluded, editGood, controller, changeField, deduction, isMyShow, searchValue]);
 
   React.useEffect(() => {
     if (!changeField) return;
@@ -499,14 +526,52 @@ class MyInput extends React.Component<InputProps & { loading?: boolean }> {
   }
 }
 
-class MyDiv extends React.Component<{ value?: any }> {
+class MyDiv extends React.Component<{ value?: any, loading?: boolean }> {
+
   render() {
-    return <span style={{ padding: '0 10px' }}>{this.props.value}</span>;
+    if (this.props.loading) {
+      return (
+        <Spin size="small">
+          <span style={{ padding: '0 10px' }}>{this.props.value}</span>
+        </Spin>
+      )
+    } else {
+      return <span style={{ padding: '0 10px' }}>{this.props.value}</span>
+    }
+  }
+}
+
+class MyItemNameDiv extends React.Component<{ valueT?: React.ReactNode, valueF?: React.ReactNode, isMyShow: boolean }> {
+  render(): React.ReactNode {
+
+    const { isMyShow, valueT, valueF } = this.props;
+
+    if (isMyShow) {
+      if (valueT) {
+        return (
+          <span style={{ padding: '0 10px', color: '#0074ff' }}>{valueT}</span>
+        )
+      } else {
+        return (
+          <span style={{ padding: '0 10px' }}>{valueF}</span>
+        )
+      }
+    } else {
+      if (valueF) {
+        return (
+          <span style={{ padding: '0 10px' }}>{valueF}</span>
+        )
+      } else {
+        return (
+          <span style={{ padding: '0 10px', color: '#0074ff' }}>{valueT}</span>
+        )
+      }
+    }
   }
 }
 
 /** 格式搜索结果 */
-function formatSearch(value: string, search: string) {
+function formatSearch(value?: string, search?: string) {
   if (!value || !search) return value;
 
   const __html = ucoding(value).split(new RegExp(ucoding(search), 'g')).map(e => dcoding(e)).join(`<span class="kts-invoice-operate-goods-list-table-search-protrude" >${search}</span>`);

package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/hook/useAddComparison/index.tsx

@@ -0,0 +1,39 @@
+/** 添加商品对照 */
+
+import React from 'react';
+import { Menu, message, Typography } from 'kts-components-antd-x3';
+import { IGood } from '../../../../../../../../InvoiceController';
+import Invoice from '../../../../../../../../';
+
+const { Text } = Typography;
+
+export default (goods: IGood) => {
+
+    const controller = Invoice.useInvoiceController();
+
+    const productComparison = controller.useMemo(s => s.goodsListState.productComparison, []);
+
+    const onClick = React.useCallback(async () => {
+        await controller.saveEditGood();
+        await controller.wait();
+        await controller.run(async s => {
+            if (s.goodsListState.form) {
+                const err: any = s.goodsListState.form.getFieldsError();
+                for (let key in err) {
+                    if (!err[key]) continue;
+                    message.error(err[key][0]);
+                    return;
+                }
+            }
+            s.goodsListState.addComparisonIndex = goods.$index;
+        })
+    }, [controller, goods.$index]);
+
+    return React.useMemo(() => {
+        if (productComparison.onComply) {
+            return <Menu.Item key="delItem" onClick={onClick}><Text strong>添加商品对照</Text></Menu.Item>
+        } else {
+            return <></>
+        }
+    }, [onClick, productComparison])
+};

package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/index.tsx

@@ -5,6 +5,7 @@ import { ReactComponent as SpotSvg } from './spot.svg';
 import useDelItem from './hook/useDelItem';
 import useAddDiscount from './hook/useAddDiscount';
 import useEndowCode from './hook/useEndowCode';
+import useAddComparison from './hook/useAddComparison';
 import './index.less';
 import Invoice from '../../../../../../';
 
@@ -22,13 +23,15 @@ export default (props: { goods: IGood }) => {
   const delItem = useDelItem(props.goods);
   const addDiscount = useAddDiscount(props.goods);
   const endowCode = useEndowCode(props.goods);
+  const addComparison = useAddComparison(props.goods);
 
   const itemList = React.useMemo(() => {
     const arr: any[] = [];
     
     model !=='prefab' && isAddDiscount !== false && addDiscount && arr.push(addDiscount);  // 添加折扣行
-    endowCode && arr.push(endowCode);                           // 赋码
-    model !=='prefab' && delItem && arr.push(delItem);          // 删除
+    arr.push(addComparison);                                                               // 添加商品对照
+    endowCode && arr.push(endowCode);                                                      // 赋码
+    model !=='prefab' && delItem && arr.push(delItem);                                     // 删除
 
     if (!goodsMenuExpand || goodsMenuExpand.length === 0) return arr;
 

package/src/Invoice/ui/GoodsList/index.less

@@ -39,10 +39,7 @@
   .kts-invoice-operate-goods-list-able-extend {
     flex   : none;
     display: flex;
-
-    label {
-      margin-right: 5px;
-    }
+    gap    : 5px;
   }
 }
 

package/src/Invoice/ui/GoodsList/index.tsx

@@ -10,11 +10,10 @@ import TableVirtual from './ui/TableVirtual';
 import Statistics from './ui/Statistics';
 import AddRowButton from './ui/AddRowButton';
 import TaxIncludedSwitch from './ui/TaxIncludedSwitch';
+import DescribeSwitch from './ui/DescribeSwitch';
 import Search from './ui/Search';
 import TableRow from './ui/TableRow';
-import AddDiscountRowButton from './ui/AddDiscountRowButton';
-import EndowCodeButton from './ui/EndowCodeButton';
-import DelRowButton from './ui/DelRowButton';
+import BulkMenu from './ui/BulkMenu';
 
 import useColumns from './hook/useColumns';
 import useOnRow from './hook/useOnRow';
@@ -76,17 +75,15 @@ const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Fo
 
   /** 注册 from 对象 */
   React.useEffect(() => {
-    controller.pipeline<WrappedFormUtils>(async (s, form) => {
-      s.goodsListState = { ...s.goodsListState, form };
-    })(props.form);
+    controller.pipeline<WrappedFormUtils>(async (s, form) => { s.goodsListState = { ...s.goodsListState, form } })(props.form);
   }, [controller, props.form]);
 
   // 跟新 货物
   React.useEffect(() => {
-    controller.pipeline(async (s) => {
+    controller.run(async (s) => {
       s.goodsListState.goodsMap = new Map();
       goodsList.forEach((e) => { s.goodsListState.goodsMap.set(e.$index, e); });
-    })();
+    });
   }, [controller, goodsList]);
 
   /** props 产品最大数 更新 */
@@ -111,14 +108,8 @@ const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Fo
           {/* 添加行 */}
           <AddRowButton />
 
-          {/* 删除行 */}
-          <DelRowButton />
-
-          {/* 添加折扣行 */}
-          <AddDiscountRowButton />
-
-          {/* 批量赋码 */}
-          <EndowCodeButton />
+          {/* 批量菜单 */}
+          <BulkMenu />
 
           {/* 搜索 */}
           <Search />
@@ -128,6 +119,9 @@ const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Fo
           {/* 扩展部分 */}
           {props.menuExpansion}
 
+          {/* 使用哪方商品描述 */}
+          <DescribeSwitch />
+
           {/* 是否含税开关 */}
           <TaxIncludedSwitch />
         </div>
@@ -143,7 +137,7 @@ const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Fo
           dataSource={dataSourceSearch}
           columns={useColumns(props.form)}
           rowSelection={useRowSelection()}
-          onRow={(record) => ({
+          onRow={record => ({
             onClick: () => {
               onRow.onClick(record);
             },

package/src/Invoice/ui/GoodsList/ui/{AddDiscountRowButton → BulkMenu/hooks/useAddDiscountRowButton}/index.tsx

@@ -7,20 +7,20 @@
  */
 
 import React from 'react';
-import { Button, Drawer, Form, message, Input, Typography } from 'kts-components-antd-x3';
+import { Button, Drawer, Form, message, Input, Typography, Menu } from 'kts-components-antd-x3';
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
 import { all, create } from 'mathjs';
 import { decorator } from 'grey-react-box';
-import Invoice from '../../../../';
-import lazyFn from '../../../../tools/lazyFn';
-import LineAttributeType from '../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
-import evaluate from '../../../../../Invoice/tools/evaluate';
+import Invoice from '../../../../../../';
+import lazyFn from '../../../../../../tools/lazyFn';
+import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
+import evaluate from '../../../../../../../Invoice/tools/evaluate';
 import './index.less';
 
 const { Text } = Typography;
 const { chain } = create(all, { number: 'BigNumber', precision: 20 }) as any;
 
-export default decorator<{}, FormComponentProps>(Form.create())((props) => {
+export default () => {
   /** 控制器 */
   const controller = Invoice.useInvoiceController();
 
@@ -86,15 +86,16 @@ export default decorator<{}, FormComponentProps>(Form.create())((props) => {
     })();
   }, [controller]);
 
-  if (model === 'prefab') return <></>;
+  const menuItem = React.useMemo(() => {
+    return model === 'prefab' ? <></> : isAddDiscount !== false ? (
+      <Menu.Item key="0" onClick={onClick} disabled={disabled}>
+        添加折扣行
+      </Menu.Item>
+    ) : undefined
+  }, [isAddDiscount, disabled, onClick])
 
-  return (
-    <>
-      {
-        isAddDiscount !== false &&
-        <Button icon="plus-circle" disabled={disabled} onClick={onClick}>
-          添加折扣行
-        </Button>}
+  const drawer = React.useMemo(() => {
+    return (
       <Drawer
         className="kts-invoice-operate-goods-list-add-discount-row"
         width={540}
@@ -106,9 +107,11 @@ export default decorator<{}, FormComponentProps>(Form.create())((props) => {
       >
         <DrawerBody />
       </Drawer>
-    </>
-  );
-});
+    )
+  }, [visible, onClose])
+
+  return { menuItem, drawer }
+};
 
 const DrawerBody = decorator<{}, FormComponentProps>(Form.create())((props) => {
   const { form } = props;

package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useCommodityComparisonButton/index.tsx

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Menu, message } from 'kts-components-antd-x3';
+import coolingFn from '../../../../../../tools/coolingFn'
+import { getSN, setShorthand } from '../../../../../../tools/itemName'
+import { Invoice, IGood } from '../../../../../../../';
+
+export default () => {
+
+  const controller = Invoice.useInvoiceController();
+
+  const { onComply } = controller.useMemo(s => s.goodsListState.productComparison, [])
+
+  /** 是否禁用 */
+  const disabled = controller.useMemo(s => s.goodsListState.selectedGoodIndex.length <= 0, []);
+
+  /** 点击了 */
+  const onClick = React.useCallback(async () => {
+    await controller.saveEditGood();
+    await controller.wait();
+    await controller.run(async s => {
+
+      // 不能给正在编辑的货物对照
+      if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
+        coolingFn('不能给正在编辑的货物执行商品对照', 3000, () => { message.error('不能给正在编辑的货物执行商品对照') });
+        return;
+      }
+
+      if (!s.goodsListState?.productComparison?.onComply) return;
+
+      const goods = s.goodsListState.selectedGoodIndex.map(e => {
+        const t = s.goodsListState.goodsMap.get(e);
+        if (!t) return undefined;
+
+        return {
+          ...t,
+          itemName: getSN(t.itemName)?.full,
+          itemNameSelf: getSN(t.itemNameSelf)?.full,
+        } as IGood
+      }).filter(e => !!e) as IGood[]
+
+
+      // 比对后的商品
+      const newGoods = await s.goodsListState.productComparison.onComply(goods);
+
+      newGoods.filter(e => {
+        const vt = s.goodsListState.goodsMap.get(e.$index);
+        if (!vt) return undefined;
+
+        vt.itemName = e.itemName ? setShorthand(e.itemName, getSN(vt.itemName)?.shorthand) : vt.itemName;
+        vt.itemNameSelf = e.itemNameSelf ? setShorthand(e.itemNameSelf, getSN(vt.itemNameSelf)?.shorthand) : vt.itemNameSelf;
+        
+        vt.itemModelName = e.itemModelName ? e.itemModelName : vt.itemModelName;
+        vt.itemModelNameSelf = e.itemModelNameSelf ? e.itemModelNameSelf : vt.itemModelNameSelf;
+
+        vt.itemCode = e.itemCode ? e.itemCode : vt.itemCode;
+        vt.itemCodeSelf = e.itemCodeSelf ? e.itemCodeSelf : vt.itemCodeSelf;
+      })
+    })
+  }, [])
+
+
+  const menuItem = React.useMemo(() => {
+
+    // 没用 执行商品对照 的方法 不显示按钮
+    if (!onComply) return <></>;
+
+    return (
+      <Menu.Item key="3" disabled={disabled} onClick={onClick} >
+        执行商品对照
+      </Menu.Item>
+    );
+  }, [disabled, onClick, onComply])
+
+  return { menuItem }
+};

package/src/Invoice/ui/GoodsList/ui/{DelRowButton → BulkMenu/hooks/useDelRowButton}/index.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import Invoice from '../../../../';
-import LineAttributeType from '../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
-import { Button } from 'kts-components-antd-x3';
+import Invoice from '../../../../../../';
+import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
+import { Menu } from 'kts-components-antd-x3';
 
 export default () => {
+
   const controller = Invoice.useInvoiceController();
 
   const model = controller.useMemo(s => s.model, []);
@@ -41,9 +42,16 @@ export default () => {
     })();
   }, [controller]);
 
-  if (model === 'prefab') return <></>;
+  const menuItem = React.useMemo(() => {
+
+    if (model === 'prefab') return <></>;
+
+    return (
+      <Menu.Item key="1" onClick={onClick} disabled={disabled}>
+        删除行
+      </Menu.Item>
+    )
+  }, [model, onClick, disabled])
 
-  return (
-    <Button icon="delete" onClick={onClick} disabled={disabled}>删除行</Button>
-  );
+  return { menuItem };
 };

package/src/Invoice/ui/GoodsList/ui/{EndowCodeButton → BulkMenu/hooks/useEndowCodeButton}/index.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
-import Invoice from '../../../../';
-import { Button, message } from 'kts-components-antd-x3';
-import coolingFn from '../../../../tools/coolingFn'
-// import { LineAttributeType } from '../../../../InvoiceController';
+import Invoice from '../../../../../../';
+import { message ,Menu} from 'kts-components-antd-x3';
+import coolingFn from '../../../../../../tools/coolingFn';
 
 export default () => {
   const controller = Invoice.useInvoiceController();
@@ -34,9 +33,14 @@ export default () => {
     })();
   }, [controller]);
 
-  return (
-    <Button icon="file-add" disabled={disabled} onClick={onClick}>
-      批量赋码
-    </Button>
-  );
+  const menuItem = React.useMemo(() => {
+
+    return (
+      <Menu.Item key="2" onClick={onClick} disabled={disabled}>
+        批量赋码
+      </Menu.Item>
+    )
+  }, [onClick, disabled])
+
+  return { menuItem };
 };

package/src/Invoice/ui/GoodsList/ui/BulkMenu/index.tsx

@@ -0,0 +1,43 @@
+
+import React from "react";
+import { Button, Dropdown, Menu } from "kts-components-antd-x3";
+
+import useDelRowButton from "./hooks/useDelRowButton";
+import useAddDiscountRowButton from "./hooks/useAddDiscountRowButton";
+import useEndowCodeButton from "./hooks/useEndowCodeButton";
+import useCommodityComparisonButton from "./hooks/useCommodityComparisonButton";
+
+export default function BulkMenu() {
+
+    /** 删除行 */
+    const delRowButton = useDelRowButton();
+
+    /** 添加折扣行 */
+    const addDiscountRowButton = useAddDiscountRowButton();
+
+    /** 批量赋码 */
+    const endowCodeButton = useEndowCodeButton();
+
+    /** 执行商品对照 */
+    const commodityComparisonButton = useCommodityComparisonButton();
+
+    const menu = (
+        <Menu>
+            {delRowButton.menuItem}
+            {addDiscountRowButton.menuItem}
+            {endowCodeButton.menuItem}
+            {commodityComparisonButton.menuItem}
+        </Menu>
+    );
+
+    return (
+        <>
+            <Dropdown overlay={menu}>
+                <Button>
+                    批量操作行
+                </Button>
+            </Dropdown>
+            {addDiscountRowButton.drawer}
+        </>
+    )
+}