chore: 为发票和银行流水页面添加导出按钮

在发票和银行流水页面添加了导出按钮，该按钮允许用户选择所需的数据并将其导出为Excel文件。使用了messageApi来显示导出过程的加载状态。增加了optionRender属性来在搜索配置中添加导出按钮，并确保按钮位于搜索区域的右侧。服务端点和文件： - 在`index.tsx`文件的Invoice页面中添加了导出功能。 - 在`index.tsx`文件的InvoiceVerification页面中添加了导出功能。 - 更新了`definition.ts`文件，对现有的类型定义没有做出修改，保持了一致性。与订单状态和流水号相关的配置。

chore: 为发票和银行流水页面添加导出按钮
在发票和银行流水页面添加了导出按钮，该按钮允许用户选择所需的数据并将其导出为Excel文件。使用了messageApi来显示导出过程的加载状态。增加了optionRender属性来在搜索配置中添加导出按钮，并确保按钮位于搜索区域的右侧。服务端点和文件： - 在`index.tsx`文件的Invoice页面中添加了导出功能。 - 在`index.tsx`文件的InvoiceVerification页面中添加了导出功能。 - 更新了`definition.ts`文件，对现有的类型定义没有做出修改，保持了一致性。与订单状态和流水号相关的配置。
曾国涛
1 parent 3fcc4455
Showing 4 changed files with 64 additions and 2 deletions
src/pages/Invoice/Invoice/components/AddBankStatementModal.tsx
src/pages/Invoice/Invoice/components/InvoiceVerificationModal.tsx
src/pages/Invoice/Invoice/components/invoiceWriteOffModal.tsx
src/pages/Invoice/constant.tsx
@@ -24,6 +24,11 @@ export default ({ getRows, onFinish }) =&gt; {
       dataIndex: 'serialNumber',
     },
     {
+      title: '流水号',
+      hideInTable: true,
+      dataIndex: 'serialNumber',
+    },
+    {
       title: '收款时间',
       dataIndex: 'collectionDatetime',
       hideInSearch: true,
@@ -20,7 +20,6 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
   const [bankChooseModalVisible, setBankChooseModalVisible] = useState(false);
   const [invoiceInfo, setInvoiceInfo] = useState({});
   const [relationOrderIds, setRelationOrderIds] = useState([]);
-  const [setRelationBankStatements] = useState([]);
   const actionRef = useRef<ActionType>();
   const loadInvoiceData = async () => {
@@ -31,7 +30,6 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
       setInvoiceInfo(res.data);
       setRelationOrderIds(res.data.mainOrderIds);
       console.log('bs:' + res.data.bankStatementDtos);
-      setRelationBankStatements(res.data.bankStatementDtos);
     }
   };
@@ -117,6 +115,18 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
     },
     {
       key: '11',
+      label: '订单类型',
+      children: invoiceInfo?.orderTypeText,
+      span: 12,
+    },
+    {
+      key: '12',
+      label: '绑定流水号',
+      children: invoiceInfo?.serialNumbersTextByOrder,
+      span: 12,
+    },
+    {
+      key: '13',
       label: '备注',
       children: invoiceInfo?.notes,
       span: 24,
@@ -30,24 +30,29 @@ export default ({ getData, triggerButton, readOnly }) =&gt; {
       {
         title: '发票号码',
         dataIndex: 'invoiceNumber',
+        ellipsis: true,
       },
       {
         title: '收款方',
         dataIndex: 'payeeText',
+        ellipsis: true,
       },
       {
         title: '付款方',
         dataIndex: 'purchaser',
+        ellipsis: true,
       },
       {
         title: '金额',
         dataIndex: 'money',
         valueType: 'money',
+        ellipsis: true,
       },
       {
         title: '日期',
         dataIndex: 'invoicingTime',
         valueType: 'date',
+        ellipsis: true,
       },
     ];
     if (!readOnly) {
@@ -84,24 +89,29 @@ export default ({ getData, triggerButton, readOnly }) =&gt; {
       {
         title: '流水号',
         dataIndex: 'serialNumber',
+        ellipsis: true,
       },
       {
         title: '收款方',
         dataIndex: 'payeeText',
+        ellipsis: true,
       },
       {
         title: '付款方',
         dataIndex: 'payer',
+        ellipsis: true,
       },
       {
         title: '金额',
         dataIndex: 'amount',
         valueType: 'money',
+        ellipsis: true,
       },
       {
         title: '日期',
         dataIndex: 'collectionDatetime',
         valueType: 'date',
+        ellipsis: true,
       },
     ];
     columns.push({
@@ -78,6 +78,43 @@ export const INVOICE_COLUMNS = [
     hideInTable: true,
   },
   {
+    title: '订单状态',
+    dataIndex: 'orderTypeText',
+    valueType: 'text',
+    width: 180,
+  },
+  {
+    title: '绑定流水号',
+    dataIndex: 'serialNumbersTextByOrder',
+
+    valueType: 'text',
+    width: 180,
+  },
+  {
+    title: '是否预付款',
+    dataIndex: 'orderIsPrePay',
+    valueType: 'select',
+    valueEnum: {
+      true: {
+        text: '是',
+        status: true,
+      },
+      false: {
+        text: '否',
+        status: false,
+      },
+    },
+    hideInTable: true,
+    width: 180,
+  },
+  {
+    title: '绑定流水号',
+    dataIndex: 'serialNumberLike',
+    hideInTable: true,
+    valueType: 'text',
+    width: 180,
+  },
+  {
     title: '购买方',
     dataIndex: 'purchaser',
     valueType: 'text',