kts-component-invoice-operate 3.2.227 → 3.2.228

package/src/Invoice/Invoice-digtal/index.md

@@ -1,10 +1,11 @@
 # 数电
 
-<!-- ## 简单用法
-<code src="./_test/easiest/index.tsx"></code> -->
+## 简单用法
+<code src="./_test/pay/index.tsx"></code>
+<!-- <code src="./_test/easiest/index.tsx"></code> -->
 
-## 不动产经营租赁服务
-<code src="./_test/realEstateInfo/index.tsx"></code>
+<!-- ## 不动产经营租赁服务
+<code src="./_test/realEstateInfo/index.tsx"></code> -->
 
 <!-- ## 建筑服务
 <code src="./_test/architecture/index.tsx"></code> -->
@@ -39,6 +40,6 @@
 
 
 -->
-
-<!-- ## 货物运输服务
+<!-- 
+## 货物运输服务
 <code src="./_test/freight/index.tsx"></code>  -->

package/src/Invoice/InvoiceController/InvoiceControllerForm/index.ts

@@ -58,6 +58,17 @@ export default class InvoiceControllerForm extends GreyReactBox<InvoiceControlle
 
     _values.set('freightList', this.state.freightListState.goodsList.slice());
 
+    //支付
+    if (this.state.payListState.form) {
+      try {
+        await this.state.payListState.form?.validateFields()
+      } catch (error: any) {
+        _errors.set('payList', error.errors);
+      }
+    }
+
+    _values.set('payList', this.state.payListState.goodsList.slice());
+
     // 金额（含税）
     _values.set('lineAmountIncludeTax', (() => {
       let sum = chain(bignumber(0));

package/src/Invoice/InvoiceController/InvoiceControllerState/PayListState/IColumnsReplenish/index.ts

@@ -0,0 +1,10 @@
+
+/** 商品表格补充配置 */
+
+import { ValidationRule } from "kts-components-antd-x3/lib/form";
+
+export default interface IColumnsReplenish {
+
+    /** 补充的规则 */
+    rules: ValidationRule[];
+}

package/src/Invoice/InvoiceController/InvoiceControllerState/PayListState/IGood/index.ts

@@ -0,0 +1,35 @@
+export default interface IGood {
+  /** 数据索引 */
+  $index: string;
+  /** 序号 */
+  sortNumber?: number;
+  /** 运输工具种类列表 */
+  vehicleList?: any[] | null;
+
+  /** 运输工具种类 */
+  vehicle?: string;
+
+  channel:string;
+
+  number:string;
+
+  
+
+  // itemName?:string;
+
+  /** 运输工具牌号 */
+  // vehicleNo?: string;
+
+  /** 起运地 */
+  // origin?: string[];
+
+  /** 到达地 */
+  // destination?: string[];
+
+  /** 运输货物名称 */
+  // goodName?: string;
+
+  /** 地区 */
+  // area?: string[];
+
+}

package/src/Invoice/InvoiceController/InvoiceControllerState/PayListState/ImportGoods/index.ts

@@ -0,0 +1,81 @@
+import { ColumnProps } from 'kts-components-antd-x3/lib/Table/interface';
+import { PaginationConfig } from 'kts-components-antd-x3/lib/Table';
+import { message } from 'kts-components-antd-x3';
+import React from 'react';
+
+export interface IGetGoodsListOption {
+  /** 分页数据 */
+  pagination: PaginationConfig;
+}
+
+export default class ImportGoods<ColumnType = any> {
+  /** 表头 */
+  columns: ColumnProps<ColumnType>[] = [
+    {
+      title: '商品分类',
+      dataIndex: 'itemType',
+      key: 'itemType',
+    },
+    {
+      title: '商品编码',
+      dataIndex: 'itemNo',
+      key: 'itemNo',
+    },
+    {
+      title: '商品名称',
+      dataIndex: 'itemName',
+      key: 'itemName',
+    },
+    {
+      title: '规格型号',
+      dataIndex: 'itemModelName',
+      key: 'itemModelName',
+    },
+    {
+      title: '计量单位',
+      dataIndex: 'unit',
+      key: 'unit',
+    },
+    {
+      title: '税率',
+      dataIndex: 'taxRate',
+      key: 'taxRate',
+      render: text => text || text === 0 ? `${text}%` : ''
+    },
+    {
+      title: '单价(含税)',
+      dataIndex: 'priceIncludeTax',
+      key: 'priceIncludeTax',
+    },
+    {
+      title: '税收分类编码',
+      dataIndex: 'taxClassificationCode',
+      key: 'taxClassificationCode',
+    },
+  ];
+
+  /** 货物列表 */
+  dataSource: ColumnType[] = [];
+
+  /** 分页数据 */
+  pagination: PaginationConfig = {};
+
+  /** 是否显示导入 */
+  isVisibleDrawer = false;
+
+  /** 顶部扩展 */
+  topExpand?: React.ReactNode;
+
+  /** 导入时校验函数 */
+  verifyFn: (record: any) => Promise<boolean> = async record => {
+    if (!record.taxClassificationCode) {
+      message.error({ content: '请维护该商品的税收分类编码！', key: '请维护该商品的税收分类编码！' })
+      return false;
+    }
+    if (record.productStatus === 0) {
+      message.error({ content: '当前货物为禁用', key: '当前货物为禁用' })
+      return false;
+    }
+    return true;
+  };
+}

package/src/Invoice/InvoiceController/InvoiceControllerState/PayListState/index.ts

@@ -0,0 +1,40 @@
+import IGood from './IGood';
+import { WrappedFormUtils } from 'kts-components-antd-x3/lib/form/Form';
+
+export default class PayListState {
+
+  /** 产品最大数 */
+  goodMax?: number;
+
+  /** 正在编辑的货物 */
+  editGood?: IGood;
+
+  /** 是否可以添加行 */
+  isAddRow = true;
+
+  /** 是否可以删除行 */
+  isRemRow = true;
+
+  /** 货物字典 */
+  goodsMap = new Map<string, IGood>();
+
+  /** 被编辑行的form对象 */
+  form?: WrappedFormUtils;
+
+  /** 运输工具种类列表 */
+  vehicleTypeList: any[] = [];
+
+  /** 货物列表 */
+  goodsList: IGood[] = [];
+
+  /** 列表选中的货物索引列表 */
+  selectedGoodIndex: string[] = [];
+
+  /** 地区 */
+  area: any[] = [];
+
+  addressFieldNames: IFieldNames = { label: 'label', value: 'value', children: 'children' }
+}
+interface IFieldNames {
+  label: string; value: string; children: string
+}

package/src/Invoice/InvoiceController/InvoiceControllerState/index.ts

@@ -1,5 +1,6 @@
 import GoodsListState from './GoodsListState';
 import FreightListState from './FreightListState';
+import PayListState from './PayListState';
 import BuyerState from './BuyerState';
 import Stakeholder from './Stakeholder';
 import { IInvoiceTypeModalProps } from '../../../InvoiceTypeModal';
@@ -68,6 +69,8 @@ export default class InvoiceControllerState {
    * 货物运输列表
    */
   freightListState = new FreightListState();
+  
+  payListState=new PayListState();
 
   addGoodsCheck?: any;
 }

package/src/Invoice/InvoiceController/fns/addPay.ts

@@ -0,0 +1,11 @@
+import { InvoiceControllerState } from '..';
+import idGenerator from '../../tools/idGenerator';
+
+/**
+ * 添加的付款
+ */
+export default async (state: InvoiceControllerState, options?: any) => {
+  options.$index = idGenerator();
+  state.payListState.goodsList = [...state.payListState.goodsList, options];
+  return options;
+};

package/src/Invoice/InvoiceController/fns/delPay.ts

@@ -0,0 +1,38 @@
+import { InvoiceControllerState } from '..';
+
+/**
+ * 删除一个付款行
+ */
+export default async (state: InvoiceControllerState, $index?: string) => {
+  if (!$index) return;
+  // 查下要删除的货物
+  const goods = state.payListState.goodsList.filter((e) => e.$index === $index)[0];
+  if (!goods) return;
+
+  // 如果正在编辑 就取消编辑
+  if (state.payListState.editGood && state.payListState.editGood.$index === $index) {
+    state.payListState.editGood = undefined;
+  }
+  const goodsList = state.payListState.goodsList;
+  const goodsMap = state.payListState.goodsMap;
+
+  goodsMap.delete($index);
+
+  for (let i = 0; i < goodsList.length; i++) {
+
+    if (goodsList[i].$index === $index) {
+      // const good = goodsList[i];
+
+      // if (good.lineAttribute === LineAttributeType.折扣行 && goodsList[i - 1] && goodsList[i - 1].lineAttribute === LineAttributeType.被折扣行) {
+      //   goodsList[i - 1].lineAttribute = LineAttributeType.正常;
+      // }
+
+      goodsList.splice(i, 1);
+
+      break;
+    }
+  }
+  
+  state.payListState.goodsList = [...goodsList];
+  state.payListState.goodsMap = new Map(goodsMap);
+};

package/src/Invoice/InvoiceController/fns/saveEditPay.ts

@@ -0,0 +1,23 @@
+import { InvoiceControllerState } from '..';
+
+/**
+ * 保存正在编辑的支付信息
+ */
+export default async (state: InvoiceControllerState) => {
+  
+  const editGood = state.payListState.editGood;
+  const form = state.payListState.form;
+  if (!editGood || !form ) return;
+  if ((await validateFields(form)).err) return;
+
+  state.payListState.goodsList = state.payListState.goodsList.map((e) =>
+    e.$index === editGood.$index ? { ...e, ...editGood } : e,
+  );
+  state.payListState.editGood = undefined;
+};
+
+const validateFields = (form: any) => new Promise((resolve: (v: { err: any; values: any }) => void) => {
+  form.validateFields(async (err: any, values: any) => {
+    resolve({ err, values });
+  });
+});

package/src/Invoice/InvoiceController/fns/setEditPay.ts

@@ -0,0 +1,16 @@
+import { InvoiceControllerState, IGood3 } from '..';
+
+/**
+ * 设置当前的编辑的付款信息
+ */
+export default async (state: InvoiceControllerState, newEditGood?: any) => {
+  if (newEditGood) {
+    const editGood = state.payListState.editGood as IGood3;
+    state.payListState = {
+      ...state.payListState,
+      editGood: { ...editGood, ...newEditGood },
+    };
+  } else {
+    state.payListState = { ...state.payListState, editGood: undefined };
+  }
+};

package/src/Invoice/InvoiceController/fns/setPay.ts

@@ -0,0 +1,11 @@
+
+import { InvoiceControllerState, IGood } from '..';
+
+/**
+ * 设置单个商品的付款信息
+ */
+export default async (state: InvoiceControllerState, options?: IGood) => {
+    if (!options || !options.$index) return;
+    const goodsList = state.payListState.goodsList.map(e => e.$index === options.$index ? { ...e, ...options } : e);
+    state.payListState = { ...state.payListState, goodsList };
+};

package/src/Invoice/InvoiceController/index.ts

@@ -5,16 +5,27 @@ import { IGetGoodsListOption } from './InvoiceControllerState/GoodsListState/Imp
 // import updateInvoiceNo from './fns/updateInvoiceNo';
 import setEditGood from './fns/setEditGood';
 import setEditFreight from './fns/setEditFreight';
+import setEditPay from './fns/setEditPay';
+
 import setGoods from './fns/setGoods';
 import setFreight from './fns/setFreight';
+import setPay from './fns/setPay';
+
 import delGood from './fns/delGood';
 import delFreight from './fns/delFreight';
+import delPay from './fns/delPay';
+
 import addGoodDiscount from './fns/addGoodDiscount';
 import addGoodDiscountV2 from './fns/addGoodDiscountV2';
+
 import addGood from './fns/addGood';
 import addFreight from './fns/addFreight';
+import addPay from './fns/addPay';
+
 import saveEditGood from './fns/saveEditGood';
 import saveEditFreight from './fns/saveEditFreight';
+import saveEditPay from './fns/saveEditPay';
+
 import getGoodsSearch from './fns/getGoodsSearch';
 import mergeDetails from './fns/mergeDetails';
 import mergeDiscount from './fns/mergeDiscount';
@@ -25,6 +36,7 @@ export { default as InvoiceControllerState } from './InvoiceControllerState';
 export { default as IGood } from './InvoiceControllerState/GoodsListState/IGood';
 export { default as LineAttributeType } from './InvoiceControllerState/GoodsListState/LineAttributeType';
 export { default as IGood2 } from './InvoiceControllerState/FreightListState/IGood';
+export { default as IGood3 } from './InvoiceControllerState/PayListState/IGood';
 export default class InvoiceController extends InvoiceControllerForm {
   constructor(state = new InvoiceControllerState()) {
     super(state);
@@ -48,8 +60,12 @@ export default class InvoiceController extends InvoiceControllerForm {
   /** 设置货物运输属性 */
   setFreight = this.pipeline(setFreight);
 
+  setPay = this.pipeline(setPay);
+
   setEditFreight = this.pipeline(setEditFreight);
 
+  setEditPay = this.pipeline(setEditPay);
+
   /** 设置当前的编辑货物 */
   setEditGood = this.pipeline(setEditGood);
 
@@ -59,18 +75,23 @@ export default class InvoiceController extends InvoiceControllerForm {
   /** 保存正在编辑的货物运输 */
   saveEditFreight = this.pipeline<any>(saveEditFreight);
 
+  saveEditPay=this.pipeline<any>(saveEditPay);
   /** 删除一个货物 */
   delGood = this.pipeline(delGood);
 
   /** 删除一个货物运输 */
   delFreight = this.pipeline(delFreight);
 
+  delPay = this.pipeline(delPay);
+
   /** 添加一个货物 */
   addGood = this.pipeline(addGood);
 
   /** 添加一个货物运输 */
   addFreight = this.pipeline(addFreight);
 
+  addPay = this.pipeline(addPay);
+
   /** 全单合并明细 */
   mergeDetails = this.pipeline(mergeDetails);
 

package/src/Invoice/index.tsx

@@ -21,6 +21,7 @@ import GoodsListDigtal from './ui/digtal/GoodsList';
 import RealEstateInfo from './ui/digtal/RealEstateInfo';
 import Architecture from './ui/digtal/Architecture';
 import FreightList from './ui/digtal/FreightList';
+import PayList from './ui/digtal/PayList';
 
 import ImportBuyerDrawer from './ui/default/ImportBuyerDrawer';
 import ImportGoodsDrawer from './ui/default/ImportGoodsDrawer';
@@ -110,6 +111,8 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
 
   static readonly FreightList = FreightList;
 
+  static readonly PayList = PayList;
+
   /** 货物列表(数电) */
   static readonly GoodsListDigtal = GoodsListDigtal;
 

package/src/Invoice/tools/useToGenerateId/index.ts

@@ -8,4 +8,6 @@ export default function useToGenerateId(controller: InvoiceController) {
     React.useEffect(() => {  goodsList.forEach((e, i) => { e.serialNo = i + 1 }) }, [goodsList])
     const freightList = controller.useMemo(s => s.freightListState.goodsList, []);
     React.useEffect(() => {  freightList.forEach((e, i) => { e.sortNumber = i + 1 }) }, [freightList])
+    const payList = controller.useMemo(s => s.payListState.goodsList, []);
+    React.useEffect(() => {  payList.forEach((e, i) => { e.sortNumber = i + 1 }) }, [payList])
 }