canrd-main / canrd-erp-front · Files

import ButtonConfirm from '@/components/ButtomConfirm';
import EllipsisDiv from '@/components/Div/EllipsisDiv';
import { RESPONSE_CODE } from '@/constants/enum';
import AddInvoiceDrawerForm from '@/pages/Invoice/components/AddInvoiceDrawerForm';
import InvoicingModal from '@/pages/Invoice/components/InvoicingModal';
import {
  BANK_STATEMENT_COLUMNS,
  INVOICE_COLUMNS,
  INVOICE_STATUS,
} from '@/pages/Invoice/constant';
import {
  postServiceBankStatementDeleteBankStatement,
  postServiceBankStatementEditBankStatement,
  postServiceBankStatementQueryBankStatement,
  postServiceInvoiceDeleteInvoice,
  postServiceInvoiceQueryInvoice,
} from '@/services';
import { enumValueToLabel, formatDateTime } from '@/utils';
import { formatDate } from '@/utils/time';
import { PlusOutlined } from '@ant-design/icons';
import { ProTable } from '@ant-design/pro-components';
import { TableDropdown } from '@ant-design/pro-table';
import { Button, Tabs, message } from 'antd';
import { useRef, useState } from 'react';
import { INVOCING_STATUS, PAYEE_OPTIONS } from '../Order/constant';
import BankImportModal from './components/BankImportModal';
import InvoiceVerificationModal from './components/InvoiceVerificationModal';
import './index.less';

