feat: update 发票对账

zhongnanhuang
1 parent 349f730f
Showing 5 changed files with 112 additions and 40 deletions
src/pages/Invoice/components/BankChooseModal.tsx
src/pages/Invoice/components/BankImportModal.tsx
src/pages/Invoice/components/InvoiceVerificationModal.tsx
src/pages/Invoice/constant.tsx
src/utils/index.ts
@@ -5,7 +5,7 @@ import {
   postServiceBankStatementQueryBankStatement,
   postServiceInvoiceInvoiceWriteOff,
 } from '@/services';
-import { enumValueToLabel, formatDateTime } from '@/utils';
+import { FloatAdd, FloatSub, enumValueToLabel, formatDateTime } from '@/utils';
 import { formatDate } from '@/utils/time';
  
 import { ActionType, ProCard, ProTable } from '@ant-design/pro-components';
@@ -18,6 +18,7 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
   const [selectedStatementIdSet, setSelectedStatementIdSet] = useState(
     new Set(),
   );
+  const [totalAmount, setTotalAmount] = useState(0);
  
   // 添加元素到Set
   const addElement = (element) => {
@@ -128,6 +129,8 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
           key="choose"
           type="link"
           onClick={() => {
+            let amount = record.loanAmount || record.transactionAmount || 0;
+
             //已经选中，取消选中
             if (selectedStatementIdSet.has(record.id)) {
               setSelectedStatement(
@@ -136,12 +139,14 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
                 }),
               );
               removeElement(record.id);
+              setTotalAmount(parseFloat(FloatSub(totalAmount, amount)));
             } else {
               //添加到已选中区域中
               let newSelectedStatement = [...selectedStatement];
               newSelectedStatement.push(record);
               setSelectedStatement(newSelectedStatement);
               addElement(record.id);
+              setTotalAmount(FloatAdd(totalAmount, amount));
             }
           }}
         >
@@ -167,22 +172,36 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
   };
  
   const showSelectedStatement = () => {
-    console.log('show');
-    console.log(selectedStatement);
     let i = 0;
  
     let tags = selectedStatement.map((item) => {
+      console.log(item);
+      let tagText = item.id;
+
+      if (item.payeePayerName) {
+        tagText += ' ' + item.payeePayerName + ' ';
+      }
+
+      if (item.loanAmount) {
+        tagText += item.loanAmount + ' ';
+      }
+
+      if (item.transactionAmount) {
+        tagText += item.transactionAmount;
+      }
+
       return (
         <Tag
           key={i++}
           closable={true}
           style={{ userSelect: 'none' }}
+          color="blue"
           onClose={(e) => {
             e.preventDefault(); //需要加上这句代码，不然删除tag时，当前tag的下一个tag会被设置ant-tag-hidden
             removeSelectedStatement(item);
           }}
         >
-          <span>{item.id}</span>
+          <span>{tagText}</span>
         </Tag>
       );
     });
@@ -226,11 +245,11 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
         }}
       >
         <Divider orientation="left" plain>
-          已选中
+          已选中（合计：￥{totalAmount}）
         </Divider>
         <ProCard className="mb-[16px]" bordered style={{}}>
-          <Flex>
-            <div>{showSelectedStatement()}</div>
+          <Flex wrap="wrap" gap="small">
+            {showSelectedStatement()}
           </Flex>
         </ProCard>
  
 import { RESPONSE_CODE } from '@/constants/enum';
-import { postServiceBankStatementImportBankStatementForm } from '@/services';
+
 import { UploadOutlined } from '@ant-design/icons';
 import { ModalForm } from '@ant-design/pro-components';
 import { Button, Form, Upload, UploadFile, UploadProps, message } from 'antd';
@@ -14,17 +14,17 @@ export default ({ setVisible, onClose }) =&gt; {
   const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) =>
     setFileList(newFileList);
  
-  const [messageApi] = message.useMessage();
+  // const [messageApi] = message.useMessage();
   const [uploadLoading, setUploading] = useState(false);
   console.log(uploadLoading);
  
