canrd-main / canrd-erp-front · Commits

Commit 488a530cada92728f04a81c2b3fabc81181ef6fd

Authored by 曾国涛
1 parent da045dfe

feat: 开票功能开发

Inline Side-by-side
Showing 2 changed files with 1110 additions and 2 deletions
src/pages/Invoice/components/InvoicingModal.tsx 0 → 100644
  View file @488a530
  1 +import { PlusOutlined } from '@ant-design/icons';
  2 +import {
  3 + ModalForm,
  4 + ProForm,
  5 + ProFormDateRangePicker,
  6 + ProFormSelect,
  7 + ProFormText,
  8 +} from '@ant-design/pro-components';
  9 +import { Button, Form, message } from 'antd';
  10 +
  11 +const waitTime = (time: number = 100) => {
  12 + return new Promise((resolve) => {
  13 + setTimeout(() => {
  14 + resolve(true);
  15 + }, time);
  16 + });
  17 +};
  18 +
  19 +export default () => {
  20 + const [form] = Form.useForm<{ name: string; company: string }>();
  21 + return (
  22 + <ModalForm<{
  23 + name: string;
  24 + company: string;
  25 + }>
  26 + title="开票"
  27 + trigger={
  28 + <Button type="primary">
  29 + <PlusOutlined />
  30 + 开票
  31 + </Button>
  32 + }
  33 + form={form}
  34 + autoFocusFirstInput
  35 + modalProps={{
  36 + destroyOnClose: true,
  37 + onCancel: () => console.log('run'),
  38 + }}
  39 + submitTimeout={2000}
  40 + onFinish={async (values) => {
  41 + await waitTime(2000);
  42 + console.log(values.name);
  43 + message.success('提交成功');
  44 + return true;
  45 + }}
  46 + >
  47 + <ProForm.Group>
  48 + <ProFormText
  49 + width="md"
  50 + name="name"
  51 + label="签约客户名称"
  52 + tooltip="最长为 24 位"
  53 + placeholder="请输入名称"
  54 + />
  55 +
  56 + <ProFormText
  57 + width="md"
  58 + name="company"
  59 + label="我方公司名称"
  60 + placeholder="请输入名称"
  61 + />
  62 + </ProForm.Group>
  63 + <ProForm.Group>
  64 + <ProFormText
  65 + width="md"
  66 + name="contract"
  67 + label="合同名称"
  68 + placeholder="请输入名称"
  69 + />
  70 + <ProFormDateRangePicker name="contractTime" label="合同生效时间" />
  71 + </ProForm.Group>
  72 + <ProForm.Group>
  73 + <ProFormSelect
  74 + request={async () => [
  75 + {
  76 + value: 'chapter',
  77 + label: '盖章后生效',
  78 + },
  79 + ]}
  80 + width="xs"
  81 + name="useMode"
  82 + label="合同约定生效方式"
  83 + />
  84 + <ProFormSelect
  85 + width="xs"
  86 + options={[
  87 + {
  88 + value: 'time',
  89 + label: '履行完终止',
  90 + },
  91 + ]}
  92 + name="unusedMode"
  93 + label="合同约定失效效方式"
  94 + />
  95 + </ProForm.Group>
  96 + <ProFormText width="sm" name="id" label="主合同编号" />
  97 + <ProFormText
  98 + name="project"
  99 + disabled
  100 + label="项目名称"
  101 + initialValue="xxxx项目"
  102 + />
  103 + <ProFormText
  104 + width="xs"
  105 + name="mangerName"
  106 + disabled
  107 + label="商务经理"
  108 + initialValue="启途"
  109 + />
  110 + </ModalForm>
  111 + );
  112 +};
... ...
src/pages/Invoice/index.tsx
  View file @488a530
... ... @@ -2,6 +2,7 @@ import ButtonConfirm from &#39;@/components/ButtomConfirm&#39;;
2 2 import EllipsisDiv from '@/components/Div/EllipsisDiv';
3 3 import { RESPONSE_CODE } from '@/constants/enum';
4 4 import AddInvoiceDrawerForm from '@/pages/Invoice/components/AddInvoiceDrawerForm';
  5 +import InvoicingModal from '@/pages/Invoice/components/InvoicingModal';
