kts-component-invoice-operate 3.1.19 → 3.2.0

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

@@ -0,0 +1,181 @@
+
+import React from 'react';
+import { Button } from 'kts-xui';
+import classnames from 'classnames';
+import { decorator } from 'grey-react-box';
+import { Form } from 'kts-components-antd-x3';
+import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
+import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
+import Invoice from '../../..';
+
+import TableVirtual from './ui/TableVirtual';
+import Statistics from './ui/Statistics';
+import AddRowButton from './ui/AddRowButton';
+import TaxIncludedSwitch from './ui/TaxIncludedSwitch';
+import Search from './ui/Search';
+import TableRow from './ui/TableRow';
+
+import useColumns from './hook/useColumns';
+import useOnRow from './hook/useOnRow';
+import useWindowClick from './hook/useWindowClick';
+import useRowSelection from './hook/useRowSelection';
+
+import useDelRowButton from './ui/BulkMenu/hooks/useDelRowButton';
+import useAddDiscountRowButton from './ui/BulkMenu/hooks/useAddDiscountRowButton';
+import useEndowCodeButton from './ui/BulkMenu/hooks/useEndowCodeButton';
+import useEmptyRefill from './ui/BulkMenu/hooks/useEmptyRefill';
+import useReselectInvoiceType from './ui/BulkMenu/hooks/useReselectInvoiceType';
+
+import './index.less';
+
+export interface IGoodsListProps {
+  /** 扩展部分 */
+  menuExpansion?: React.ReactNode;
+
+  /** 产品最大数 */
+  goodMax?: number;
+
+  /** 扣除额 */
+  deduction?: number;
+
+  /** 是否能添加折扣行 */
+  isAddDiscount?: boolean;
+
+  /** 是否可以切换(含税/不含税)状态 */
+  isSwitchTax?: boolean;
+}
+
+export default class GoodsList extends React.Component<IGoodsListProps>{
+  render() {
+    return <Main {...this.props} />
+  }
+}
+
+const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Form.create())((props) => {
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  const goodsList = controller.useMemo(s => s.goodsListState.goodsList, []);
+
+  /** 货物列表 */
+  const dataSource = controller.useMemo(s => s.goodsListState.goodsList, [])
+
+  /** 搜索条件 */
+  const searchValue = controller.useMemo(s => s.goodsListState.searchValue, [])
+
+  /** 计算搜索商品 */
+  const isTaxIncluded = controller.useMemo(s => s.goodsListState.isTaxIncluded, [])
+
+  /** 计算搜索商品 */
+  const dataSourceSearch = React.useMemo(() => controller.getGoodsSearch(dataSource, searchValue, isTaxIncluded), [dataSource, searchValue, controller, isTaxIncluded])
+
+  /** 表格行事件 */
+  const onRow = useOnRow();
+
+  /** 批量删除 */
+  const delRowButton = useDelRowButton();
+
+  /** 添加折扣行 */
+  const addDiscountRowButton = useAddDiscountRowButton();
+
+  /** 赋码 */
+  const endowCodeButton = useEndowCodeButton();
+
+  /** 重选发票类型 */
+  const reselectInvoiceType = useReselectInvoiceType()
+
+  /** 清空重填 */
+  const emptyRefill = useEmptyRefill();
+
+  useWindowClick(controller); // 点击组件外部 保存正在编辑的货物
+
+  /** 清空自动赋码缓存 */
+  React.useEffect(() => {
+    controller.run(async s => { s.goodsListState.endowCode.cache = {} });
+  }, [controller])
+
+  /** 注册 from 对象 */
+  React.useEffect(() => {
+    controller.pipeline<WrappedFormUtils>(async (s, form) => { s.goodsListState = { ...s.goodsListState, form } })(props.form);
+  }, [controller, props.form]);
+
+  // 跟新 货物
+  React.useEffect(() => {
+    controller.run(async (s) => {
+      s.goodsListState.goodsMap = new Map();
+      goodsList.forEach((e) => { s.goodsListState.goodsMap.set(e.$index, e); });
+    });
+  }, [controller, goodsList]);
+
+  /** props 产品最大数 更新 */
+  React.useEffect(() => {
+    controller.pipeline(async s => { s.goodsListState.goodMax = props.goodMax })()
+  }, [controller, props.goodMax])
+
+  /** props 是否能添加折扣行 更新 */
+  React.useEffect(() => {
+    controller.pipeline(async s => { s.goodsListState.isAddDiscount = props.isAddDiscount })()
+  }, [controller, props.goodMax])
+
+  /** props 是否可以切换(含税/不含税)状态 更新 */
+  React.useEffect(() => {
+    controller.pipeline(async s => { s.goodsListState.isSwitchTax = props.isSwitchTax })()
+  }, [controller, props.isSwitchTax])
+
+  return (
+    <div className="kts-invoice-operate-goods-list-digtal" onClick={(e) => { e.stopPropagation() }} >
+      <div className="kts-invoice-operate-goods-list-able">
+        {/* 添加行 */}
+        <AddRowButton />
+
+        {/* 批量删除 */}
+        {delRowButton.button}
+
+        {/* 加载折扣 */}
+        {addDiscountRowButton.button}
+
+        {/* 赋码 */}
+        {endowCodeButton.button}
+
+        {/* 是否含税开关 */}
+        <TaxIncludedSwitch />
+
+        {/* 搜索 */}
+        <Search />
+
+        <div style={{ flex: 1 }} />
+
+        {/* 扩展部分 */}
+        {props.menuExpansion}
+
+        {/* 重选发票类型 */}
+        {reselectInvoiceType.button}
+
+        {/* 清空重填 */}
+        {emptyRefill.button}
+      </div>
+      <div className={classnames('kts-invoice-operate-goods-list-table-digtal')}>
+        <TableVirtual
+          size="small"
+          rowKey="$index"
+          pagination={false}
+          scroll={{ y: 280 }}
+          components={{ body: { row: TableRow } }}
+          dataSource={dataSourceSearch}
+          columns={useColumns(props.form)}
+          rowSelection={useRowSelection()}
+          onRow={record => ({
+            onClick: () => {
+              onRow.onClick(record);
+            },
+          })}
+        />
+      </div>
+      <div>
+        {/* 汇总 */}
+        <Statistics />
+      </div>
+    </div>
+  );
+});

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import Invoice from '../../../../..';
+import { Button, message } from 'kts-xui';
+import InvoiceController, { LineAttributeType } from '../../../../../InvoiceController';
+
+export default () => {
+  const controller = Invoice.useInvoiceController();
+
+  const model = controller.useMemo(s => s.model, []);
+
+  const rootElement = controller.useMemo(s => s.rootElement, []);
+
+  /** 产品数据量 */
+  const goodsNum = controller.useMemo(s => s.goodsListState.goodsList.length, []);
+
+  /** 搜索条件 */
+  const searchValue = controller.useMemo(s => s.goodsListState.searchValue, []);
+
+  /** 搜索条件 */
+  const isAddRow = controller.useMemo(s => s.goodsListState.isAddRow, []);
+
+  /** 产品最大数 */
+  const goodMax = controller.useMemo(s => s.goodsListState.goodMax, []);
+
+  /** 按钮是否禁用 */
+  const disabled = React.useMemo(() => typeof goodMax === 'number' ? goodsNum >= goodMax : !!searchValue, [goodMax, goodsNum, searchValue])
+
+  const onClick = React.useCallback(async () => {
+    await addGood(controller);
+    await rollBottom(controller, rootElement);
+  }, [controller, rootElement]);
+
+  if (isAddRow === false) return <></>;
+  if (model === 'prefab') return <></>;
+  if (model === 'readOnly') return <></>;
+
+  return (
+    <Button size='small' type='primary' onClick={onClick} disabled={disabled}>
+      增行
+    </Button>
+  );
+};
+
+/** 添加一个空货物 */
+async function addGood(controller: InvoiceController) {
+  await controller.saveEditGood();
+  await controller.wait();
+  await controller.run(async (s) => {
+    if (s.goodsListState.editGood) {
+      message.error({
+        content: '你正在编辑一个货物',
+        key: '你正在编辑一个货物',
+      });
+      return;
+    }
+    s.goodsListState.editGood = await controller.addGood({ taxRate: s.goodsListState.defaultRate, lineAttribute: LineAttributeType.正常 });
+  });
+}
+
+/** 货物列表，滚动到底部 */
+async function rollBottom(controller: InvoiceController, rootElement: HTMLDivElement | null | undefined) {
+  await controller.wait();
+  const cont = rootElement?.querySelector('.ktsAntX-table-body');
+  if (!cont) return;
+  cont.scrollTop = cont.scrollHeight;
+}

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useAddDiscountRowButton/index.tsx