-  const exportLoading = (content: string) => {
-    messageApi.open({
-      type: 'loading',
-      content: content,
-      duration: 0,
-    });
-  };
+  // const exportLoading = (content: string) => {
+  //   messageApi.open({
+  //     type: 'loading',
+  //     content: content,
+  //     duration: 0,
+  //   });
+  // };
  
   const downloadImportTemplate = async () => {
     axios({
@@ -34,6 +34,7 @@ export default ({ setVisible, onClose }) =&gt; {
       headers: { Authorization: localStorage.getItem('token') },
     })
       .then((response) => {
+        console.log(response);
         // 创建一个新的 Blob 对象，它包含了服务器响应的数据（即你的 Excel 文件）
         const blob = new Blob([response.data]); // Excel 的 MIME 类型
         const downloadUrl = window.URL.createObjectURL(blob);
@@ -53,32 +54,45 @@ export default ({ setVisible, onClose }) =&gt; {
   const handleUpload = async () => {
     const formData = new FormData();
     fileList.forEach((file) => {
-      //originFileObj二进制文件
       formData.append('file', file.originFileObj as RcFile);
     });
-    // console.log(fileList[0] as RcFile)
-    // formData.append('file', fileList[0] as RcFile);
     setUploading(true);
-    // You can use any AJAX library you like
-    const res = await postServiceBankStatementImportBankStatementForm({
-      data: formData,
+
+    axios({
+      url: '/api/service/bankStatement/importBankStatementForm',
+      method: 'post',
+      responseType: 'blob',
       headers: {
+        Authorization: localStorage.getItem('token'),
         'Content-Type':
           'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
       },
-    });
-
-    if (res.result === RESPONSE_CODE.SUCCESS) {
-      message.success(res.message);
-      onClose();
-    } else {
-      if (res.message === '表格中没有数据') {
-        setUploading(false);
-        return;
-      }
-      //存在错误信息，下载错误信息模板
-      exportLoading('正在下载错误信息...');
-    }
+      data: formData,
+    })
+      .then((response) => {
+        if (response.data?.result === RESPONSE_CODE.SUCCESS) {
+          message.success(response.data?.message);
+        } else {
+          if (response.data?.message) {
+            message.error(response.data?.message);
+          } else {
+            // 创建一个新的 Blob 对象，它包含了服务器响应的数据（即你的 Excel 文件）
+            const blob = new Blob([response.data]); // Excel 的 MIME 类型
+            const downloadUrl = window.URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = downloadUrl;
+            a.download = '银行流水导入模板.xlsx'; // 你可以为文件命名
+            document.body.appendChild(a);
+            a.click(); // 模拟点击操作来下载文件
+            URL.revokeObjectURL(downloadUrl); // 释放掉 blob 对象所占用的内存
+            document.body.removeChild(a);
+          }
+        }
+      })
+      .catch((error) => {
+        // 处理错误
+        message.error('系统出现异常了，请联系管理员', error);
+      });
  
     setUploading(false);
   };
@@ -36,7 +36,7 @@ export default ({ invoiceId, setVisible, onClose }) =&gt; {
       data: { invoiceId: invoiceId },
     });
     if (res && res.data) {
-      setInvoiceInfo(res.data.queryInvoiceResponseDto);
+      setInvoiceInfo(res.data);
       setRelationOrderIds(res.data.mainOrderIds);
       setRelationBankStatements(res.data.bankStatementResponseDtos);
     }
@@ -131,11 +131,12 @@ export const INVOICE_COLUMNS = [
 export const BANK_STATEMENT_COLUMNS = [
   {
     dataIndex: 'id',
-    title: '主键ID',
+    title: '编号',
     valueType: 'text',
-    width: 100,
-    hideInTable: true,
-    hideInSearch: true,
+    width: 160,
+    copyable: true,
+    // hideInTable: true,
+    // hideInSearch: true,
     editable: false,
   },
   {
@@ -224,7 +224,45 @@ function splitByFirstTwoDashes(str: string) {
   ];
 }
  
+//浮点数加法运算
+function FloatAdd(arg1: any, arg2: any) {
+  let r1, r2, m;
+  try {
+    r1 = arg1.toString().split('.')[1].length;
+  } catch (e) {
+    r1 = 0;
+  }
+  try {
+    r2 = arg2.toString().split('.')[1].length;
+  } catch (e) {
+    r2 = 0;
+  }
+  m = Math.pow(10, Math.max(r1, r2));
+  return (arg1 * m + arg2 * m) / m;
+}
+
+//浮点数减法运算
+function FloatSub(arg1: any, arg2: any) {
+  let r1, r2, m, n;
+  try {
+    r1 = arg1.toString().split('.')[1].length;
+  } catch (e) {
+    r1 = 0;
+  }
+  try {
+    r2 = arg2.toString().split('.')[1].length;
+  } catch (e) {
+    r2 = 0;
+  }
+  m = Math.pow(10, Math.max(r1, r2));
+  //动态控制精度长度
+  n = (r1 = r2) ? r1 : r2;
+  return ((arg1 * m - arg2 * m) / m).toFixed(n);
+}
+
 export {
+  FloatAdd,
+  FloatSub,
   appendFormData,
   blobToFile,
   copyToClipboard,