5 6 import {
6 7 BANK_STATEMENT_COLUMNS,
7 8 INVOICE_COLUMNS,
... ... @@ -17,7 +18,8 @@ import {
17 18 import { enumValueToLabel, formatDateTime } from '@/utils';
18 19 import { formatDate } from '@/utils/time';
19 20 import { PlusOutlined } from '@ant-design/icons';
20   -import { ActionType, ProTable } from '@ant-design/pro-components';
  21 +import { ProTable } from '@ant-design/pro-components';
  22 +import { TableDropdown } from '@ant-design/pro-table';
21 23 import { Button, Tabs, message } from 'antd';
22 24 import { useRef, useState } from 'react';
23 25 import { INVOCING_STATUS, PAYEE_OPTIONS } from '../Order/constant';
... ... @@ -28,6 +30,7 @@ import &#39;./index.less&#39;;
28 30 const InvoicePage = () => {
29 31 const invoiceActionRef = useRef<ActionType>();
30 32 const bankActionRef = useRef<ActionType>();
  33 + const waitDealrecordActionRef = useRef<ActionType>();
31 34 const [bankImportModalVisible, setBankImportModalVisible] = useState(false);
32 35 const [invoiceVerificationVisible, setInvoiceVerificationVisible] =
33 36 useState(false);
... ... @@ -53,6 +56,265 @@ const InvoicePage = () =&gt; {
53 56 return target;
54 57 };
55 58  
  59 + const waitDealRecordColumns = [
  60 + {
  61 + dataIndex: 'index',
  62 + valueType: 'indexBorder',
  63 + width: 48,
  64 + },
  65 + {
  66 + title: '记录编号',
  67 + valueType: 'text',
  68 + dataIndex: 'id',
  69 + copyable: true,
  70 + width: 200,
  71 + },
  72 + {
  73 + title: '申请开票时间',
  74 + dataIndex: 'createTime',
  75 + valueType: 'dateTime',
  76 + hideInSearch: true,
  77 + width: 200,
  78 + },
  79 + {
  80 + title: '申请开票时间',
  81 + dataIndex: 'createTime',
  82 + valueType: 'dateRange',
  83 + width: 200,
  84 + hideInTable: true,
  85 + search: {
  86 + transform: (value) => {
  87 + if (value) {
  88 + return {
  89 + createTimebegin: value[0],
  90 + createTimeEnd: value[1],
  91 + };
  92 + }
  93 + },
  94 + },
  95 + },
  96 + {
  97 + title: '订单来源',
  98 + valueType: 'text',
  99 + dataIndex: 'orderSource',
  100 + },
  101 + {
  102 + title: '购方名称',
  103 + valueType: 'text',
  104 + dataIndex: 'partyAName',
  105 + },
  106 + {
  107 + title: '购方税号',
  108 + valueType: 'text',
  109 + dataIndex: 'partyATaxid',
  110 + },
  111 + {
  112 + title: '收款单位',
  113 + valueType: 'text',
  114 + dataIndex: 'partyBName',
  115 + },
  116 + {
  117 + title: '开票金额',
  118 + valueType: 'money',
  119 + dataIndex: 'price',
  120 + },
  121 + {
  122 + title: '发票类型',
  123 + valueType: 'Text',
  124 + dataIndex: 'typeText',
  125 + },
  126 + {
  127 + title: '是否加急',
  128 + valueType: 'Text',
  129 + dataIndex: 'isUrgentText',
  130 + hideInSearch: true,
  131 + },
  132 + {
  133 + title: '是否加急',
  134 + valueType: 'select',
  135 + dataIndex: 'isUrgentText',
  136 + filters: true,
  137 + onFilter: true,
  138 + hideInTable: true,
  139 + valueEnum: {
  140 + yes: {
  141 + text: '是',
  142 + status: true,
  143 + },
  144 + no: {
  145 + text: '否',
  146 + status: false,
  147 + },
  148 + },
  149 + },
  150 + {
  151 + title: '操作',
  152 + valueType: 'option',
  153 + key: 'option',
  154 + render: (text, record, _, action) => [
  155 + <a
  156 + key="editable"
  157 + onClick={() => {
  158 + action?.startEditable?.(record.id);
  159 + }}
  160 + >
  161 + 编辑
  162 + </a>,
  163 + <a
  164 + href={record.url}
  165 + target="_blank"
  166 + rel="noopener noreferrer"
  167 + key="view"
  168 + >
  169 + 查看
  170 + </a>,
  171 + <TableDropdown
  172 + key="actionGroup"
  173 + onSelect={() => action?.reload()}
  174 + menus={[
  175 + { key: 'copy', name: '复制' },
  176 + { key: 'delete', name: '删除' },
  177 + ]}
  178 + />,
  179 + ],
  180 + },
  181 + ];
  182 +
  183 + const processedRecordColumns = [
  184 + {
  185 + dataIndex: 'index',
  186 + valueType: 'indexBorder',
  187 + width: 48,
  188 + },
  189 + {
  190 + title: '记录编号',
  191 + valueType: 'text',
  192 + dataIndex: 'id',
  193 + copyable: true,
  194 + width: 200,
  195 + },
  196 + {
  197 + title: '发票号码',
  198 + valueType: 'text',
  199 + dataIndex: 'id',
  200 + copyable: true,
  201 + width: 200,
  202 + },
  203 + {
  204 + title: '开票日期',
  205 + dataIndex: 'invoicingTime',
  206 + valueType: 'dateTime',
  207 + hideInSearch: true,
  208 + width: 200,
  209 + },
  210 + {
  211 + title: '开票日期',
  212 + dataIndex: 'invoicingTime',
  213 + valueType: 'dateRange',
  214 + width: 200,
  215 + hideInTable: true,
  216 + search: {
  217 + transform: (value) => {
  218 + if (value) {
  219 + return {
  220 + invoicingTimebegin: value[0],
  221 + invoicingTimeEnd: value[1],
  222 + };
  223 + }
  224 + },
  225 + },
  226 + },
  227 + {
  228 + title: '发票类型',
  229 + valueType: 'Text',
  230 + dataIndex: 'typeText',
  231 + },
  232 + {
  233 + title: '发票状态',
  234 + valueType: 'Text',
  235 + dataIndex: 'statusText',
  236 + hideInSearch: true,
  237 + },
  238 + {
  239 + title: '发票状态',
  240 + valueType: 'select',
  241 + dataIndex: 'status',
  242 + filters: true,
  243 + onFilter: true,
  244 + hideInTable: true,
  245 + valueEnum: {
  246 + yes: {
  247 + text: '开票中',
  248 + status: true,
  249 + },
  250 + no: {
  251 + text: '已完成',
  252 + status: false,
  253 + },
  254 + },
  255 + },
  256 + {
  257 + title: '购方名称',
  258 + valueType: 'text',
  259 + dataIndex: 'partyAName',
  260 + },
  261 + {
  262 + title: '购方税号',
  263 + valueType: 'text',
  264 + dataIndex: 'partyATaxid',
  265 + },
  266 + {
  267 + title: '收款单位',
  268 + valueType: 'text',
  269 + dataIndex: 'partyBName',
  270 + },
  271 + {
  272 + title: '联系人',
  273 + valueType: 'text',
  274 + dataIndex: 'contacts',
  275 + },
  276 + {
  277 + title: '开票金额(元)',
  278 + valueType: 'money',
  279 + dataIndex: 'price',
  280 + },
  281 + {
  282 + title: '备注',
  283 + valueType: 'text',
  284 + dataIndex: 'contacts',
  285 + },
  286 + {
  287 + title: '操作',
  288 + valueType: 'option',
  289 + key: 'option',
  290 + render: (text, record, _, action) => [
  291 + <a
  292 + key="editable"
  293 + onClick={() => {
  294 + action?.startEditable?.(record.id);
  295 + }}
  296 + >
  297 + 编辑
  298 + </a>,
  299 + <a
  300 + href={record.url}
  301 + target="_blank"
  302 + rel="noopener noreferrer"
  303 + key="view"
  304 + >
  305 + 查看
  306 + </a>,
  307 + <TableDropdown
  308 + key="actionGroup"
  309 + onSelect={() => action?.reload()}
  310 + menus={[
  311 + { key: 'copy', name: '复制' },
  312 + { key: 'delete', name: '删除' },
  313 + ]}
  314 + />,
  315 + ],
  316 + },
  317 + ];
56 318 /**
57 319 * 加载发票列表表格的各个列格式
58 320 */
... ... @@ -296,6 +558,740 @@ const InvoicePage = () =&gt; {
296 558 const tabsItems = [
297 559 {
298 560 key: 1,
  561 + label: '待处理',
  562 + children: (
  563 + <ProTable
  564 + columns={waitDealRecordColumns}
  565 + actionRef={waitDealrecordActionRef}
  566 + cardBordered
  567 + pagination={{
  568 + pageSize: 10,
  569 + }}
  570 + editable={{
  571 + type: 'multiple',
  572 + onSave: async (rowKey, data) => {
  573 + await postServiceBankStatementEditBankStatement({ data: data });
  574 + },
  575 + actionRender: (row, config, defaultDom) => [
  576 + defaultDom.save,
  577 + defaultDom.cancel,
  578 + ],
  579 + }}
  580 + request={() => {
  581 + let res = {
  582 + INIT_SIZE: 76,
  583 + data: {
  584 + count: 7,
  585 + data: [
  586 + {
  587 + createBy: 'ut',
  588 + createTime: '2019-12-23 13:52:31',
  589 + enableFlag: 90,
  590 + modifyBy: 'consectetur Excepteur aute ut',
  591 + modifyTime: '2005-03-02 22:01:32',
  592 + version: 91,
  593 + comment:
  594 + '边细们习根你多院行专广影达老约美走。达张阶议热维反整头或不图包记政空构。积能社员相号去带当工称能领安按。因化已须向共济转利气代料青毛可流。快查织意求场千名较相次都动边须北外次。基合叫老量可线人还号历己府构每国。',
  595 + content: null,
  596 + id: 310000202012317440,
  597 + invoiceId: '25',
  598 + isUrgent: true,
  599 + isUrgentText: 'false',
  600 + orderSource: '华',
  601 + partyAAddress: '青海省莱芜市-',
  602 + partyABankAccount: null,
  603 + partyAName: '艳',
  604 + partyAOpenBank: null,
  605 + partyAPhoneNumber: '75',
  606 + partyATaxid: '97',
  607 + partyAType: '并',
  608 + partyBName: '省',
  609 + price: 97.02140876234151,
  610 + receiveEmail: 'u.ompiqvrok@qq.com',
  611 + type: '拉',
  612 + typeText: '半',
  613 + uid: '86',
  614 + },
  615 + {
  616 + createBy: null,
  617 + createTime: '2009-10-26 23:56:39',
  618 + enableFlag: 85,
  619 + modifyBy: 'sed',
  620 + modifyTime: '1974-03-16 21:20:54',
  621 + version: 91,
  622 + comment:
  623 + '习完图已三取色常成料通历界。写基府东必层给事素果热红少使目人。存压安越指再专角她感就器工斯。农必根正江只强三及写然光。头须存百自都等想指第要最府从结化向。代求打车极段就习严派效了人白。',
  624 + content: 'proident',
  625 + id: 620000198408234400,
  626 + invoiceId: '16',
  627 + isUrgent: true,
  628 + isUrgentText: 'true',
  629 + orderSource: '体',
  630 + partyAAddress: '宁夏回族自治区重庆市青铜峡市',
  631 + partyABankAccount: null,
  632 + partyAName: '霞',
  633 + partyAOpenBank: null,
  634 + partyAPhoneNumber: '39',
  635 + partyATaxid: '89',
  636 + partyAType: '地',
  637 + partyBName: '响',
  638 + price: 69.4861645,
  639 + receiveEmail: 'o.sxtxm@qq.com',
  640 + type: '干',
  641 + typeText: '根',
  642 + uid: '79',
  643 + },
  644 + {
  645 + createBy: null,
  646 + createTime: '2003-10-08 13:17:29',
  647 + enableFlag: 43,
  648 + modifyBy: null,
  649 + modifyTime: '2004-04-08 22:23:21',
  650 + version: 51,
  651 + comment:
  652 + '确角小近非业全则关圆眼市为手达年气。工极类那该发样任研能关其。见放调江题别建斯真科再管任。办列织京易斯在日海完题列他处面。战九快定将度指矿光去细转斯之。',
  653 + content: 'incididunt voluptate qui pariatur dolor',
  654 + id: 630000200606085600,
  655 + invoiceId: '76',
  656 + isUrgent: false,
  657 + isUrgentText: 'false',
  658 + orderSource: '农',
  659 + partyAAddress: '江苏省阿里地区佳县',
  660 + partyABankAccount: null,
  661 + partyAName: '秀兰',
  662 + partyAOpenBank: 'ut ad mollit in',
  663 + partyAPhoneNumber: '33',
  664 + partyATaxid: '99',
  665 + partyAType: '才',
  666 + partyBName: '有',
  667 + price: 71.9815197,
  668 + receiveEmail: 'h.pggdeg@qq.com',
  669 + type: '们',
  670 + typeText: '基',
  671 + uid: '60',
  672 + },
  673 + {
  674 + createBy: 'adipisicing voluptate velit quis irure',
  675 + createTime: '2013-08-31 18:08:15',
  676 + enableFlag: 56,
  677 + modifyBy: null,
  678 + modifyTime: '2020-10-02 03:43:41',
  679 + version: 11,
  680 + comment:
  681 + '几龙今物作议听间听管清且史龙。平住方系千数同较直此志开存第不。斗照如活运体且深其必是备然业特然九。',
  682 + content: 'adipisicing officia',
  683 + id: 210000199802263260,
  684 + invoiceId: '15',
  685 + isUrgent: true,
  686 + isUrgentText: 'true',
  687 + orderSource: '查',
  688 + partyAAddress: '河北省吴忠市高港区',
  689 + partyABankAccount: 'mollit',
  690 + partyAName: '娟',
  691 + partyAOpenBank: 'nisi mollit aliqua sit in',
  692 + partyAPhoneNumber: '13',
  693 + partyATaxid: '66',
  694 + partyAType: '价',
  695 + partyBName: '市',
  696 + price: 75.156958761676,
  697 + receiveEmail: 'w.ouomwkacr@qq.com',
  698 + type: '王',
  699 + typeText: '会',
  700 + uid: '39',
  701 + },
  702 + {
  703 + createBy: null,
  704 + createTime: '1975-07-19 16:32:40',
  705 + enableFlag: 13,
  706 + modifyBy: null,
  707 + modifyTime: '2010-01-30 04:52:58',
  708 + version: 11,
  709 + comment:
  710 + '素手处整京收克和起及离导王每价眼。大都任下标路安角南维效制己成产长取。少了证准理却速学织极状照新。',
  711 + content: 'deserunt aute amet',
  712 + id: 630000197003058300,
  713 + invoiceId: '66',
  714 + isUrgent: true,
  715 + isUrgentText: 'false',
  716 + orderSource: '志',
  717 + partyAAddress: '江西省北京市其它区',
  718 + partyABankAccount: null,
  719 + partyAName: '娟',
  720 + partyAOpenBank: 'ex ut ipsum',
  721 + partyAPhoneNumber: '46',
  722 + partyATaxid: '93',
  723 + partyAType: '上',
  724 + partyBName: '知',
  725 + price: 99.282,
  726 + receiveEmail: 'w.nrtwcn@qq.com',
  727 + type: '小',
  728 + typeText: '备',
  729 + uid: '12',
  730 + },
  731 + {
  732 + createBy: null,
  733 + createTime: '1995-05-04 22:28:16',
  734 + enableFlag: 80,
  735 + modifyBy: 'id',
  736 + modifyTime: '1993-11-30 12:33:19',
  737 + version: 80,
  738 + comment:
  739 + '半而清等义于部程复整拉层。科做比志转毛白和如还米在中传决单革。区根文统活干议质利厂节理广革名。工不六实达间我知走几常所族。点专边率识极天增她整场相带写南热。着山前面容际路等报气多称广把满。流起有适单命就也要科收圆即办。',
  740 + content: null,
  741 + id: 13000020060707554,
  742 + invoiceId: '31',
  743 + isUrgent: true,
  744 + isUrgentText: 'false',
  745 + orderSource: '即',
  746 + partyAAddress: '海南省九龙文圣区',
  747 + partyABankAccount: null,
  748 + partyAName: '平',
  749 + partyAOpenBank: null,
  750 + partyAPhoneNumber: '63',
  751 + partyATaxid: '33',
  752 + partyAType: '其',
  753 + partyBName: '明',
  754 + price: 80.49738185188207,
  755 + receiveEmail: 's.nevpkc@qq.com',
  756 + type: '别',
  757 + typeText: '世',
  758 + uid: '91',
  759 + },
  760 + ],
  761 + pageSize: 27,
  762 + specialPath: ['ullamco culpa sint ipsum velit'],
  763 + total: 90,
  764 + },
  765 + message: null,
  766 + result: 67,
  767 + };
  768 + return {
  769 + data: res?.data?.data,
  770 + total: res?.data?.total || 0,
  771 + };
  772 + }}
  773 + columnsState={{
  774 + persistenceKey: 'pro-table-singe-demos',
  775 + persistenceType: 'localStorage',
  776 + defaultValue: {
  777 + option: { fixed: 'right', disable: true },
  778 + },
  779 + onChange(value) {
  780 + console.log('value: ', value);
  781 + },
  782 + }}
  783 + rowKey="id"
  784 + search={{
  785 + labelWidth: 'auto',
  786 + }}
  787 + options={{
  788 + setting: {
  789 + listsHeight: 400,
  790 + },
  791 + }}
  792 + form={{}}
  793 + dateFormatter="string"
  794 + headerTitle="待开票列表"
  795 + scroll={{ x: 1400, y: 360 }}
  796 + toolBarRender={() => [<InvoicingModal key="button" />]}
  797 + />
  798 + ),
  799 + },
  800 + {
  801 + key: 2,
  802 + label: '开票记录',
  803 + children: (
  804 + <ProTable
  805 + columns={processedRecordColumns}
  806 + actionRef={waitDealrecordActionRef}
  807 + cardBordered
  808 + pagination={{
  809 + pageSize: 10,
  810 + }}
  811 + editable={{
  812 + type: 'multiple',
  813 + onSave: async (rowKey, data) => {
  814 + await postServiceBankStatementEditBankStatement({ data: data });
  815 + },
  816 + actionRender: (row, config, defaultDom) => [
  817 + defaultDom.save,
  818 + defaultDom.cancel,
  819 + ],
  820 + }}
  821 + request={() => {
  822 + let res = {
  823 + INIT_SIZE: 96,
  824 + data: {
  825 + count: 40,
  826 + data: [
  827 + {
  828 + createBy: '雷娜',
  829 + createTime: '1982-12-07 15:57:00',
  830 + enableFlag: 64,
  831 + modifyBy: null,
  832 + modifyTime: '1981-09-06 05:59:22',
  833 + version: 55,
  834 + comment: '属多取点养革律天者原级再则连争总至。',
  835 + contacts: '陈明',
  836 + content: '别或了毛这们我步与思信军派比。',
  837 + id: 620000200612198000,
  838 + invoiceId: '330000198604215559',
  839 + invoiceNumber: '19830331838',
  840 + invoicingTime: '1980-02-26 10:04:13',
  841 + isUrgent: false,
  842 + isUrgentText: '是',
  843 + orderSource: '曹艳',
  844 + partyAAddress: '上海 上海市 金山区',
  845 + partyABankAccount: '2501698734463855',
  846 + partyAName: '罗涛',
  847 + partyAOpenBank: '许军',
  848 + partyAPhoneNumber: '18672532237',
  849 + partyATaxid: '430000201107045534',
  850 + partyAType: '苏洋',
  851 + partyBName: '熊刚',
  852 + price: 78.2911093229768,
  853 + receiveEmail: 'w.xflycmu@femxci.eg',
  854 + status: 'yxuahki',
  855 + statusText: '更她同响文本小达千布主参。',
  856 + subOrders: null,
  857 + type: 'kqwhrwktc',
  858 + typeText: '使',
  859 + uid: '520000198911177412',
  860 + },
  861 + {
  862 + createBy: '汪明',
  863 + createTime: '1974-02-01 12:03:49',
  864 + enableFlag: 6,
  865 + modifyBy: null,
  866 + modifyTime: '1997-09-23 02:11:00',
  867 + version: 13,
  868 + comment: '标于基往都眼总况须他技历做集角。',
  869 + contacts: '任杰',
  870 + content: '技证平于素容改相界会平备取论子会。',
  871 + id: 230000198401060930,
  872 + invoiceId: '140000197812253381',
  873 + invoiceNumber: '13874841573',
  874 + invoicingTime: '2008-05-20 06:37:45',
  875 + isUrgent: false,
  876 + isUrgentText: '是',
  877 + orderSource: '陈明',
  878 + partyAAddress: '河南省 安阳市 殷都区',
  879 + partyABankAccount: '7509864849707372',
  880 + partyAName: '吕静',
  881 + partyAOpenBank: '丁强',
  882 + partyAPhoneNumber: '18181273520',
  883 + partyATaxid: '630000198207222748',
  884 + partyAType: '贾静',
  885 + partyBName: '董桂英',
  886 + price: 69.57356674,
  887 + receiveEmail: 'j.ppfpnyuex@pxy.ba',
  888 + status: 'mkjqxghec',
  889 + statusText: '中别术系民布起方发采他入快。',
  890 + subOrders: null,
  891 + type: 'rley',
  892 + typeText: '声',
  893 + uid: '340000201512115987',
  894 + },
  895 + {
  896 + createBy: '邱娟',
  897 + createTime: '1986-03-25 02:37:42',
  898 + enableFlag: 94,
  899 + modifyBy: null,
  900 + modifyTime: '1981-02-24 03:24:52',
  901 + version: 5,
  902 + comment: '府约理王老候质面情几和收交及。',
  903 + contacts: '石洋',
  904 + content: '并地产书易头形给料着低劳器边局今年。',
  905 + id: 360000201412074750,
  906 + invoiceId: '610000198403273071',
  907 + invoiceNumber: '13112152609',
  908 + invoicingTime: '2022-07-29 16:33:09',
  909 + isUrgent: true,
  910 + isUrgentText: '是',
  911 + orderSource: '史洋',
  912 + partyAAddress: '山东省 莱芜市 钢城区',
  913 + partyABankAccount: '7027138809073734',
  914 + partyAName: '毛磊',
  915 + partyAOpenBank: '范勇',
  916 + partyAPhoneNumber: '13967263314',
  917 + partyATaxid: '540000201501189697',
  918 + partyAType: '钱娜',
  919 + partyBName: '朱平',
  920 + price: 100.19846,
  921 + receiveEmail: 'j.uautujmg@iutt.ug',
  922 + status: 'hmo',
  923 + statusText: '动却会明话根使队建全按叫向直于照。',
  924 + subOrders: [
  925 + {
  926 + createByName: '正相着应参且',
  927 + createTime: '1974-01-26 12:34:09',
  928 + logicDelete: false,
  929 + updateByName: '员样整步',
  930 + updateTime: '1977-08-24 03:35:28',
  931 + afterInvoicingStatus: null,
  932 + afterInvoicingStatusUpdateTime: '2011-10-31 22:27:45',
  933 + afterSalesAnnex: null,
  934 + afterSalesNotes: 'consequat dolore',
  935 + afterSalesPlan: null,
  936 + annex: 'proident ut Duis enim laborum',
  937 + applyInvoicingAnnex: null,
  938 + applyInvoicingNotes: 'commodo aliqua dolor',
  939 + applyTime: '2004-02-07 07:38:51',
  940 + attrId: 76,
  941 + checkNotes: null,
  942 + collectMoneyTime: '1975-03-23 20:39:07',
  943 + confirmDeliverNotes: 'nulla',
  944 + confirmReissueNotes: 'Duis commodo',
  945 + deadline: '2010-10-26 07:32:17',
  946 + ext: null,
  947 + extendField: null,
  948 + financialReceiptIssuanceTime: '1988-04-08 15:58:36',
  949 + fullPaymentStatus: 'in commodo cupidatat ex',
  950 + goodsVolume: 80,
  951 + goodsWeight: 39,
  952 + id: 35,
  953 + image: 'http://dummyimage.com/400x400',
  954 + invoiceApplyUsername: '毛强',
  955 + invoiceInformation: null,
  956 + invoiceRecordId: 80,
  957 + invoicingCheckAnnex: 'labore minim non Lorem',
  958 + invoicingNotes: 'ipsum veniam elit in proident',
  959 + invoicingStatus: 'labore sunt proident non nulla',
  960 + invoicingTime: '1999-08-22 04:56:55',
  961 + invoicingUrgentCause: 'Ut pariatur id cillum',
  962 + isUrgent: false,
  963 + kingdeeErrorMessage: null,
  964 + logisticsMethod: null,
  965 + logisticsNotes: null,
  966 + mainOrderAmountProportion: 16,
  967 + mainOrderId: 13,
  968 + materialId: '26',
  969 + modified: null,
  970 + modifiedAuditNotes: 'ut in anim minim',
  971 + modifiedAuditStatus: 'et',
  972 + modifiedOptFlag: null,
  973 + nextOrderStatus: null,
  974 + notes: null,
  975 + orderStatus: null,
  976 + orderStatusBeforeModify: null,
  977 + orderStatusUpdateTime: '1974-12-14 19:43:12',
  978 + packageNumber: 63,
  979 + parameters: null,
  980 + paymentChannel: 'fugiat ut commodo',
  981 + paymentMethod: 'adipisicing id',
  982 + paymentReceiptAnnex: 'ipsum proident eiusmod consequat',
  983 + paymentReceiptNotes:
  984 + 'in cupidatat magna ex exercitation',
  985 + paymentReceiptStatus: null,
  986 + paymentStatus: 'anim commodo',
  987 + paymentTransactionId: '23',
  988 + postAuditNotes: 'minim fugiat Duis sed',
  989 + postAuditStatus: null,
  990 + postAuditStatusUpdateTime: '1984-07-19 18:38:31',
  991 + procureConvertNotes: null,
  992 + procureNotes: null,
  993 + procureOrderDatetime: '2021-12-23 08:15:07',
  994 + procureOrderStatus: 'non',
  995 + productBelongBusiness: null,
  996 + productCode: '78',
  997 + productId: 28,
  998 + productName: '容质名根斯治',
  999 + productPrice: 23,
  1000 + productionEndTime: '1996-11-23 06:11:39',
  1001 + productionStartTime: '2004-06-09 21:08:22',
  1002 + productionTimePushStatus: '2002-07-18 15:02:02',
  1003 + quantity: 43,
  1004 + receivingCompany: 'ad aliqua voluptate deserunt dolore',
  1005 + reissueNotes: 'eiusmod dolore culpa eu',
  1006 + serialNumber: '60',
  1007 + shippingWarehouse: null,
  1008 + subOrderPayment: 28,
  1009 + supplierName: '规白定成',
  1010 + supplierNotes: 'tempor',
  1011 + totalPayment: 96,
  1012 + uid: 12,
  1013 + unit: null,
  1014 + unitId: '18',
  1015 + urgentInvoiceAuditNotes: 'eiusmod',
  1016 + version: 14,
  1017 + },
  1018 + ],
  1019 + type: 'npgjrdyw',
  1020 + typeText: '展',
  1021 + uid: '150000197405042503',
  1022 + },
  1023 + {
  1024 + createBy: '曾静',
  1025 + createTime: '1990-10-19 11:30:37',
  1026 + enableFlag: 36,
  1027 + modifyBy: 'magna reprehenderit elit voluptate',
  1028 + modifyTime: '2018-02-18 10:16:04',
  1029 + version: 84,
  1030 + comment: '道状克动养单许出完报信结员毛于点王至。',
  1031 + contacts: '周勇',
  1032 + content: '片高标个样期影低计该改立及我白石动。',
  1033 + id: 640000199411075600,
  1034 + invoiceId: '710000198603062280',
  1035 + invoiceNumber: '18627937497',
  1036 + invoicingTime: '1978-08-29 07:45:10',
  1037 + isUrgent: false,
  1038 + isUrgentText: '是',
  1039 + orderSource: '武丽',
  1040 + partyAAddress: '广西壮族自治区 桂林市 资源县',
  1041 + partyABankAccount: '8409548639519280',
  1042 + partyAName: '石军',
  1043 + partyAOpenBank: '锺娟',
  1044 + partyAPhoneNumber: '18685160273',
  1045 + partyATaxid: '230000198012276960',
  1046 + partyAType: '贺涛',
  1047 + partyBName: '武杰',
  1048 + price: 86.8871,
  1049 + receiveEmail: 'g.eawptjpbp@hbxtiis.org',
  1050 + status: 'btjr',
  1051 + statusText: '七委南比越么于九精便公力花把例。',
  1052 + subOrders: null,
  1053 + type: 'natsqh',
  1054 + typeText: '今',
  1055 + uid: '330000197403311224',
  1056 + },
  1057 + {
  1058 + createBy: '胡刚',
  1059 + createTime: '2012-02-29 15:17:16',
  1060 + enableFlag: 5,
  1061 + modifyBy: null,
  1062 + modifyTime: '2018-12-01 01:06:22',
  1063 + version: 54,
  1064 + comment: '相更列议建先山技看式动通少再张达。',
  1065 + contacts: '苏丽',
  1066 + content: '断采界农速率音料不利价本观育办加。',
  1067 + id: 310000198409296830,
  1068 + invoiceId: '410000199910214313',
  1069 + invoiceNumber: '18101897586',
  1070 + invoicingTime: '1988-05-10 01:04:49',
  1071 + isUrgent: true,
  1072 + isUrgentText: '是',
  1073 + orderSource: '张敏',
  1074 + partyAAddress: '湖南省 常德市 其它区',
  1075 + partyABankAccount: '541623920005147',
  1076 + partyAName: '金勇',
  1077 + partyAOpenBank: '姚勇',
  1078 + partyAPhoneNumber: '18628931955',
  1079 + partyATaxid: '46000019850421462X',
  1080 + partyAType: '冯涛',
  1081 + partyBName: '白静',
  1082 + price: 79.1186,
  1083 + receiveEmail: 'f.ufhtaaxy@tqf.at',
  1084 + status: 'nvzmpk',
  1085 + statusText: '走放装我况动备究值花石细识。',
  1086 + subOrders: null,
  1087 + type: 'bodjivi',
  1088 + typeText: '装',
  1089 + uid: '440000201911167833',
  1090 + },
  1091 + {
  1092 + createBy: '程敏',
  1093 + createTime: '2003-01-07 15:21:18',
  1094 + enableFlag: 62,
  1095 + modifyBy: null,
  1096 + modifyTime: '2010-12-30 06:39:08',
  1097 + version: 86,
  1098 + comment: '经会林事养象象支美技易市处无。',
  1099 + contacts: '文明',
  1100 + content: '始压期历一品共可统许放率民机专。',
  1101 + id: 410000197306097340,
  1102 + invoiceId: '120000197305253404',
  1103 + invoiceNumber: '19847861585',
  1104 + invoicingTime: '2009-03-21 09:57:59',
  1105 + isUrgent: false,
  1106 + isUrgentText: '是',
  1107 + orderSource: '范强',
  1108 + partyAAddress: '宁夏回族自治区 固原市 隆德县',
  1109 + partyABankAccount: '3806430488701286',
  1110 + partyAName: '马秀英',
  1111 + partyAOpenBank: '孔丽',
  1112 + partyAPhoneNumber: '18685185146',
  1113 + partyATaxid: '610000202401101718',
  1114 + partyAType: '锺伟',
  1115 + partyBName: '秦磊',
  1116 + price: 63.13,
  1117 + receiveEmail: 'n.ndfy@cpfhavtnr.et',
  1118 + status: 'gudqdeery',
  1119 + statusText: '快万做放布别取面单十提按展情。',
  1120 + subOrders: null,
  1121 + type: 'xptbtyp',
  1122 + typeText: '加',
  1123 + uid: '640000200405105253',
  1124 + },
  1125 + {
  1126 + createBy: '朱杰',
  1127 + createTime: '2001-10-19 02:15:09',
  1128 + enableFlag: 35,
  1129 + modifyBy: null,
  1130 + modifyTime: '1974-10-01 23:25:53',
  1131 + version: 35,
  1132 + comment: '常却而向求对始状快到种真西铁学。',
  1133 + contacts: '贺刚',
  1134 + content: '素道劳儿百难真意有调决第地日越积正。',
  1135 + id: 510000197910042200,
  1136 + invoiceId: '360000199305032410',
  1137 + invoiceNumber: '18157434343',
  1138 + invoicingTime: '1998-09-18 19:50:59',
  1139 + isUrgent: false,
  1140 + isUrgentText: '是',
  1141 + orderSource: '马平',
  1142 + partyAAddress: '海南省 三亚市 -',
  1143 + partyABankAccount: '4211370435362379',
  1144 + partyAName: '薛秀英',
  1145 + partyAOpenBank: '吕明',
  1146 + partyAPhoneNumber: '18635883258',
  1147 + partyATaxid: '210000197212284430',
  1148 + partyAType: '吕军',
  1149 + partyBName: '程霞',
  1150 + price: 98.921323,
  1151 + receiveEmail: 'd.bbfuzq@urmdtbfkw.pl',
  1152 + status: 'stnwy',
  1153 + statusText: '消也此矿教动了斯阶给决众划。',
  1154 + subOrders: [
  1155 + {
  1156 + createByName: '热快志各',
  1157 + createTime: '2007-02-12 00:50:38',
  1158 + logicDelete: null,
  1159 + updateByName: '里争工',
  1160 + updateTime: '2018-12-06 05:13:27',
  1161 + afterInvoicingStatus: 'esse',
  1162 + afterInvoicingStatusUpdateTime: '1980-11-16 15:10:09',
  1163 + afterSalesAnnex: null,
  1164 + afterSalesNotes: null,
  1165 + afterSalesPlan: null,
  1166 + annex: null,
  1167 + applyInvoicingAnnex: null,
  1168 + applyInvoicingNotes: null,
  1169 + applyTime: '2014-10-18 20:00:18',
  1170 + attrId: 58,
  1171 + checkNotes: null,
  1172 + collectMoneyTime: '2020-03-07 12:13:38',
  1173 + confirmDeliverNotes: null,
  1174 + confirmReissueNotes: null,
  1175 + deadline: '1999-08-30 13:45:53',
  1176 + ext: null,
  1177 + extendField: 'ex Excepteur aute in',
  1178 + financialReceiptIssuanceTime: '2007-06-19 02:02:29',
  1179 + fullPaymentStatus: 'eu aliquip',
  1180 + goodsVolume: 6,
  1181 + goodsWeight: 3,
  1182 + id: 30,
  1183 + image: 'http://dummyimage.com/400x400',
  1184 + invoiceApplyUsername: '宋芳',
  1185 + invoiceInformation: 'non esse sed ut incididunt',
  1186 + invoiceRecordId: 80,
  1187 + invoicingCheckAnnex: 'do proident fugiat ut elit',
  1188 + invoicingNotes: null,
  1189 + invoicingStatus: null,
  1190 + invoicingTime: '1971-12-03 09:19:54',
  1191 + invoicingUrgentCause: 'sit commodo sunt',
  1192 + isUrgent: true,
  1193 + kingdeeErrorMessage: 'dolore ex labore consequat',
  1194 + logisticsMethod: null,
  1195 + logisticsNotes: 'nulla incididunt',
  1196 + mainOrderAmountProportion: 11,
  1197 + mainOrderId: 13,
  1198 + materialId: '63',
  1199 + modified: null,
  1200 + modifiedAuditNotes: 'ad irure',
  1201 + modifiedAuditStatus: 'elit laboris ut aliquip irure',
  1202 + modifiedOptFlag: null,
  1203 + nextOrderStatus: 'do incididunt cupidatat',
  1204 + notes: 'ad sunt Duis',
  1205 + orderStatus: null,
  1206 + orderStatusBeforeModify: 'Excepteur cillum deserunt ut',
  1207 + orderStatusUpdateTime: '2011-07-31 17:10:24',
  1208 + packageNumber: 48,
  1209 + parameters: null,
  1210 + paymentChannel: null,
  1211 + paymentMethod: 'reprehenderit',
  1212 + paymentReceiptAnnex: 'sunt est commodo sit anim',
  1213 + paymentReceiptNotes: 'eiusmod labore officia',
  1214 + paymentReceiptStatus: 'mollit pariatur',
  1215 + paymentStatus:
  1216 + 'aliqua Excepteur reprehenderit velit in',
  1217 + paymentTransactionId: '81',
  1218 + postAuditNotes: 'et',
  1219 + postAuditStatus: 'sed exercitation enim',
  1220 + postAuditStatusUpdateTime: '1991-06-30 05:29:46',
  1221 + procureConvertNotes: null,
  1222 + procureNotes: 'voluptate ullamco',
  1223 + procureOrderDatetime: '1985-12-20 10:33:57',
  1224 + procureOrderStatus: 'laborum',
  1225 + productBelongBusiness: 'quis sint ea Excepteur',
  1226 + productCode: '50',
  1227 + productId: 52,
  1228 + productName: '比解段便公许',
  1229 + productPrice: 58,
  1230 + productionEndTime: '1994-08-27 22:36:44',
  1231 + productionStartTime: '1973-01-04 19:34:37',
  1232 + productionTimePushStatus: '2021-12-05 23:10:48',
  1233 + quantity: 89,
  1234 + receivingCompany: null,
  1235 + reissueNotes: null,
  1236 + serialNumber: '8',
  1237 + shippingWarehouse: 'aliqua consequat sint',
  1238 + subOrderPayment: 19,
  1239 + supplierName: '很质切断将',
  1240 + supplierNotes: null,
  1241 + totalPayment: 74,
  1242 + uid: 62,
  1243 + unit: null,
  1244 + unitId: '20',
  1245 + urgentInvoiceAuditNotes: 'nisi non fugiat',
  1246 + version: 48,
  1247 + },
  1248 + ],
  1249 + type: 'mgnyd',
  1250 + typeText: '压',
  1251 + uid: '44000019730215718X',
  1252 + },
  1253 + ],
  1254 + pageSize: 56,
  1255 + specialPath: ['sit'],
  1256 + total: 74,
  1257 + },
  1258 + message: 'Excepteur',
  1259 + result: 50,
  1260 + };
  1261 + return {
  1262 + data: res?.data?.data,
  1263 + total: res?.data?.total || 0,
  1264 + };
  1265 + }}
  1266 + columnsState={{
  1267 + persistenceKey: 'pro-table-singe-demos',
  1268 + persistenceType: 'localStorage',
  1269 + defaultValue: {
  1270 + option: { fixed: 'right', disable: true },
  1271 + },
  1272 + onChange(value) {
  1273 + console.log('value: ', value);
  1274 + },
  1275 + }}
  1276 + rowKey="id"
  1277 + search={{
  1278 + labelWidth: 'auto',
  1279 + }}
  1280 + options={{
  1281 + setting: {
  1282 + listsHeight: 400,
  1283 + },
  1284 + }}
  1285 + form={{}}
  1286 + dateFormatter="string"
  1287 + headerTitle="待开票列表"
  1288 + scroll={{ x: 1400, y: 360 }}
  1289 + toolBarRender={() => []}
  1290 + />
  1291 + ),
  1292 + },
  1293 + {
  1294 + key: 3,
299 1295 label: '发票管理',
300 1296 children: (
301 1297 <ProTable
... ... @@ -352,7 +1348,7 @@ const InvoicePage = () =&gt; {
352 1348 ),
353 1349 },
354 1350 {
355   - key: 2,
  1351 + key: 4,
356 1352 label: '银行流水',
357 1353 children: (
358 1354 <ProTable
... ...