@@ -0,0 +1,321 @@
+
+import React from "react";
+import { chain, bignumber } from 'mathjs';
+import Icon from '@ant-design/icons';
+import { Button, Drawer, Form, InputNumber, Radio, message, Space } from "kts-xui";
+import { ReactComponent as AddSvg } from './svg/add.svg';
+import Invoice from "../../../../../../..";
+import { LineAttributeType } from "../../../../../../../InvoiceController";
+
+export default () => {
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  /** 组件模式 prefab 预制 readOnly 只读 */
+  const model = controller.useMemo(s => s.model, []);
+
+  /** 准备添加折扣的货物索引列表 */
+  const discountGoodIndex = controller.useMemo(s => s.goodsListState.discountGoodIndex || [], []);
+
+  /** 列表选中的货物索引列表 */
+  const selectedGoodIndex = controller.useMemo(s => s.goodsListState.selectedGoodIndex, []);
+
+  /** 货物字典 */
+  const goodsMap = controller.useMemo(s => s.goodsListState.goodsMap, []);
+
+  /** 是否能添加折扣行 */
+  const isAddDiscount = controller.useMemo(s => s.goodsListState.isAddDiscount, []);
+
+  // 抽屉开启状态
+  const open = React.useMemo(() => discountGoodIndex.length > 0, [discountGoodIndex]);
+
+  /** 打开抽屉 */
+  const onOpen = React.useCallback(async () => {
+    await controller.saveEditGood();
+    await controller.wait();
+    await controller.run(async s => {
+
+      let isOk = s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0;
+      if (isOk) {
+        message.error({ content: '不能给编辑状态的行增加折扣!', key: '不能给编辑状态的行增加折扣!' });
+        return;
+      }
+
+      if (!isContinuityNum(s.goodsListState.selectedGoodIndex.map(e => s.goodsListState.goodsMap.get(e)?.serialNo || -2).sort((a, b) => a - b))) {
+        message.error({ content: '项目不连续，不允许添加折扣', key: '项目不连续，不允许添加折扣' });
+        return;
+      }
+
+      isOk = s.goodsListState.selectedGoodIndex.some($index => s.goodsListState.goodsMap.get($index)?.lineAttribute !== LineAttributeType.正常)
+      if (isOk) {
+        message.error({ content: '不允许重复添加折扣', key: '不允许重复添加折扣' });
+        return;
+      }
+
+      isOk = s.goodsListState.selectedGoodIndex.some($index => {
+        const good = s.goodsListState.goodsMap.get($index);
+        return !good || (good.taxRate === 0 && s.goodsListState.endowCode.isTaxFreeTypeNeeded && !good.taxFreeType)
+      })
+      if (isOk) {
+        message.error({ content: '零税率需要设置免税类型，请在赋码中设置！', key: '零税率需要设置免税类型，请在赋码中设置！' });
+        return;
+      }
+
+      isOk = s.goodsListState.selectedGoodIndex.some($index => {
+        const good = s.goodsListState.goodsMap.get($index);
+        return `${good?.lineAmountIncludeTax}` === '0'
+      })
+      if (isOk) {
+        message.error({ content: '金额为0不能添加折扣行', key: '金额为0不能添加折扣行' });
+        return;
+      }
+
+      s.goodsListState.discountGoodIndex = s.goodsListState.selectedGoodIndex.slice();
+    });
+  }, [controller]);
+
+  /** 关闭抽屉 */
+  const onClose = React.useCallback(() => {
+    controller.run(async s => {
+      s.goodsListState.discountGoodIndex = []
+    })
+  }, [controller]);
+
+  /** 是否禁用 */
+  const disabled = React.useMemo(() => selectedGoodIndex.length === 0, [selectedGoodIndex, goodsMap]);
+
+  /** 是否启用 */
+  const isEnable = React.useMemo(() => {
+    if (model === 'readOnly') return false;
+    return !(isAddDiscount === false)
+  }, [isAddDiscount, model]);
+
+  const button = React.useMemo(() => {
+    if (isEnable) {
+      return (
+        <>
+          <Button
+            size='small'
+            onClick={onOpen}
+            disabled={disabled}
+            icon={<Icon component={AddSvg} />}
+          >
+            添加折扣
+          </Button>
+          <AddDiscountRowDrawer open={open} onClose={onClose} />
+        </>
+      )
+    } else {
+      return (
+        <></>
+      )
+    }
+  }, [open, onOpen, onClose, isEnable, disabled])
+
+  return {
+    button,
+  }
+}
+
+/** 添加折扣行的抽屉 */
+function AddDiscountRowDrawer(props: {
+
+  /** 是否打开 */
+  open: boolean;
+
+  /** 点击关闭 */
+  onClose: () => void;
+
+}) {
+
+  const { open, onClose } = props;
+
+  const [form] = Form.useForm();
+
+  const [formValues, setFormValues] = React.useState<{ discolineType: string }>()
+
+  /** 控制器 */
+  const controller = Invoice.useInvoiceController();
+
+  /** 货物字典 */
+  const goodsMap = controller.useMemo(s => s.goodsListState.goodsMap, []);
+
+  /** 准备添加折扣的货物索引列表 */
+  const discountGoodIndex = controller.useMemo(s => s.goodsListState.discountGoodIndex || [], []);
+
+  /** 准备添加折扣的货物列表 */
+  const discountGood = React.useMemo(() => discountGoodIndex.map(e => goodsMap.get(e)), [discountGoodIndex, goodsMap])
+
+  /** 总金额 */
+  const totalAmount = React.useMemo(() => {
+    let sum = 0;
+    discountGood.forEach(e => {
+      sum += e?.lineAmountIncludeTax ?? 0;
+    })
+    return sum;
+  }, [discountGood])
+
+  /** 表单变化 */
+  const onChangeForm = React.useCallback(async () => {
+    setFormValues(form.getFieldsValue())
+  }, [form])
+
+  /** 点击了确认 */
+  const onDefine = React.useCallback(async () => {
+    // 表单数据
+    const values = await form.validateFields();
+
+    // 折扣总金额
+    const totalDiscoline = values.discolineType === '1'
+      ? chain(bignumber(values.discolineValue))
+      : chain(bignumber(totalAmount)).multiply(bignumber(values.discolineValue)).multiply(bignumber(0.01));
+
+
+    let discolinesSum = chain(bignumber(0));
+
+    // 每行的折扣金额
+    const discolines: number[] = discountGood.map((e, i) => {
+      // 折扣金额占比
+      const share = chain(bignumber(e?.lineAmountIncludeTax ?? 0))
+        .divide(bignumber(totalAmount));
+
+      // 折扣金额
+      const value = totalDiscoline
+        .multiply(share.done())
+
+        .multiply(bignumber(100))
+        .floor()
+        .divide(bignumber(100))
+
+        .done();
+
+      discolinesSum = discolinesSum.add(value);
+      return value.toNumber();
+    });
+
+    // 剩余折扣金额
+    let surplus = totalDiscoline.subtract(discolinesSum.done());
+
+    // 补充剩余折扣金
+    for (let i = 0; i < discolines.length; i++) {
+      if (surplus.smaller(0.01).done()) break;
+      discolines[i] = chain(bignumber(discolines[i])).add(bignumber(0.01)).done().toNumber();
+      surplus = surplus.subtract(bignumber(0.01));
+    }
+
+    // 给一组货物添加折扣行
+    await controller.addGoodDiscountV2(discolines.map((e, i) => {
+      return {
+        $index: discountGood[i]?.$index as string,
+        discolineAmountunt: e as number,
+      }
+    }))
+
+    await controller.run(async s => { s.goodsListState.selectedGoodIndex = [] })
+
+    // 关闭抽屉
+    onClose();
+  }, [discountGood, form, totalAmount, onClose, controller])
+
+  // 打开抽屉时 重置form
+  React.useEffect(() => {
+    if (open) {
+      form.resetFields();
+      setFormValues(form.getFieldsValue())
+    }
+  }, [open])
+
+  // 切换 折扣方式 清空折扣值
+  React.useEffect(() => {
+    form.setFieldsValue({ ...formValues, discolineValue: undefined })
+  }, [formValues?.discolineType])
+
+  return (
+    <Drawer
+      title="添加折扣"
+      placement="right"
+      width={350}
+      onClose={onClose}
+      open={open}
+      footer={
+        <Space size="middle" style={{ display: 'flex', justifyContent: 'end' }}>
+          <Button onClick={onDefine} type='primary' >确定</Button>
+          <Button onClick={onClose} >取消</Button>
+        </Space>
+      }
+    >
+      <Form
+        form={form}
+        layout='vertical'
+        onChange={onChangeForm}
+      >
+        <Form.Item label='商品金额（含税）' >
+          {totalAmount.toFixed(2)}（共 {discountGood.length} 行）
+        </Form.Item>
+
+        <Form.Item
+          label='折扣方式'
+          name='discolineType'
+          initialValue='1'
+        >
+          <Radio.Group options={[
+            { label: '按金额折扣', value: '1' },
+            { label: '按比例折扣', value: '2' },
+          ]} />
+        </Form.Item>
+        {
+          formValues?.discolineType === '1' ?
+            (
+              <Form.Item
+                label='折扣金额（元）（含税）'
+                name='discolineValue'
+                rules={[
+                  { required: true, message: '必填' },
+                  {
+                    validator: async (_, value) => {
+                      if (!value) return;
+                      if (value > totalAmount) throw new Error('不可以大于商品金额');
+                    }
+                  }
+                ]}
+              >
+                <InputNumber style={{ width: '100%' }} />
+              </Form.Item>
+            ) : (
+              <Form.Item
+                label='折扣比例（%）（含税）'
+                name='discolineValue'
+                rules={[
+                  { required: true, message: '必填' },
+                  {
+                    validator: async (_, value) => {
+                      if (!value) return;
+                      if (value > 100) throw new Error('不可以大于100');
+                    }
+                  }
+                ]}
+              >
+                <InputNumber style={{ width: '100%' }} />
+              </Form.Item>
+            )
+        }
+      </Form>
+    </Drawer>
+  )
+}
+
+/** 判断数组是否连续 */
+function isContinuityNum(array: number[]) {
+  var i = array[0];
+  var isContinuation = true;
+  for (var e in array) {
+    if (array[e] != i) {
+      isContinuation = false;
+      break;
+    }
+    i++;
+  }
+  return isContinuation;
+}
+

