kts-component-invoice-operate 3.1.12 → 3.1.13

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

@@ -1,175 +1,175 @@
-import React from 'react';
-import { Drawer, Table } from 'kts-components-antd-x3';
-import Invoice from '../../';
-import { updateUnitPriceExcludingTax, updateUnitPriceTax, dutyFree, format15 } from '../GoodsList/hook/useColumns/autoFillFn';
-import { countAmountIncludeTax } from '../../tools/calculate'
-import { getSN } from '../../tools/itemName'
-import { IGood } from '../../InvoiceController';
-import evaluate from '../../tools/evaluate';
-
-export default () => {
-  const controller = Invoice.useInvoiceController();
-
-  const visible = controller.useMemo(s => s.goodsListState.importGoods.isVisibleDrawer, []);
-
-  const topExpand = controller.useMemo(s => s.goodsListState.importGoods.topExpand, []);
-
-  const onClose = React.useCallback(() => {
-    console.log('===> 关闭抽屉');
-    controller.pipeline(async s => { s.goodsListState.importGoods.isVisibleDrawer = false })();
-  }, [controller]);
-
-  return (
-    <Drawer
-      title="商品列表"
-      placement="right"
-      // closable={false}
-      destroyOnClose={true}
-      width={983}
-      onClose={onClose}
-      visible={visible}
-    >
-      {topExpand &&
-        <div style={{ marginBottom: 10 }}  >
-          {topExpand}
-        </div>}
-      <DrawerBody />
-    </Drawer>
-  );
-};
-
-const DrawerBody = () => {
-  const controller = Invoice.useInvoiceController();
-
-  const columns = controller.useMemo(s => s.goodsListState.importGoods.columns, []);
-
-  const dataSource = controller.useMemo(s => s.goodsListState.importGoods.dataSource, []);
-
-  const pagination = controller.useMemo(s => s.goodsListState.importGoods.pagination, []);
-
-  // const [editGood] = React.useState(controller.state.goodsListState.editGood);
-
-  React.useEffect(() => { controller.getGoodsList && controller.getGoodsList({ pagination: { current: 1 } }) }, [controller]);
-
-  return (
-    <Table
-      bordered
-      size="small"
-      columns={columns}
-      dataSource={dataSource}
-      pagination={pagination}
-      onChange={pagination => { controller.getGoodsList && controller.getGoodsList({ pagination }) }}
-      onRow={record => {
-        return {
-          onClick: () => {
-            controller.run(async s => {
-              Object.keys(record).filter(e => !record[e] && record[e] !== 0).forEach(e => { delete record[e] });
-
-              // 导入时校验函数
-              if (await s.goodsListState.importGoods.verifyFn(record) === false) return;
-
-              // 没用 被编辑的货物 和 form 就退出
-              if (!s.goodsListState.editGood || !s.goodsListState.form) return;
-
-              if (s.goodsListState.editGood.lineAmountExcludeTax || s.goodsListState.editGood.lineAmountIncludeTax) {
-                record.priceExcludeTax = s.goodsListState.editGood.priceExcludeTax;
-                record.priceIncludeTax = s.goodsListState.editGood.priceIncludeTax;
-                record.lineAmountExcludeTax = s.goodsListState.editGood.lineAmountExcludeTax;
-                record.lineAmountIncludeTax = s.goodsListState.editGood.lineAmountIncludeTax;
-              }
-
-              // 中间数据
-              const between = { ...record };
-              between.itemName = getItemName(record, s.goodsListState.editGood);
-              between.itemNameOther = getItemNameOther(record, s.goodsListState.editGood);
-
-              // 设置编辑货物
-              const editGood: IGood = s.goodsListState.editGood = { ...s.goodsListState.editGood, ...between };
-
-              if (editGood.taxRate) {
-                editGood.taxRate = dutyFree(controller, editGood.taxRate, s.goodsListState.form, editGood)
-              }
-
-              if (`${editGood.priceIncludeTax}` === '0') {
-                editGood.priceIncludeTax = undefined;
-                editGood.priceExcludeTax = undefined;
-              } else {
-                editGood.priceExcludeTax = getPriceExcludeTax(editGood, record, s.calculatingDigits) as number;
-              }
-
-              if (editGood.quantity && editGood.priceIncludeTax) {
-                editGood.lineAmountIncludeTax = countAmountIncludeTax(editGood.quantity, editGood.priceIncludeTax, s.calculatingDigits);
-              }
-
-              // 导入FORM里
-              if (s.goodsListState.isMyShow) {
-                s.goodsListState.form.setFieldsValue({
-                  ...editGood,
-                  itemName: editGood.itemNameSelf,
-                  itemModelName: editGood.itemModelNameSelf,
-                });
-              } else {
-                s.goodsListState.form.setFieldsValue({
-                  ...editGood,
-                });
-              }
-
-              s.goodsListState.importGoods.isVisibleDrawer = false;
-
-              s.goodsListState.isTaxIncluded
-                ? updateUnitPriceExcludingTax(controller, s.goodsListState.form, record)
-                : updateUnitPriceTax(controller, s.goodsListState.form, record)
-            })
-          }
-        };
-      }}
-    />
-  );
-};
-
-/** 项目名称 */
-// 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;
+import React from 'react';
+import { Drawer, Table } from 'kts-components-antd-x3';
+import Invoice from '../../';
+import { updateUnitPriceExcludingTax, updateUnitPriceTax, dutyFree, format15 } from '../GoodsList/hook/useColumns/autoFillFn';
+import { countAmountIncludeTax } from '../../tools/calculate'
+import { getSN } from '../../tools/itemName'
+import { IGood } from '../../InvoiceController';
+import evaluate from '../../tools/evaluate';
+
+export default () => {
+  const controller = Invoice.useInvoiceController();
+
+  const visible = controller.useMemo(s => s.goodsListState.importGoods.isVisibleDrawer, []);
+
+  const topExpand = controller.useMemo(s => s.goodsListState.importGoods.topExpand, []);
+
+  const onClose = React.useCallback(() => {
+    console.log('===> 关闭抽屉');
+    controller.pipeline(async s => { s.goodsListState.importGoods.isVisibleDrawer = false })();
+  }, [controller]);
+
+  return (
+    <Drawer
+      title="商品列表"
+      placement="right"
+      // closable={false}
+      destroyOnClose={true}
+      width={983}
+      onClose={onClose}
+      visible={visible}
+    >
+      {topExpand &&
+        <div style={{ marginBottom: 10 }}  >
+          {topExpand}
+        </div>}
+      <DrawerBody />
+    </Drawer>
+  );
+};
+
+const DrawerBody = () => {
+  const controller = Invoice.useInvoiceController();
+
+  const columns = controller.useMemo(s => s.goodsListState.importGoods.columns, []);
+
+  const dataSource = controller.useMemo(s => s.goodsListState.importGoods.dataSource, []);
+
+  const pagination = controller.useMemo(s => s.goodsListState.importGoods.pagination, []);
+
+  // const [editGood] = React.useState(controller.state.goodsListState.editGood);
+
+  React.useEffect(() => { controller.getGoodsList && controller.getGoodsList({ pagination: { current: 1 } }) }, [controller]);
+
+  return (
+    <Table
+      bordered
+      size="small"
+      columns={columns}
+      dataSource={dataSource}
+      pagination={pagination}
+      onChange={pagination => { controller.getGoodsList && controller.getGoodsList({ pagination }) }}
+      onRow={record => {
+        return {
+          onClick: () => {
+            controller.run(async s => {
+              Object.keys(record).filter(e => !record[e] && record[e] !== 0).forEach(e => { delete record[e] });
+
+              // 导入时校验函数
+              if (await s.goodsListState.importGoods.verifyFn(record) === false) return;
+
+              // 没用 被编辑的货物 和 form 就退出
+              if (!s.goodsListState.editGood || !s.goodsListState.form) return;
+
+              if (s.goodsListState.editGood.lineAmountExcludeTax || s.goodsListState.editGood.lineAmountIncludeTax) {
+                record.priceExcludeTax = s.goodsListState.editGood.priceExcludeTax;
+                record.priceIncludeTax = s.goodsListState.editGood.priceIncludeTax;
+                record.lineAmountExcludeTax = s.goodsListState.editGood.lineAmountExcludeTax;
+                record.lineAmountIncludeTax = s.goodsListState.editGood.lineAmountIncludeTax;
+              }
+
+              // 中间数据
+              const between = { ...record };
+              between.itemName = getItemName(record, s.goodsListState.editGood);
+              between.itemNameOther = getItemNameOther(record, s.goodsListState.editGood);
+
+              // 设置编辑货物
+              const editGood: IGood = s.goodsListState.editGood = { ...s.goodsListState.editGood, ...between };
+
+              if (editGood.taxRate) {
+                editGood.taxRate = dutyFree(controller, editGood.taxRate, s.goodsListState.form, editGood)
+              }
+
+              if (`${editGood.priceIncludeTax}` === '0') {
+                editGood.priceIncludeTax = undefined;
+                editGood.priceExcludeTax = undefined;
+              } else {
+                editGood.priceExcludeTax = getPriceExcludeTax(editGood, record, s.calculatingDigits) as number;
+              }
+
+              if (editGood.quantity && editGood.priceIncludeTax) {
+                editGood.lineAmountIncludeTax = countAmountIncludeTax(editGood.quantity, editGood.priceIncludeTax, s.calculatingDigits);
+              }
+
+              // 导入FORM里
+              if (s.goodsListState.isMyShow) {
+                s.goodsListState.form.setFieldsValue({
+                  ...editGood,
+                  itemName: editGood.itemNameSelf,
+                  itemModelName: editGood.itemModelNameSelf,
+                });
+              } else {
+                s.goodsListState.form.setFieldsValue({
+                  ...editGood,
+                });
+              }
+
+              s.goodsListState.importGoods.isVisibleDrawer = false;
+
+              s.goodsListState.isTaxIncluded
+                ? updateUnitPriceExcludingTax(controller, s.goodsListState.form, record)
+                : updateUnitPriceTax(controller, s.goodsListState.form, record)
+            })
+          }
+        };
+      }}
+    />
+  );
+};
+
+/** 项目名称 */
+// 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;
 }

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