const InvoicePage = () => {
  const invoiceActionRef = useRef<ActionType>();
  const bankActionRef = useRef<ActionType>();
  const waitDealrecordActionRef = useRef<ActionType>();
  const [bankImportModalVisible, setBankImportModalVisible] = useState(false);
  const [invoiceVerificationVisible, setInvoiceVerificationVisible] =
    useState(false);
  const [invoiceId, setInvoiceId] = useState(undefined);

  const reloadInvoiceTable = () => {
    invoiceActionRef.current?.reload();
  };

  const reloadBankStatementTable = () => {
    bankActionRef.current?.reload();
  };

  const getTableCellText = (target: any) => {
    if (!target) {
      return '';
    }

    if (target.props) {
      return target.props.text;
    }

    return target;
  };

  const waitDealRecordColumns = [
    {
      dataIndex: 'index',
      valueType: 'indexBorder',
      width: 48,
    },
    {
      title: '记录编号',
      valueType: 'text',
      dataIndex: 'id',
      copyable: true,
      width: 200,
    },
    {
      title: '申请开票时间',
      dataIndex: 'createTime',
      valueType: 'dateTime',
      hideInSearch: true,
      width: 200,
    },
    {
      title: '申请开票时间',
      dataIndex: 'createTime',
      valueType: 'dateRange',
      width: 200,
      hideInTable: true,
      search: {
        transform: (value) => {
          if (value) {
            return {
              createTimebegin: value[0],
              createTimeEnd: value[1],
            };
          }
        },
      },
    },
    {
      title: '订单来源',
      valueType: 'text',
      dataIndex: 'orderSource',
    },
    {
      title: '购方名称',
      valueType: 'text',
      dataIndex: 'partyAName',
    },
    {
      title: '购方税号',
      valueType: 'text',
      dataIndex: 'partyATaxid',
    },
    {
      title: '收款单位',
      valueType: 'text',
      dataIndex: 'partyBName',
    },
    {
      title: '开票金额',
      valueType: 'money',
      dataIndex: 'price',
    },
    {
      title: '发票类型',
      valueType: 'Text',
      dataIndex: 'typeText',
    },
    {
      title: '是否加急',
      valueType: 'Text',
      dataIndex: 'isUrgentText',
      hideInSearch: true,
    },
    {
      title: '是否加急',
      valueType: 'select',
      dataIndex: 'isUrgentText',
      filters: true,
      onFilter: true,
      hideInTable: true,
      valueEnum: {
        yes: {
          text: '是',
          status: true,
        },
        no: {
          text: '否',
          status: false,
        },
      },
    },
    {
      title: '操作',
      valueType: 'option',
      key: 'option',
      render: (text, record, _, action) => [
        <a
          key="editable"
          onClick={() => {
            action?.startEditable?.(record.id);
          }}
        >
          编辑
        </a>,
        <a
          href={record.url}
          target="_blank"
          rel="noopener noreferrer"
          key="view"
        >
          查看
        </a>,
        <TableDropdown
          key="actionGroup"
          onSelect={() => action?.reload()}
          menus={[
            { key: 'copy', name: '复制' },
            { key: 'delete', name: '删除' },
          ]}
        />,
      ],
    },
  ];

  const processedRecordColumns = [
    {
      dataIndex: 'index',
      valueType: 'indexBorder',
      width: 48,
    },
    {
      title: '记录编号',
      valueType: 'text',
      dataIndex: 'id',
      copyable: true,
      width: 200,
    },
    {
      title: '发票号码',
      valueType: 'text',
      dataIndex: 'id',
      copyable: true,
      width: 200,
    },
    {
      title: '开票日期',
      dataIndex: 'invoicingTime',
      valueType: 'dateTime',
      hideInSearch: true,
      width: 200,
    },
    {
      title: '开票日期',
      dataIndex: 'invoicingTime',
      valueType: 'dateRange',
      width: 200,
      hideInTable: true,
      search: {
        transform: (value) => {
          if (value) {
            return {
              invoicingTimebegin: value[0],
              invoicingTimeEnd: value[1],
            };
          }
        },
      },
    },
    {
      title: '发票类型',
      valueType: 'Text',
      dataIndex: 'typeText',
    },
    {
      title: '发票状态',
      valueType: 'Text',
      dataIndex: 'statusText',
      hideInSearch: true,
    },
    {
      title: '发票状态',
      valueType: 'select',
      dataIndex: 'status',
      filters: true,
      onFilter: true,
      hideInTable: true,
      valueEnum: {
        yes: {
          text: '开票中',
          status: true,
        },
        no: {
          text: '已完成',
          status: false,
        },
      },
    },
    {
      title: '购方名称',
      valueType: 'text',
      dataIndex: 'partyAName',
    },
    {
      title: '购方税号',
      valueType: 'text',
      dataIndex: 'partyATaxid',
    },
    {
      title: '收款单位',
      valueType: 'text',
      dataIndex: 'partyBName',
    },
    {
      title: '联系人',
      valueType: 'text',
      dataIndex: 'contacts',
    },
    {
      title: '开票金额(元)',
      valueType: 'money',
      dataIndex: 'price',
    },
    {
      title: '备注',
      valueType: 'text',
      dataIndex: 'contacts',
    },
    {
      title: '操作',
      valueType: 'option',
      key: 'option',
      render: (text, record, _, action) => [
        <a
          key="editable"
          onClick={() => {
            action?.startEditable?.(record.id);
          }}
        >
          编辑
        </a>,
        <a
          href={record.url}
          target="_blank"
          rel="noopener noreferrer"
          key="view"
        >
          查看
        </a>,
        <TableDropdown
          key="actionGroup"
          onSelect={() => action?.reload()}
          menus={[
            { key: 'copy', name: '复制' },
            { key: 'delete', name: '删除' },
          ]}
        />,
      ],
    },
  ];
  /**
   * 加载发票列表表格的各个列格式
   */
  const invoicecColumnsInit = () => {
    let columns = INVOICE_COLUMNS.map((item) => {
      let newItem = { ...item };
      let dataIndex = item.dataIndex;
      let dataType = item.valueType;

      newItem.render = (text, record) => {
        let textValue = record[dataIndex];

        if (dataType === 'dateRange' || dataType === 'date') {
          textValue = formatDate(textValue);
        }

        if (dataType === 'dateTime') {
          textValue = formatDateTime(textValue);
        }

        if (dataType === 'money') {
          textValue = '￥' + textValue;
        }

        switch (dataIndex) {
          case 'invoiceStatus':
            return (
              <EllipsisDiv
                text={enumValueToLabel(
                  getTableCellText(textValue),
                  INVOCING_STATUS,
                )}
              />
            );

          case 'status':
            return (
              <EllipsisDiv
                text={enumValueToLabel(
                  getTableCellText(textValue),
                  INVOICE_STATUS,
                )}
              />
            );

          case 'payee':
            return (
              <EllipsisDiv
                text={enumValueToLabel(
                  getTableCellText(textValue),
                  PAYEE_OPTIONS,
                )}
              />
            );

          default:
            return <EllipsisDiv text={getTableCellText(textValue)} />;
        }
      };

      return newItem;
    });

    columns.push({
      title: '操作',
      valueType: 'option',
      key: 'option',
      fixed: 'right',
      width: 120,
      render: (text, record) => {
        let btns = [];
        if (record.path?.includes('writeOff')) {
          btns.push(
            <a
              key="editable"
              onClick={() => {
                setInvoiceVerificationVisible(true);
                setInvoiceId(record.invoiceId);
              }}
            >
              核销
            </a>,
          );
        }

        if (record.path?.includes('queryInvoiceDetails')) {
          btns.push(
            <Button
              className="p-0"
              key="view"
              type="link"
              onClick={() => {
                setInvoiceVerificationVisible(true);
                setInvoiceId(record.invoiceId);
              }}
            >
              查看
            </Button>,
          );
        }

        if (record.path?.includes('deleteInvoice')) {
          btns.push(
            <ButtonConfirm
              key="delete"
              className="p-0"
              title={
                '确认删除发票号码为[ ' + record.invoiceNumber + ' ]的发票吗？'
              }
              text="删除"
              onConfirm={async () => {
                let res = await postServiceInvoiceDeleteInvoice({
                  data: { invoiceId: record.invoiceId },
                });
                if (res) {
                  message.success(res.message);
                  reloadInvoiceTable();
                }
              }}
            />,
          );
        }
        return btns;
      },
    });

    return columns;
  };

  const bankStatemetColumnsInit = () => {
    let columns = BANK_STATEMENT_COLUMNS.map((item) => {
      let newItem = { ...item };
      let dataIndex = item.dataIndex;
      let dataType = item.valueType;

      newItem.render = (text, record) => {
        let textValue = record[dataIndex];

        if (dataType === 'date') {
          textValue = formatDate(textValue);
        }

        if (dataType === 'dateTime') {
          textValue = formatDateTime(textValue);
        }

        if (dataType === 'money') {
          if (textValue === null || textValue === undefined) {
            textValue = '';
          } else {
            textValue = '￥' + textValue;
          }
        }

        switch (dataIndex) {
          case 'invoiceStatus':
            return (
              <EllipsisDiv
                text={enumValueToLabel(
                  getTableCellText(textValue),
                  INVOCING_STATUS,
                )}
              />
            );

          case 'status':
            return (
              <EllipsisDiv
                text={enumValueToLabel(
                  getTableCellText(textValue),
                  INVOICE_STATUS,
                )}
              />
            );

          case 'payee':
            return (
              <EllipsisDiv
                text={enumValueToLabel(
                  getTableCellText(textValue),
                  PAYEE_OPTIONS,
                )}
              />
            );

          default:
            return <EllipsisDiv text={getTableCellText(textValue)} />;
        }
      };

      return newItem;
    });

    columns.push({
      title: '操作',
      valueType: 'option',
      key: 'option',
      fixed: 'right',
      width: 120,
      render: (text, record, _, action) => {
        let btns = [];
        if (record.path?.includes('editBankStatement')) {
          btns.push(
            <a
              key="editable"
              onClick={() => {
                action?.startEditable?.(record.id);
              }}
            >
              编辑
            </a>,
          );
        }

        if (record.path?.includes('deleteBankStatement')) {
          btns.push(
            <ButtonConfirm
              key="delete"
              className="p-0"
              title={'是否删除该银行流水记录？'}
              text="删除"
              onConfirm={async () => {
                let res = await postServiceBankStatementDeleteBankStatement({
                  data: { id: record.id },
                });
                if (res.result === RESPONSE_CODE.SUCCESS) {
                  message.success(res.message);
                  reloadBankStatementTable();
                }
              }}
            />,
          );
        }
        return btns;
      },
    });

    return columns;
  };

  const tabsItems = [
    {
      key: 1,
      label: '待处理',
      children: (
        <ProTable
          columns={waitDealRecordColumns}
          actionRef={waitDealrecordActionRef}
          cardBordered
          pagination={{
            pageSize: 10,
          }}
          editable={{
            type: 'multiple',
            onSave: async (rowKey, data) => {
              await postServiceBankStatementEditBankStatement({ data: data });
            },
            actionRender: (row, config, defaultDom) => [
              defaultDom.save,
              defaultDom.cancel,
            ],
          }}
          request={() => {
            let res = {
              INIT_SIZE: 76,
              data: {
                count: 7,
                data: [
                  {
                    createBy: 'ut',
                    createTime: '2019-12-23 13:52:31',
                    enableFlag: 90,
                    modifyBy: 'consectetur Excepteur aute ut',
                    modifyTime: '2005-03-02 22:01:32',
                    version: 91,
                    comment:
                      '边细们习根你多院行专广影达老约美走。达张阶议热维反整头或不图包记政空构。积能社员相号去带当工称能领安按。因化已须向共济转利气代料青毛可流。快查织意求场千名较相次都动边须北外次。基合叫老量可线人还号历己府构每国。',
                    content: null,
                    id: 310000202012317440,
                    invoiceId: '25',
                    isUrgent: true,
                    isUrgentText: 'false',
                    orderSource: '华',
                    partyAAddress: '青海省莱芜市-',
                    partyABankAccount: null,
                    partyAName: '艳',
                    partyAOpenBank: null,
                    partyAPhoneNumber: '75',
                    partyATaxid: '97',
                    partyAType: '并',
                    partyBName: '省',
                    price: 97.02140876234151,
                    receiveEmail: 'u.ompiqvrok@qq.com',
                    type: '拉',
                    typeText: '半',
                    uid: '86',
                  },
                  {
                    createBy: null,
                    createTime: '2009-10-26 23:56:39',
                    enableFlag: 85,
                    modifyBy: 'sed',
                    modifyTime: '1974-03-16 21:20:54',
                    version: 91,
                    comment:
                      '习完图已三取色常成料通历界。写基府东必层给事素果热红少使目人。存压安越指再专角她感就器工斯。农必根正江只强三及写然光。头须存百自都等想指第要最府从结化向。代求打车极段就习严派效了人白。',
                    content: 'proident',
                    id: 620000198408234400,
                    invoiceId: '16',
                    isUrgent: true,
                    isUrgentText: 'true',
                    orderSource: '体',
                    partyAAddress: '宁夏回族自治区重庆市青铜峡市',
                    partyABankAccount: null,
                    partyAName: '霞',
                    partyAOpenBank: null,
                    partyAPhoneNumber: '39',
                    partyATaxid: '89',
                    partyAType: '地',
                    partyBName: '响',
                    price: 69.4861645,
                    receiveEmail: 'o.sxtxm@qq.com',
                    type: '干',
                    typeText: '根',
                    uid: '79',
                  },
                  {
                    createBy: null,
                    createTime: '2003-10-08 13:17:29',
                    enableFlag: 43,
                    modifyBy: null,
                    modifyTime: '2004-04-08 22:23:21',
                    version: 51,
                    comment:
                      '确角小近非业全则关圆眼市为手达年气。工极类那该发样任研能关其。见放调江题别建斯真科再管任。办列织京易斯在日海完题列他处面。战九快定将度指矿光去细转斯之。',
                    content: 'incididunt voluptate qui pariatur dolor',
                    id: 630000200606085600,
                    invoiceId: '76',
                    isUrgent: false,
                    isUrgentText: 'false',
                    orderSource: '农',
                    partyAAddress: '江苏省阿里地区佳县',
                    partyABankAccount: null,
                    partyAName: '秀兰',
                    partyAOpenBank: 'ut ad mollit in',
                    partyAPhoneNumber: '33',
                    partyATaxid: '99',
                    partyAType: '才',
                    partyBName: '有',
                    price: 71.9815197,
                    receiveEmail: 'h.pggdeg@qq.com',
                    type: '们',
                    typeText: '基',
                    uid: '60',
                  },
                  {
                    createBy: 'adipisicing voluptate velit quis irure',
                    createTime: '2013-08-31 18:08:15',
                    enableFlag: 56,
                    modifyBy: null,
                    modifyTime: '2020-10-02 03:43:41',
                    version: 11,
                    comment:
                      '几龙今物作议听间听管清且史龙。平住方系千数同较直此志开存第不。斗照如活运体且深其必是备然业特然九。',
                    content: 'adipisicing officia',
                    id: 210000199802263260,
                    invoiceId: '15',
                    isUrgent: true,
                    isUrgentText: 'true',
                    orderSource: '查',
                    partyAAddress: '河北省吴忠市高港区',
                    partyABankAccount: 'mollit',
                    partyAName: '娟',
                    partyAOpenBank: 'nisi mollit aliqua sit in',
                    partyAPhoneNumber: '13',
                    partyATaxid: '66',
                    partyAType: '价',
                    partyBName: '市',
                    price: 75.156958761676,
                    receiveEmail: 'w.ouomwkacr@qq.com',
                    type: '王',
                    typeText: '会',
                    uid: '39',
                  },
                  {
                    createBy: null,
                    createTime: '1975-07-19 16:32:40',
                    enableFlag: 13,
                    modifyBy: null,
                    modifyTime: '2010-01-30 04:52:58',
                    version: 11,
                    comment:
                      '素手处整京收克和起及离导王每价眼。大都任下标路安角南维效制己成产长取。少了证准理却速学织极状照新。',
                    content: 'deserunt aute amet',
                    id: 630000197003058300,
                    invoiceId: '66',
                    isUrgent: true,
                    isUrgentText: 'false',
                    orderSource: '志',
                    partyAAddress: '江西省北京市其它区',
                    partyABankAccount: null,
                    partyAName: '娟',
                    partyAOpenBank: 'ex ut ipsum',
                    partyAPhoneNumber: '46',
                    partyATaxid: '93',
                    partyAType: '上',
                    partyBName: '知',
                    price: 99.282,
                    receiveEmail: 'w.nrtwcn@qq.com',
                    type: '小',
                    typeText: '备',
                    uid: '12',
                  },
                  {
                    createBy: null,
                    createTime: '1995-05-04 22:28:16',
                    enableFlag: 80,
                    modifyBy: 'id',
                    modifyTime: '1993-11-30 12:33:19',
                    version: 80,
                    comment:
                      '半而清等义于部程复整拉层。科做比志转毛白和如还米在中传决单革。区根文统活干议质利厂节理广革名。工不六实达间我知走几常所族。点专边率识极天增她整场相带写南热。着山前面容际路等报气多称广把满。流起有适单命就也要科收圆即办。',
                    content: null,
                    id: 13000020060707554,
                    invoiceId: '31',
                    isUrgent: true,
                    isUrgentText: 'false',
                    orderSource: '即',
                    partyAAddress: '海南省九龙文圣区',
                    partyABankAccount: null,
                    partyAName: '平',
                    partyAOpenBank: null,
                    partyAPhoneNumber: '63',
                    partyATaxid: '33',
                    partyAType: '其',
                    partyBName: '明',
                    price: 80.49738185188207,
                    receiveEmail: 's.nevpkc@qq.com',
                    type: '别',
                    typeText: '世',
                    uid: '91',
                  },
                ],
                pageSize: 27,
                specialPath: ['ullamco culpa sint ipsum velit'],
                total: 90,
              },
              message: null,
              result: 67,
            };
            return {
              data: res?.data?.data,
              total: res?.data?.total || 0,
            };
          }}
          columnsState={{
            persistenceKey: 'pro-table-singe-demos',
            persistenceType: 'localStorage',
            defaultValue: {
              option: { fixed: 'right', disable: true },
            },
            onChange(value) {
              console.log('value: ', value);
            },
          }}
          rowKey="id"
          search={{
            labelWidth: 'auto',
          }}
          options={{
            setting: {
              listsHeight: 400,
            },
          }}
          form={{}}
          dateFormatter="string"
          headerTitle="待开票列表"
          scroll={{ x: 1400, y: 360 }}
          toolBarRender={() => [<InvoicingModal key="button" />]}
        />
      ),
    },
    {
      key: 2,
      label: '开票记录',
      children: (
        <ProTable
          columns={processedRecordColumns}
          actionRef={waitDealrecordActionRef}
          cardBordered
          pagination={{
            pageSize: 10,
          }}
          editable={{
            type: 'multiple',
            onSave: async (rowKey, data) => {
              await postServiceBankStatementEditBankStatement({ data: data });
            },
            actionRender: (row, config, defaultDom) => [
              defaultDom.save,
              defaultDom.cancel,
            ],
          }}
          request={() => {
            let res = {
              INIT_SIZE: 96,
              data: {
                count: 40,
                data: [
                  {
                    createBy: '雷娜',
                    createTime: '1982-12-07 15:57:00',
                    enableFlag: 64,
                    modifyBy: null,
                    modifyTime: '1981-09-06 05:59:22',
                    version: 55,
                    comment: '属多取点养革律天者原级再则连争总至。',
                    contacts: '陈明',
                    content: '别或了毛这们我步与思信军派比。',
                    id: 620000200612198000,
                    invoiceId: '330000198604215559',
                    invoiceNumber: '19830331838',
                    invoicingTime: '1980-02-26 10:04:13',
                    isUrgent: false,
                    isUrgentText: '是',
                    orderSource: '曹艳',
                    partyAAddress: '上海 上海市 金山区',
                    partyABankAccount: '2501698734463855',
                    partyAName: '罗涛',
                    partyAOpenBank: '许军',
                    partyAPhoneNumber: '18672532237',
                    partyATaxid: '430000201107045534',
                    partyAType: '苏洋',
                    partyBName: '熊刚',
                    price: 78.2911093229768,
                    receiveEmail: 'w.xflycmu@femxci.eg',
                    status: 'yxuahki',
                    statusText: '更她同响文本小达千布主参。',
                    subOrders: null,
                    type: 'kqwhrwktc',
                    typeText: '使',
                    uid: '520000198911177412',
                  },
                  {
                    createBy: '汪明',
                    createTime: '1974-02-01 12:03:49',
                    enableFlag: 6,
                    modifyBy: null,
                    modifyTime: '1997-09-23 02:11:00',
                    version: 13,
                    comment: '标于基往都眼总况须他技历做集角。',
                    contacts: '任杰',
                    content: '技证平于素容改相界会平备取论子会。',
                    id: 230000198401060930,
                    invoiceId: '140000197812253381',
                    invoiceNumber: '13874841573',
                    invoicingTime: '2008-05-20 06:37:45',
                    isUrgent: false,
                    isUrgentText: '是',
                    orderSource: '陈明',
                    partyAAddress: '河南省 安阳市 殷都区',
                    partyABankAccount: '7509864849707372',
                    partyAName: '吕静',
                    partyAOpenBank: '丁强',
                    partyAPhoneNumber: '18181273520',
                    partyATaxid: '630000198207222748',
                    partyAType: '贾静',
                    partyBName: '董桂英',
                    price: 69.57356674,
                    receiveEmail: 'j.ppfpnyuex@pxy.ba',
                    status: 'mkjqxghec',
                    statusText: '中别术系民布起方发采他入快。',
                    subOrders: null,
                    type: 'rley',
                    typeText: '声',
                    uid: '340000201512115987',
                  },
                  {
                    createBy: '邱娟',
                    createTime: '1986-03-25 02:37:42',
                    enableFlag: 94,
                    modifyBy: null,
                    modifyTime: '1981-02-24 03:24:52',
                    version: 5,
                    comment: '府约理王老候质面情几和收交及。',
                    contacts: '石洋',
                    content: '并地产书易头形给料着低劳器边局今年。',
                    id: 360000201412074750,
                    invoiceId: '610000198403273071',
                    invoiceNumber: '13112152609',
                    invoicingTime: '2022-07-29 16:33:09',
                    isUrgent: true,
                    isUrgentText: '是',
                    orderSource: '史洋',
                    partyAAddress: '山东省 莱芜市 钢城区',
                    partyABankAccount: '7027138809073734',
                    partyAName: '毛磊',
                    partyAOpenBank: '范勇',
                    partyAPhoneNumber: '13967263314',
                    partyATaxid: '540000201501189697',
                    partyAType: '钱娜',
                    partyBName: '朱平',
                    price: 100.19846,
                    receiveEmail: 'j.uautujmg@iutt.ug',
                    status: 'hmo',
                    statusText: '动却会明话根使队建全按叫向直于照。',
                    subOrders: [
                      {
                        createByName: '正相着应参且',
                        createTime: '1974-01-26 12:34:09',
                        logicDelete: false,
                        updateByName: '员样整步',
                        updateTime: '1977-08-24 03:35:28',
                        afterInvoicingStatus: null,
                        afterInvoicingStatusUpdateTime: '2011-10-31 22:27:45',
                        afterSalesAnnex: null,
                        afterSalesNotes: 'consequat dolore',
                        afterSalesPlan: null,
                        annex: 'proident ut Duis enim laborum',
                        applyInvoicingAnnex: null,
                        applyInvoicingNotes: 'commodo aliqua dolor',
                        applyTime: '2004-02-07 07:38:51',
                        attrId: 76,
                        checkNotes: null,
                        collectMoneyTime: '1975-03-23 20:39:07',
                        confirmDeliverNotes: 'nulla',
                        confirmReissueNotes: 'Duis commodo',
                        deadline: '2010-10-26 07:32:17',
                        ext: null,
                        extendField: null,
                        financialReceiptIssuanceTime: '1988-04-08 15:58:36',
                        fullPaymentStatus: 'in commodo cupidatat ex',
                        goodsVolume: 80,
                        goodsWeight: 39,
                        id: 35,
                        image: 'http://dummyimage.com/400x400',
                        invoiceApplyUsername: '毛强',
                        invoiceInformation: null,
                        invoiceRecordId: 80,
                        invoicingCheckAnnex: 'labore minim non Lorem',
                        invoicingNotes: 'ipsum veniam elit in proident',
                        invoicingStatus: 'labore sunt proident non nulla',
                        invoicingTime: '1999-08-22 04:56:55',
                        invoicingUrgentCause: 'Ut pariatur id cillum',
                        isUrgent: false,
                        kingdeeErrorMessage: null,
                        logisticsMethod: null,
                        logisticsNotes: null,
                        mainOrderAmountProportion: 16,
                        mainOrderId: 13,
                        materialId: '26',
                        modified: null,
                        modifiedAuditNotes: 'ut in anim minim',
                        modifiedAuditStatus: 'et',
                        modifiedOptFlag: null,
                        nextOrderStatus: null,
                        notes: null,
                        orderStatus: null,
                        orderStatusBeforeModify: null,
                        orderStatusUpdateTime: '1974-12-14 19:43:12',
                        packageNumber: 63,
                        parameters: null,
                        paymentChannel: 'fugiat ut commodo',
                        paymentMethod: 'adipisicing id',
                        paymentReceiptAnnex: 'ipsum proident eiusmod consequat',
                        paymentReceiptNotes:
                          'in cupidatat magna ex exercitation',
                        paymentReceiptStatus: null,
                        paymentStatus: 'anim commodo',
                        paymentTransactionId: '23',
                        postAuditNotes: 'minim fugiat Duis sed',
                        postAuditStatus: null,
                        postAuditStatusUpdateTime: '1984-07-19 18:38:31',
                        procureConvertNotes: null,
                        procureNotes: null,
                        procureOrderDatetime: '2021-12-23 08:15:07',
                        procureOrderStatus: 'non',
                        productBelongBusiness: null,
                        productCode: '78',
                        productId: 28,
                        productName: '容质名根斯治',
                        productPrice: 23,
                        productionEndTime: '1996-11-23 06:11:39',
                        productionStartTime: '2004-06-09 21:08:22',
                        productionTimePushStatus: '2002-07-18 15:02:02',
                        quantity: 43,
                        receivingCompany: 'ad aliqua voluptate deserunt dolore',
                        reissueNotes: 'eiusmod dolore culpa eu',
                        serialNumber: '60',
                        shippingWarehouse: null,
                        subOrderPayment: 28,
                        supplierName: '规白定成',
                        supplierNotes: 'tempor',
                        totalPayment: 96,
                        uid: 12,
                        unit: null,
                        unitId: '18',
                        urgentInvoiceAuditNotes: 'eiusmod',
                        version: 14,
                      },
                    ],
                    type: 'npgjrdyw',
                    typeText: '展',
                    uid: '150000197405042503',
                  },
                  {
                    createBy: '曾静',
                    createTime: '1990-10-19 11:30:37',
                    enableFlag: 36,
                    modifyBy: 'magna reprehenderit elit voluptate',
                    modifyTime: '2018-02-18 10:16:04',
                    version: 84,
                    comment: '道状克动养单许出完报信结员毛于点王至。',
                    contacts: '周勇',
                    content: '片高标个样期影低计该改立及我白石动。',
                    id: 640000199411075600,
                    invoiceId: '710000198603062280',
                    invoiceNumber: '18627937497',
                    invoicingTime: '1978-08-29 07:45:10',
                    isUrgent: false,
                    isUrgentText: '是',
                    orderSource: '武丽',
                    partyAAddress: '广西壮族自治区 桂林市 资源县',
                    partyABankAccount: '8409548639519280',
                    partyAName: '石军',
                    partyAOpenBank: '锺娟',
                    partyAPhoneNumber: '18685160273',
                    partyATaxid: '230000198012276960',
                    partyAType: '贺涛',
                    partyBName: '武杰',
                    price: 86.8871,
                    receiveEmail: 'g.eawptjpbp@hbxtiis.org',
                    status: 'btjr',
                    statusText: '七委南比越么于九精便公力花把例。',
                    subOrders: null,
                    type: 'natsqh',
                    typeText: '今',
                    uid: '330000197403311224',
                  },
                  {
                    createBy: '胡刚',
                    createTime: '2012-02-29 15:17:16',
                    enableFlag: 5,
                    modifyBy: null,
                    modifyTime: '2018-12-01 01:06:22',
                    version: 54,
                    comment: '相更列议建先山技看式动通少再张达。',
                    contacts: '苏丽',
                    content: '断采界农速率音料不利价本观育办加。',
                    id: 310000198409296830,
                    invoiceId: '410000199910214313',
                    invoiceNumber: '18101897586',
                    invoicingTime: '1988-05-10 01:04:49',
                    isUrgent: true,
                    isUrgentText: '是',
                    orderSource: '张敏',
                    partyAAddress: '湖南省 常德市 其它区',
                    partyABankAccount: '541623920005147',
                    partyAName: '金勇',
                    partyAOpenBank: '姚勇',
                    partyAPhoneNumber: '18628931955',
                    partyATaxid: '46000019850421462X',
                    partyAType: '冯涛',
                    partyBName: '白静',
                    price: 79.1186,
                    receiveEmail: 'f.ufhtaaxy@tqf.at',
                    status: 'nvzmpk',
                    statusText: '走放装我况动备究值花石细识。',
                    subOrders: null,
                    type: 'bodjivi',
                    typeText: '装',
                    uid: '440000201911167833',
                  },
                  {
                    createBy: '程敏',
                    createTime: '2003-01-07 15:21:18',
                    enableFlag: 62,
                    modifyBy: null,
                    modifyTime: '2010-12-30 06:39:08',
                    version: 86,
                    comment: '经会林事养象象支美技易市处无。',
                    contacts: '文明',
                    content: '始压期历一品共可统许放率民机专。',
                    id: 410000197306097340,
                    invoiceId: '120000197305253404',
                    invoiceNumber: '19847861585',
                    invoicingTime: '2009-03-21 09:57:59',
                    isUrgent: false,
                    isUrgentText: '是',
                    orderSource: '范强',
                    partyAAddress: '宁夏回族自治区 固原市 隆德县',
                    partyABankAccount: '3806430488701286',
                    partyAName: '马秀英',
                    partyAOpenBank: '孔丽',
                    partyAPhoneNumber: '18685185146',
                    partyATaxid: '610000202401101718',
                    partyAType: '锺伟',
                    partyBName: '秦磊',
                    price: 63.13,
                    receiveEmail: 'n.ndfy@cpfhavtnr.et',
                    status: 'gudqdeery',
                    statusText: '快万做放布别取面单十提按展情。',
                    subOrders: null,
                    type: 'xptbtyp',
                    typeText: '加',
                    uid: '640000200405105253',
                  },
                  {
                    createBy: '朱杰',
                    createTime: '2001-10-19 02:15:09',
                    enableFlag: 35,
                    modifyBy: null,
                    modifyTime: '1974-10-01 23:25:53',
                    version: 35,
                    comment: '常却而向求对始状快到种真西铁学。',
                    contacts: '贺刚',
                    content: '素道劳儿百难真意有调决第地日越积正。',
                    id: 510000197910042200,
                    invoiceId: '360000199305032410',
                    invoiceNumber: '18157434343',
                    invoicingTime: '1998-09-18 19:50:59',
                    isUrgent: false,
                    isUrgentText: '是',
                    orderSource: '马平',
                    partyAAddress: '海南省 三亚市 -',
                    partyABankAccount: '4211370435362379',
                    partyAName: '薛秀英',
                    partyAOpenBank: '吕明',
                    partyAPhoneNumber: '18635883258',
                    partyATaxid: '210000197212284430',
                    partyAType: '吕军',
                    partyBName: '程霞',
                    price: 98.921323,
                    receiveEmail: 'd.bbfuzq@urmdtbfkw.pl',
                    status: 'stnwy',
                    statusText: '消也此矿教动了斯阶给决众划。',
                    subOrders: [
                      {
                        createByName: '热快志各',
                        createTime: '2007-02-12 00:50:38',
                        logicDelete: null,
                        updateByName: '里争工',
                        updateTime: '2018-12-06 05:13:27',
                        afterInvoicingStatus: 'esse',
                        afterInvoicingStatusUpdateTime: '1980-11-16 15:10:09',
                        afterSalesAnnex: null,
                        afterSalesNotes: null,
                        afterSalesPlan: null,
                        annex: null,
                        applyInvoicingAnnex: null,
                        applyInvoicingNotes: null,
                        applyTime: '2014-10-18 20:00:18',
                        attrId: 58,
                        checkNotes: null,
                        collectMoneyTime: '2020-03-07 12:13:38',
                        confirmDeliverNotes: null,
                        confirmReissueNotes: null,
                        deadline: '1999-08-30 13:45:53',
                        ext: null,
                        extendField: 'ex Excepteur aute in',
                        financialReceiptIssuanceTime: '2007-06-19 02:02:29',
                        fullPaymentStatus: 'eu aliquip',
                        goodsVolume: 6,
                        goodsWeight: 3,
                        id: 30,
                        image: 'http://dummyimage.com/400x400',
                        invoiceApplyUsername: '宋芳',
                        invoiceInformation: 'non esse sed ut incididunt',
                        invoiceRecordId: 80,
                        invoicingCheckAnnex: 'do proident fugiat ut elit',
                        invoicingNotes: null,
                        invoicingStatus: null,
                        invoicingTime: '1971-12-03 09:19:54',
                        invoicingUrgentCause: 'sit commodo sunt',
                        isUrgent: true,
                        kingdeeErrorMessage: 'dolore ex labore consequat',
                        logisticsMethod: null,
                        logisticsNotes: 'nulla incididunt',
                        mainOrderAmountProportion: 11,
                        mainOrderId: 13,
                        materialId: '63',
                        modified: null,
                        modifiedAuditNotes: 'ad irure',
                        modifiedAuditStatus: 'elit laboris ut aliquip irure',
                        modifiedOptFlag: null,
                        nextOrderStatus: 'do incididunt cupidatat',
                        notes: 'ad sunt Duis',
                        orderStatus: null,
                        orderStatusBeforeModify: 'Excepteur cillum deserunt ut',
                        orderStatusUpdateTime: '2011-07-31 17:10:24',
                        packageNumber: 48,
                        parameters: null,
                        paymentChannel: null,
                        paymentMethod: 'reprehenderit',
                        paymentReceiptAnnex: 'sunt est commodo sit anim',
                        paymentReceiptNotes: 'eiusmod labore officia',
                        paymentReceiptStatus: 'mollit pariatur',
                        paymentStatus:
                          'aliqua Excepteur reprehenderit velit in',
                        paymentTransactionId: '81',
                        postAuditNotes: 'et',
                        postAuditStatus: 'sed exercitation enim',
                        postAuditStatusUpdateTime: '1991-06-30 05:29:46',
                        procureConvertNotes: null,
                        procureNotes: 'voluptate ullamco',
                        procureOrderDatetime: '1985-12-20 10:33:57',
                        procureOrderStatus: 'laborum',
                        productBelongBusiness: 'quis sint ea Excepteur',
                        productCode: '50',
                        productId: 52,
                        productName: '比解段便公许',
                        productPrice: 58,
                        productionEndTime: '1994-08-27 22:36:44',
                        productionStartTime: '1973-01-04 19:34:37',
                        productionTimePushStatus: '2021-12-05 23:10:48',
                        quantity: 89,
                        receivingCompany: null,
                        reissueNotes: null,
                        serialNumber: '8',
                        shippingWarehouse: 'aliqua consequat sint',
                        subOrderPayment: 19,
                        supplierName: '很质切断将',
                        supplierNotes: null,
                        totalPayment: 74,
                        uid: 62,
                        unit: null,
                        unitId: '20',
                        urgentInvoiceAuditNotes: 'nisi non fugiat',
                        version: 48,
                      },
                    ],
                    type: 'mgnyd',
                    typeText: '压',
                    uid: '44000019730215718X',
                  },
                ],
                pageSize: 56,
                specialPath: ['sit'],
                total: 74,
              },
              message: 'Excepteur',
              result: 50,
            };
            return {
              data: res?.data?.data,
              total: res?.data?.total || 0,
            };
          }}
          columnsState={{
            persistenceKey: 'pro-table-singe-demos',
            persistenceType: 'localStorage',
            defaultValue: {
              option: { fixed: 'right', disable: true },
            },
            onChange(value) {
              console.log('value: ', value);
            },
          }}
          rowKey="id"
          search={{
            labelWidth: 'auto',
          }}
          options={{
            setting: {
              listsHeight: 400,
            },
          }}
          form={{}}
          dateFormatter="string"
          headerTitle="待开票列表"
          scroll={{ x: 1400, y: 360 }}
          toolBarRender={() => []}
        />
      ),
    },
    {
      key: 3,
      label: '发票管理',
      children: (
        <ProTable
          columns={invoicecColumnsInit()}
          actionRef={invoiceActionRef}
          cardBordered
          pagination={{
            pageSize: 10,
          }}
          request={async (params) => {
            const res = await postServiceInvoiceQueryInvoice({
              data: { ...params },
            });
            if (res) {
              return {
                data: res?.data?.data || [],
                total: res?.data?.total || 0,
              };
            }
          }}
          columnsState={{
            persistenceKey: 'pro-table-singe-demos',
            persistenceType: 'localStorage',
            defaultValue: {
              option: { fixed: 'right', disable: true },
            },
            onChange(value) {
              console.log('value: ', value);
            },
          }}
          rowKey="id"
          search={{
            labelWidth: 'auto',
          }}
          options={{
            setting: {
              listsHeight: 400,
            },
          }}
          form={{}}
          dateFormatter="string"
          headerTitle="发票列表"
          scroll={{ x: 1400, y: 360 }}
          toolBarRender={() => [
            <AddInvoiceDrawerForm
              key="addInvoiceDrawerForm"
              onClose={() => {
                invoiceActionRef.current?.reload();
                bankActionRef.current?.reload();
              }}
            ></AddInvoiceDrawerForm>,
          ]}
        />
      ),
    },
    {
      key: 4,
      label: '银行流水',
      children: (
        <ProTable
          columns={bankStatemetColumnsInit()}
          actionRef={bankActionRef}
          cardBordered
          pagination={{
            pageSize: 10,
          }}
          editable={{
            type: 'multiple',
            onSave: async (rowKey, data) => {
              await postServiceBankStatementEditBankStatement({ data: data });
            },
            actionRender: (row, config, defaultDom) => [
              defaultDom.save,
              defaultDom.cancel,
            ],
          }}
          request={async (params) => {
            const res = await postServiceBankStatementQueryBankStatement({
              data: { ...params },
            });
            if (res) {
              return {
                data: res?.data?.data || [],
                total: res?.data?.total || 0,
              };
            }
          }}
          columnsState={{
            persistenceKey: 'pro-table-singe-demos',
            persistenceType: 'localStorage',
            defaultValue: {
              option: { fixed: 'right', disable: true },
            },
            onChange(value) {
              console.log('value: ', value);
            },
          }}
          rowKey="id"
          search={{
            labelWidth: 'auto',
          }}
          options={{
            setting: {
              listsHeight: 400,
            },
          }}
          form={{}}
          dateFormatter="string"
          headerTitle="银行流水列表"
          scroll={{ x: 1400, y: 360 }}
          toolBarRender={() => [
            <Button
              key="button"
              icon={<PlusOutlined />}
              onClick={() => {
                setBankImportModalVisible(true);
              }}
              type="primary"
            >
              导入
            </Button>,
          ]}
        />
      ),
    },
  ];
  return (
    <div className="invoice-index">
      <Tabs
        defaultActiveKey="1"
        items={tabsItems}
        onChange={(value) => {
          if (value === 1) {
            invoiceActionRef.current?.reload();
          } else {
            bankActionRef.current?.reload();
          }
        }}
      />

      {bankImportModalVisible ? (
        <BankImportModal
          setVisible={setBankImportModalVisible}
          onClose={() => {
            setBankImportModalVisible(false);
            invoiceActionRef.current?.reload();
            bankActionRef.current?.reload();
          }}
        ></BankImportModal>
      ) : (
        ''
      )}

      {invoiceVerificationVisible ? (
        <InvoiceVerificationModal
          setVisible={setInvoiceVerificationVisible}
          invoiceId={invoiceId}
          onClose={() => {
            invoiceActionRef.current?.reload();
            bankActionRef.current?.reload();
          }}
        ></InvoiceVerificationModal>
      ) : (
        ''
      )}
    </div>
  );
};

export default InvoicePage;