package/src/Invoice/ui/digtal/GoodsList/ui/BulkMenu/hooks/useAddDiscountRowButton/svg/add.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
+  <g clip-path="url(#clip0_715_372)">
+    <path d="M7.5 14.5312C3.61687 14.5312 0.46875 11.3831 0.46875 7.5C0.46875 3.61687 3.61687 0.46875 7.5 0.46875C11.3831 0.46875 14.5312 3.61687 14.5312 7.5C14.5312 11.3831 11.3831 14.5312 7.5 14.5312ZM7.5 13.5938C10.8656 13.5938 13.5938 10.8656 13.5938 7.5C13.5938 4.13438 10.8656 1.40625 7.5 1.40625C4.13438 1.40625 1.40625 4.13438 1.40625 7.5C1.40625 10.8656 4.13438 13.5938 7.5 13.5938Z" />
+    <path d="M3.75 7.96875C3.62568 7.96875 3.50645 7.91936 3.41854 7.83146C3.33064 7.74355 3.28125 7.62432 3.28125 7.5C3.28125 7.37568 3.33064 7.25645 3.41854 7.16854C3.50645 7.08064 3.62568 7.03125 3.75 7.03125H11.25C11.3743 7.03125 11.4935 7.08064 11.5815 7.16854C11.6694 7.25645 11.7188 7.37568 11.7188 7.5C11.7188 7.62432 11.6694 7.74355 11.5815 7.83146C11.4935 7.91936 11.3743 7.96875 11.25 7.96875H3.75Z" />
+    <path d="M7.03125 3.75C7.03125 3.62568 7.08064 3.50645 7.16854 3.41854C7.25645 3.33064 7.37568 3.28125 7.5 3.28125C7.62432 3.28125 7.74355 3.33064 7.83146 3.41854C7.91936 3.50645 7.96875 3.62568 7.96875 3.75V11.25C7.96875 11.3743 7.91936 11.4935 7.83146 11.5815C7.74355 11.6694 7.62432 11.7188 7.5 11.7188C7.37568 11.7188 7.25645 11.6694 7.16854 11.5815C7.08064 11.4935 7.03125 11.3743 7.03125 11.25V3.75Z" />
+  </g>
+  <defs>
+    <clipPath id="clip0_715_372">
+      <rect width="15" height="15" />
+    </clipPath>
+  </defs>
+</svg>

package/src/Invoice/ui/digtal/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.forEach(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 }
+};