@@ -1,69 +1,69 @@
-.kts-invoice-operate-invoice-header {
-  padding    : 20px 8px;
-  background : #f6f7f9;
-  position   : relative;
-  color      : rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-
-  label {
-    margin-right: 5px;
-    white-space : nowrap;
-  }
-
-  .invoice-header-title {
-    top           : 20px;
-    left          : 0;
-    position      : absolute;
-    color         : #e28b89;
-    font-weight   : 500;
-    font-size     : 22px;
-    text-align    : center;
-    width         : 100%;
-    pointer-events: none;
-    z-index       : 1;
-  }
-
-  .invoice-header-no {
-    display: flex;
-
-    .ktsAnt3x-tag {
-      margin-left: 10px;
-      height     : 24px;
-    }
-  }
-
-  .invoice-header-type {
-    flex      : 1;
-    text-align: right;
-  }
-
-
-  .invoice-header-property {
-    margin: 20px 0 0;
-
-    .ktsAnt3x-col {
-      display       : flex;
-      flex-direction: inherit;
-      padding-right : 20px;
-
-      span {
-        color: #999;
-      }
-    }
-  }
-
-  .invoice-header-property-fieldExpand {
-    display        : flex;
-    margin         : 0;
-    padding        : 0;
-    list-style-type: none;
-    gap            : 10px;
-    align-items    : center;
-
-    li {
-      display    : flex;
-      align-items: center;
-      flex       : 1;
-    }
-  }
+.kts-invoice-operate-invoice-header {
+  padding    : 20px 8px;
+  background : #f6f7f9;
+  position   : relative;
+  color      : rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+
+  label {
+    margin-right: 5px;
+    white-space : nowrap;
+  }
+
+  .invoice-header-title {
+    top           : 20px;
+    left          : 0;
+    position      : absolute;
+    color         : #e28b89;
+    font-weight   : 500;
+    font-size     : 22px;
+    text-align    : center;
+    width         : 100%;
+    pointer-events: none;
+    z-index       : 1;
+  }
+
+  .invoice-header-no {
+    display: flex;
+
+    .ktsAnt3x-tag {
+      margin-left: 10px;
+      height     : 24px;
+    }
+  }
+
+  .invoice-header-type {
+    flex      : 1;
+    text-align: right;
+  }
+
+
+  .invoice-header-property {
+    margin: 20px 0 0;
+
+    .ktsAnt3x-col {
+      display       : flex;
+      flex-direction: inherit;
+      padding-right : 20px;
+
+      span {
+        color: #999;
+      }
+    }
+  }
+
+  .invoice-header-property-fieldExpand {
+    display        : flex;
+    margin         : 0;
+    padding        : 0;
+    list-style-type: none;
+    gap            : 10px;
+    align-items    : center;
+
+    li {
+      display    : flex;
+      align-items: center;
+      flex       : 1;
+    }
+  }
 }