kts-component-invoice-operate 3.2.181-22 → 3.2.181-23

package/dist/Invoice/ui/digtal/GoodsList/ui/BatchImportRows/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/Invoice/ui/digtal/ImportBatchGoodsDrawer/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/index.esm.js

@@ -19870,6 +19870,61 @@ function _rollBottom$1() {
   return _rollBottom$1.apply(this, arguments);
 }
 
+var BatchImportRows$1 = (function () {
+  var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  var onClick = React.useCallback(function () {
+    controller.pipeline( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                s.goodsListState.importGoods.isVisibleBatchImportDrawer = true;
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }())();
+  }, [controller]);
+  if (model === 'prefab') return /*#__PURE__*/React.createElement(React.Fragment, null);
+  if (model === 'readOnly') return /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick
+  }, "\u6279\u91CF\u5BFC\u5165");
+}); // /** 添加一个空货物 */
+// 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;
+// }
+
 /** 延迟函数 */
 
 var lazyFn$1 = function lazyFn(fn) {
@@ -24868,7 +24923,7 @@ var Main$3 = decorator(Form.create())(function (props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate-goods-list-able"
-  }, /*#__PURE__*/React.createElement(AddRowButton$1, null), delRowButton.button, addDiscountRowButton.button, endowCodeButton.button, /*#__PURE__*/React.createElement(TaxIncludedSwitch$1, null), /*#__PURE__*/React.createElement(Search$1, null), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(AddRowButton$1, null), /*#__PURE__*/React.createElement(BatchImportRows$1, null), delRowButton.button, addDiscountRowButton.button, endowCodeButton.button, /*#__PURE__*/React.createElement(TaxIncludedSwitch$1, null), /*#__PURE__*/React.createElement(Search$1, null), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1
     }
@@ -27288,57 +27343,7 @@ var ImportBatchGoodsDrawer = (function () {
 
               if (controller.importdApplicationLines) {
                 controller.importdApplicationLines(e, type);
-              } // await startMantle(async () => {
-              //     let data;
-              //     if (type === 'txt') {
-              //         data = await billingApplicationTxtImport(e);
-              //     } else {
-              //         data = await billingApplicationDataImport(e);
-              //     }
-              //     await controllerApplicationData?.getInvoiceApplication();
-              //     let onDownload
-              //     if (type === 'xls') {
-              //         onDownload = async () => {
-              //             await billingApplicationDownloadExcelResult({ fileId: data.errorExcelPath })
-              //         }
-              //     } else {
-              //         onDownload = async () => {
-              //             await billingApplicationTxtDownload({ fileId: data.errorExcelPath })
-              //         }
-              //     }
-              //     if (data.failSize === 0) {
-              //         Modal.success({
-              //             title: '完成导入',
-              //             okText: '确定',
-              //             content: (
-              //                 <div>
-              //                     模版发票数量
-              //                     <span className={styles.size} >{data.totalSize}</span>
-              //                     条，导入成功
-              //                     <span className={styles.size} >{data.totalSize}</span>
-              //                     条
-              //                 </div>
-              //             ),
-              //         });
-              //     } else {
-              //         Modal.confirm({
-              //             title: '导入结果',
-              //             okText: '下载失败结果',
-              //             cancelText: '关闭',
-              //             onOk: onDownload,
-              //             content: (
-              //                 <div>
-              //                     模版发票数量
-              //                     <span className={styles.size} >{data.totalSize}</span>条，导入成功
-              //                     <span className={styles.size} >{data.totalSize - data.failSize}</span>条，导入失败
-              //                     <span className={styles.size} >{data.failSize}</span>条!<br />
-              //                     您可以下载失败结果调整后重新导入。
-              //                 </div>
-              //             ),
-              //         });
-              //     }
-              // })
-
+              }
 
               return _context2.abrupt("return", false);
 
@@ -27362,7 +27367,7 @@ var ImportBatchGoodsDrawer = (function () {
   };
 
   return /*#__PURE__*/React.createElement(Drawer$2, {
-    title: "\u6279\u91CF\u5BFC\u5165\u5546\u54C1",
+    title: "\u6279\u91CF\u5BFC\u5165",
     placement: "right",
     // closable={false}
     destroyOnClose: true,

package/dist/index.js

@@ -19880,6 +19880,61 @@ function _rollBottom$1() {
   return _rollBottom$1.apply(this, arguments);
 }
 
+var BatchImportRows$1 = (function () {
+  var controller = Invoice.useInvoiceController();
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  var onClick = React__default['default'].useCallback(function () {
+    controller.pipeline( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(s) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                s.goodsListState.importGoods.isVisibleBatchImportDrawer = true;
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }())();
+  }, [controller]);
+  if (model === 'prefab') return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  if (model === 'readOnly') return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Button, {
+    onClick: onClick
+  }, "\u6279\u91CF\u5BFC\u5165");
+}); // /** 添加一个空货物 */
+// 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;
+// }
+
 /** 延迟函数 */
 
 var lazyFn$1 = function lazyFn(fn) {
@@ -24878,7 +24933,7 @@ var Main$3 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
     }
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "kts-invoice-operate-goods-list-able"
-  }, /*#__PURE__*/React__default['default'].createElement(AddRowButton$1, null), delRowButton.button, addDiscountRowButton.button, endowCodeButton.button, /*#__PURE__*/React__default['default'].createElement(TaxIncludedSwitch$1, null), /*#__PURE__*/React__default['default'].createElement(Search$1, null), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement(AddRowButton$1, null), /*#__PURE__*/React__default['default'].createElement(BatchImportRows$1, null), delRowButton.button, addDiscountRowButton.button, endowCodeButton.button, /*#__PURE__*/React__default['default'].createElement(TaxIncludedSwitch$1, null), /*#__PURE__*/React__default['default'].createElement(Search$1, null), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       flex: 1
     }
@@ -27298,57 +27353,7 @@ var ImportBatchGoodsDrawer = (function () {
 
               if (controller.importdApplicationLines) {
                 controller.importdApplicationLines(e, type);
-              } // await startMantle(async () => {
-              //     let data;
-              //     if (type === 'txt') {
-              //         data = await billingApplicationTxtImport(e);
-              //     } else {
-              //         data = await billingApplicationDataImport(e);
-              //     }
-              //     await controllerApplicationData?.getInvoiceApplication();
-              //     let onDownload
-              //     if (type === 'xls') {
-              //         onDownload = async () => {
-              //             await billingApplicationDownloadExcelResult({ fileId: data.errorExcelPath })
-              //         }
-              //     } else {
-              //         onDownload = async () => {
-              //             await billingApplicationTxtDownload({ fileId: data.errorExcelPath })
-              //         }
-              //     }
-              //     if (data.failSize === 0) {
-              //         Modal.success({
-              //             title: '完成导入',
-              //             okText: '确定',
-              //             content: (
-              //                 <div>
-              //                     模版发票数量
-              //                     <span className={styles.size} >{data.totalSize}</span>
-              //                     条，导入成功
-              //                     <span className={styles.size} >{data.totalSize}</span>
-              //                     条
-              //                 </div>
-              //             ),
-              //         });
-              //     } else {
-              //         Modal.confirm({
-              //             title: '导入结果',
-              //             okText: '下载失败结果',
-              //             cancelText: '关闭',
-              //             onOk: onDownload,
-              //             content: (
-              //                 <div>
-              //                     模版发票数量
-              //                     <span className={styles.size} >{data.totalSize}</span>条，导入成功
-              //                     <span className={styles.size} >{data.totalSize - data.failSize}</span>条，导入失败
-              //                     <span className={styles.size} >{data.failSize}</span>条!<br />
-              //                     您可以下载失败结果调整后重新导入。
-              //                 </div>
-              //             ),
-              //         });
-              //     }
-              // })
-
+              }
 
               return _context2.abrupt("return", false);
 
@@ -27372,7 +27377,7 @@ var ImportBatchGoodsDrawer = (function () {
   };
 
   return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Drawer, {
-    title: "\u6279\u91CF\u5BFC\u5165\u5546\u54C1",
+    title: "\u6279\u91CF\u5BFC\u5165",
     placement: "right",
     // closable={false}
     destroyOnClose: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.181-22",
+  "version": "3.2.181-23",
   "scripts": {
     "dev": "dumi dev --max-old-space-size=6096",
     "start": "dumi dev",

package/src/Invoice/ui/default/ImportBatchGoodsDrawer/index.tsx

@@ -1,11 +1,7 @@
 import React from 'react';
 import { Drawer, Table, Upload, Modal } from 'kts-components-antd-x4';
 import { RcFile } from 'kts-components-antd-x4/lib/upload';
-import Invoice from '../../..';
-import { updateUnitPriceExcludingTax, updateUnitPriceTax, dutyFree, format15 } from '../GoodsList/hook/useColumns/autoFillFn';
-import { countAmountIncludeTax } from '../../../tools/calculate'
-import { IGood } from '../../../InvoiceController';
-import evaluate from '../../../tools/evaluate';
+import Invoice from '../../..';  
 import Icon from '@ant-design/icons';
 import { ReactComponent as DownloadSvg } from './icon/download.svg';
 import { ReactComponent as UploadSvg } from './icon/upload.svg';
@@ -23,60 +19,7 @@ export default () => {
   const beforeUpload = React.useCallback(async (e: RcFile, type: string = 'xls') => {
     if (controller.importdApplicationLines) {
       controller.importdApplicationLines(e, type);
-    }
-    // await startMantle(async () => {
-    //     let data;
-    //     if (type === 'txt') {
-    //         data = await billingApplicationTxtImport(e);
-    //     } else {
-    //         data = await billingApplicationDataImport(e);
-    //     }
-    //     await controllerApplicationData?.getInvoiceApplication();
-
-    //     let onDownload
-    //     if (type === 'xls') {
-    //         onDownload = async () => {
-    //             await billingApplicationDownloadExcelResult({ fileId: data.errorExcelPath })
-    //         }
-    //     } else {
-    //         onDownload = async () => {
-    //             await billingApplicationTxtDownload({ fileId: data.errorExcelPath })
-    //         }
-    //     }
-
-
-    //     if (data.failSize === 0) {
-    //         Modal.success({
-    //             title: '完成导入',
-    //             okText: '确定',
-    //             content: (
-    //                 <div>
-    //                     模版发票数量
-    //                     <span className={styles.size} >{data.totalSize}</span>
-    //                     条，导入成功
-    //                     <span className={styles.size} >{data.totalSize}</span>
-    //                     条
-    //                 </div>
-    //             ),
-    //         });
-    //     } else {
-    //         Modal.confirm({
-    //             title: '导入结果',
-    //             okText: '下载失败结果',
-    //             cancelText: '关闭',
-    //             onOk: onDownload,
-    //             content: (
-    //                 <div>
-    //                     模版发票数量
-    //                     <span className={styles.size} >{data.totalSize}</span>条，导入成功
-    //                     <span className={styles.size} >{data.totalSize - data.failSize}</span>条，导入失败
-    //                     <span className={styles.size} >{data.failSize}</span>条!<br />
-    //                     您可以下载失败结果调整后重新导入。
-    //                 </div>
-    //             ),
-    //         });
-    //     }
-    // })
+    } 
     return false;
   }, [controller])
 
@@ -87,7 +30,7 @@ export default () => {
   }
   return (
     <Drawer
-      title="批量导入商品"
+      title="批量导入"
       placement="right"
       // closable={false}
       destroyOnClose={true}
@@ -123,67 +66,4 @@ export default () => {
       </div >
     </Drawer>
   );
-};
-/** 项目名称 */
-// const getItemName = (record: any) => {
-//   return record.shorthand
-//     ? `*${record.shorthand}*${record.itemName}`
-//     : record.itemName;
-// };
-
-/** 货物单价，不含税 */
-const getPriceExcludeTax = (s: IGood, record: any, calculatingDigits?: number) => {
-  if ((!s.taxRate && s.taxRate !== 0) || (!record.priceIncludeTax && record.priceIncludeTax !== 0)) return;
-
-  // 单价(含税)/(1+税率) = 单价(不含税)
-  return format15(evaluate(`${record.priceIncludeTax} / (1+${s.taxRate}/100)`), calculatingDigits);
-};
-
-// 获取我方名称
-const getItemName = (record: any, editGood: IGood) => {
-
-  // let shorthand;
-
-  // shorthand = record.shorthand;
-  // if (shorthand) {
-  //   return `*${shorthand}*${record.itemName}`;
-  // }
-
-  // shorthand = getSN(editGood.itemName)?.shorthand;
-  // if (shorthand) {
-  //   return `*${shorthand}*${record.itemNameSelf}`;
-  // }
-
-  return record.itemName;
-}
-
-// 获取他方名称
-const getItemNameOther = (record: any, editGood: IGood) => {
-  // if (!editGood.itemName) return editGood.itemName;
-
-  // let shorthand;
-
-  // shorthand = record.shorthand;
-  // if (shorthand) {
-  //   return `*${shorthand}*${record.itemNameSelf}`;
-  // }
-  return record.itemName;
-}
-
-// 获取商品编号
-const getItemCode = (record: any, editGood: IGood) => {
-
-  // let shorthand;
-
-  // shorthand = record.shorthand;
-  // if (shorthand) {
-  //   return `*${shorthand}*${record.itemName}`;
-  // }
-
-  // shorthand = getSN(editGood.itemName)?.shorthand;
-  // if (shorthand) {
-  //   return `*${shorthand}*${record.itemNameSelf}`;
-  // }
-
-  return record.productCode;
-}
+}; 

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

@@ -10,6 +10,7 @@ import Invoice from '../../..';
 import TableVirtual from './ui/TableVirtual';
 import Statistics from './ui/Statistics';
 import AddRowButton from './ui/AddRowButton';
+import BatchImportRows from './ui/BatchImportRows';
 import TaxIncludedSwitch from './ui/TaxIncludedSwitch';
 import Search from './ui/Search';
 import TableRow from './ui/TableRow';
@@ -44,7 +45,7 @@ export interface IGoodsListProps {
   isSwitchTax?: boolean;
 }
 
-export default class GoodsList extends React.Component<IGoodsListProps>{
+export default class GoodsList extends React.Component<IGoodsListProps> {
   render() {
     return <Main {...this.props} />
   }
@@ -127,6 +128,8 @@ const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Fo
         {/* 添加行 */}
         <AddRowButton />
 
+        <BatchImportRows />
+
         {/* 批量删除 */}
         {delRowButton.button}
 

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import Invoice from '../../../../..';
+import { Button } from 'kts-components-antd-x3'; 
+
+export default () => {
+  const controller = Invoice.useInvoiceController();
+
+  const model = controller.useMemo(s => s.model, []);  
+ 
+
+   const onClick = React.useCallback(() => {
+      controller.pipeline(async (s) => { 
+        s.goodsListState.importGoods.isVisibleBatchImportDrawer = true
+      })();
+    }, [controller]);
+ 
+  if (model === 'prefab') return <></>;
+  if (model === 'readOnly') return <></>;
+
+  return (
+    <Button onClick={onClick}>
+      批量导入
+    </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/ImportBatchGoodsDrawer/icon/download.svg

@@ -0,0 +1 @@
+<svg t="1670833534624" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8020" width="200" height="200"><path d="M748.51214222 770.64874667h-70.48760889v-45.43829334h70.48760889c109.51793778 0 198.64689778-89.12896 198.64689778-198.64689778 0-106.60522667-83.30353778-193.98656-189.90876445-198.64689777l-16.31118222-0.58254223-4.66033778-15.72864c-30.87473778-110.10048-132.81962667-187.57859555-247.58044444-187.57859555-140.97521778 0-256.31857778 114.76081778-256.90112 255.15349333v16.89372445l-16.89372444 4.66033777c-69.90506667 19.80643555-118.25607111 83.88608-118.25607112 156.12131556 0 89.71150222 72.81777778 162.52928 162.52928 162.52928h82.13845334v45.43829334H259.17667555c-114.76081778 0-207.96757333-93.20675555-207.96757333-207.96757334 0-46.02083555 14.56355555-89.71150222 43.10812445-126.41166222 23.88423111-30.87473778 55.92405333-54.75896889 92.62421333-68.15744 4.66033778-73.98286222 35.53507555-143.30538667 88.54641778-196.31672889 57.08913778-56.50659555 132.81962667-87.96387555 213.21045333-87.96387555 67.57489778 0 131.072 21.55406222 184.08334222 62.33201777 47.18592 36.11761778 83.30353778 86.79879111 102.52743112 142.72284445 56.50659555 6.40796445 109.51793778 32.03982222 149.13080888 73.40032 43.69066667 45.43829333 68.15744 105.44014222 68.15744 168.93724444 0 65.24472889-25.63185778 126.41166222-71.65269333 172.43249778-46.02083555 47.18592-107.18776889 72.81777778-172.43249778 72.81777778z" p-id="8021"></path><path d="M539.96202667 785.21230222H494.52373333V479.37763555h45.43829334v305.83466667z" p-id="8022"></path><path d="M600.54641778 704.82147555l31.45728 32.62236445-118.83861333 115.34336-111.26556445-115.92590222 32.62236445-31.45728 79.80828444 83.30353777 86.21624889-83.88608z" p-id="8023"></path></svg>

package/src/Invoice/ui/digtal/ImportBatchGoodsDrawer/icon/gogo.svg

@@ -0,0 +1 @@
+<svg t="1670918138605" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13021" width="200" height="200"><path d="M512 2.4697363c-280.24164503 0-509.5302637 229.28861867-509.5302637 509.5302637s229.28861867 509.5302637 509.5302637 509.5302637 509.5302637-229.28861867 509.5302637-509.5302637-229.28861867-509.5302637-509.5302637-509.5302637m0 955.05855525c-248.55134815 0-445.52829155-197.59832178-445.52829155-446.14966992S263.44865185 65.85033008 512 65.85033008 957.52829155 263.44865185 957.52829155 512 760.55134815 957.52829155 512 957.52829155" p-id="13022"></path><path d="M308.80927289 462.91110875l213.75415941 213.7541594-42.87510755 42.87510755L266.5555437 505.7862163l42.25372919-42.87510755z" p-id="13023"></path><path d="M738.80310518 372.18986667l42.87510757 42.87510755-298.88299616 298.88299615-42.87510756-42.87510755 298.88299615-298.88299615z" p-id="13024"></path></svg>

package/src/Invoice/ui/digtal/ImportBatchGoodsDrawer/icon/sigh.svg

@@ -0,0 +1 @@
+<svg t="1672126518948" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10130" width="200" height="200"><path d="M512 75.09333333c59.16444445 0 116.50844445 11.83288889 170.21155555 34.58844445 51.88266667 21.84533333 98.304 53.70311111 139.264 93.75288889s71.90755555 86.47111111 93.7528889 139.264c22.75555555 53.70311111 34.58844445 111.04711111 34.58844444 170.21155555s-11.83288889 116.50844445-34.58844444 170.21155556c-21.84533333 51.88266667-53.70311111 98.304-93.7528889 139.264s-87.38133333 71.90755555-139.264 93.75288889c-53.70311111 22.75555555-111.04711111 34.58844445-170.21155555 34.58844444s-116.50844445-11.83288889-170.21155555-34.58844444c-51.88266667-21.84533333-99.21422222-53.70311111-139.264-93.75288889s-71.90755555-87.38133333-93.7528889-139.264C86.92622222 628.50844445 75.09333333 571.16444445 75.09333333 512s11.83288889-116.50844445 34.58844445-170.21155555c21.84533333-51.88266667 53.70311111-98.304 93.75288889-139.264s86.47111111-71.90755555 139.264-93.7528889A442.368 442.368 0 0 1 512 75.09333333m0-72.81777778C230.74133333 2.27555555 2.27555555 230.74133333 2.27555555 512s228.46577778 509.72444445 509.72444445 509.72444445 509.72444445-228.46577778 509.72444445-509.72444445S793.25866667 2.27555555 512 2.27555555z" p-id="10131"></path><path d="M511.08977778 766.86222222m-45.51111111 0a45.51111111 45.51111111 0 1 0 91.02222222 0 45.51111111 45.51111111 0 1 0-91.02222222 0Z" p-id="10132"></path><path d="M511.08977778 211.62666667c-25.48622222 0-45.51111111 20.02488889-45.51111111 45.51111111v364.08888889c0 25.48622222 20.02488889 45.51111111 45.51111111 45.51111111s45.51111111-20.02488889 45.51111111-45.51111111V257.13777778c0-25.48622222-20.02488889-45.51111111-45.51111111-45.51111111z" p-id="10133"></path></svg>

package/src/Invoice/ui/digtal/ImportBatchGoodsDrawer/icon/upload.svg

@@ -0,0 +1 @@
+<svg t="1670833567548" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8168" width="200" height="200"><path d="M748.43022222 770.38933333h-70.42844444v-45.51111111h70.42844444c109.568 0 198.656-89.088 198.656-198.656 0-106.60977778-83.39911111-193.76355555-189.78133333-198.42844444l-16.49777778-0.68266667-4.43733333-15.81511111c-30.94755555-110.36444445-132.77866667-187.50577778-247.58044445-187.50577778-140.85688889 0-256.11377778 114.57422222-257.13777778 255.31733333l-0.11377777 17.06666667-16.49777778 4.66488889c-69.632 19.68355555-118.21511111 83.968-118.21511111 156.33066667 0 89.54311111 72.93155555 162.47466667 162.47466666 162.47466667h82.37511112v45.5111111H259.41333333c-114.688 0-207.98577778-93.29777778-207.98577778-207.98577777 0-46.19377778 14.79111111-89.99822222 42.89422223-126.52088889 23.77955555-30.94755555 56.09244445-54.72711111 92.38755555-68.38044444 4.43733333-74.18311111 35.61244445-143.24622222 88.74666667-196.03911112 57.11644445-56.66133333 132.77866667-87.95022222 213.33333333-87.95022222 67.35644445 0 131.072 21.61777778 184.32 62.57777778 47.33155555 36.40888889 83.17155555 86.58488889 102.28622222 142.79111111 56.77511111 6.25777778 109.22666667 32.08533333 149.16266667 73.61422222 43.80444445 45.62488889 67.92533333 105.69955555 67.92533333 168.96 0 65.19466667-25.37244445 126.52088889-71.45244444 172.60088889-46.08 46.19377778-107.40622222 71.56622222-172.60088889 71.56622222z" p-id="8169"></path><path d="M494.36444445 546.816h45.5111111v306.06222222h-45.5111111z" p-id="8170"></path><path d="M433.60711111 627.37066667l-31.63022222-32.65422222 118.89777778-115.48444445 111.38844444 116.05333333-32.768 31.51644445-79.75822222-83.05777778z" p-id="8171"></path></svg>

package/src/Invoice/ui/digtal/ImportBatchGoodsDrawer/index.module.less

@@ -0,0 +1,65 @@
+.excel {
+
+    display    : flex;
+    text-align : center;
+    padding-top: 20px;
+    flex-wrap: wrap;
+    justify-content: space-around;
+
+    .right,
+    .left {
+        // flex       : 1;
+        cursor     : pointer;
+        border     : 1px solid #fff;
+        padding-top: 20px;
+
+        &:hover {
+            border: 1px solid #0074ff;
+        }
+    }
+
+    .upload,
+    .download {
+        p {
+            margin: 0;
+        }
+
+        :global {
+            .anticon {
+                font-size: 72px;
+            }
+        }
+
+        &>div {
+            display      : inline-block;
+            background   : #f8f8f8;
+            padding      : 40px;
+            border-radius: 9999px;
+            margin-bottom: 20px;
+        }
+    }
+}
+
+.modal {
+    label {
+        text-align   : center;
+        display      : block;
+        font-weight  : bold;
+        font-size    : 16px;
+        margin-bottom: 20px;
+
+        :global {
+            .anticon {
+                color       : #117fff;
+                font-size   : 22px;
+                margin-right: 10px;
+                position    : relative;
+                top         : 3px;
+            }
+        }
+    }
+
+    .size{
+        color: #0074ff;
+    }
+}

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { Drawer, Table, Upload, Modal } from 'kts-components-antd-x4';
+import { RcFile } from 'kts-components-antd-x4/lib/upload';
+import Invoice from '../../..';  
+import Icon from '@ant-design/icons';
+import { ReactComponent as DownloadSvg } from './icon/download.svg';
+import { ReactComponent as UploadSvg } from './icon/upload.svg';
+import styles from './index.module.less';
+
+export default () => {
+  const controller = Invoice.useInvoiceController();
+
+  const visible = controller.useMemo(s => s.goodsListState.importGoods.isVisibleBatchImportDrawer, []);
+
+  const onClose = React.useCallback(() => {
+    controller.pipeline(async s => { s.goodsListState.importGoods.isVisibleBatchImportDrawer = false })();
+  }, [controller]);
+
+  const beforeUpload = React.useCallback(async (e: RcFile, type: string = 'xls') => {
+    if (controller.importInvoiceLines) {
+      controller.importInvoiceLines(e, type);
+    } 
+    return false;
+  }, [controller])
+
+  const downloadInvoiceTempalte = () => {
+    if (controller.downloadInvoiceTempalte) {
+      controller.downloadInvoiceTempalte();
+    }
+  }
+  return (
+    <Drawer
+      title="批量导入"
+      placement="right"
+      // closable={false}
+      destroyOnClose={true}
+      width={500}
+      onClose={onClose}
+      visible={visible}
+    >
+      <div className={styles.excel} >
+        <div className={styles.left} >
+          <div className={styles.download} onClick={downloadInvoiceTempalte} >
+            <div>
+              <Icon component={DownloadSvg} />
+            </div>
+            <p style={{ fontWeight: 'bold' }} >Excel 模板下载</p>
+            <p>点击图标下载模板</p>
+          </div>
+        </div>
+        <div className={styles.right} >
+          <Upload
+            showUploadList={false}
+            beforeUpload={(e) => { beforeUpload(e, 'xls') }}
+            accept=".xlsx,.xls"
+          >
+            <div className={styles.upload} >
+              <div>
+                <Icon component={UploadSvg} />
+              </div>
+              <p style={{ fontWeight: 'bold' }} >Excel 上传</p>
+              <p>点击图标上传Excel文件</p>
+            </div>
+          </Upload>
+        </div>
+      </div >
+    </Drawer>
+  );
+};