feat: update 发票对账

zhongnanhuang
1 parent e0a6e25d
Showing 5 changed files with 61 additions and 30 deletions
src/pages/Invoice/constant.tsx
src/pages/Invoice/index.tsx
src/pages/Order/components/FinancialDrawer.tsx
src/pages/Order/index.tsx
src/pages/OrderReport/components/OrderStatisticCard.tsx
@@ -20,51 +20,61 @@ export const INVOICE_COLUMNS = [
     dataIndex: 'invoiceNumber',
     title: '发票号码',
     valueType: 'text',
+    width: 80,
   },
   {
     dataIndex: 'invoiceStatus',
     title: '发票类型',
     valueType: 'select',
+    width: 80,
   },
   {
     title: '状态',
     dataIndex: 'status',
     valueType: 'text',
+    width: 80,
   },
   {
     title: '购买方',
     dataIndex: 'purchaser',
     valueType: 'text',
+    width: 80,
   },
   {
     title: '收款单位',
     dataIndex: 'payee',
     valueType: 'text',
+    width: 80,
   },
   {
     title: '联系人',
     dataIndex: 'contacts',
     valueType: 'text',
+    width: 80,
   },
   {
     title: '销售',
     dataIndex: 'sale',
     valueType: 'text',
+    width: 80,
   },
   {
     title: '金额',
     dataIndex: 'money',
     valueType: 'money',
+    width: 80,
   },
   {
     title: '开票日期',
     dataIndex: 'invoicingTime',
     valueType: 'date',
+    width: 80,
   },
   {
     title: '收款时间',
     dataIndex: 'collectionTime',
     valueType: 'dateTime',
+    width: 80,
   },
   {
     title: '操作',
@@ -52,6 +52,7 @@ const InvoicePage = () =&gt; {
         }}
       >
         <ProTable<InvoiceItem>
+          scroll={{ x: true }}
           columns={INVOICE_COLUMNS}
           actionRef={actionRef}
           cardBordered
@@ -12,10 +12,9 @@ import {
   ProFormText,
   ProFormTextArea,
 } from '@ant-design/pro-components';
-import { ProFormDigit } from '@ant-design/pro-form';
 import { Form, message } from 'antd';
 import { useEffect, useState } from 'react';
-import { INVOCING_STATUS_OPTIONS_OLD, PAYEE_OPTIONS } from '../constant';
+import { INVOCING_STATUS_OPTIONS_OLD } from '../constant';
  
 export default ({
   mainOrder,
@@ -142,31 +141,31 @@ export default ({
               label="收款时间"
               initialValue={subOrders[0]?.collectMoneyTime}
             />,
-            <ProFormText
-              width="lg"
-              key="invoiceNumber"
-              name="invoiceNumber"
-              label="发票号码"
-              initialValue={subOrders[0]?.invoiceNumber}
-            />,
-            <ProFormSelect
-              key="payee"
-              placeholder="选择收款单位"
-              name="payee"
-              width="lg"
-              label="收款单位"
-              options={enumToSelect(PAYEE_OPTIONS)}
-              initialValue={subOrders[0]?.payee}
-              rules={[{ required: true, message: '收款单位必填' }]}
-            />,
+            // <ProFormText
+            //   width="lg"
+            //   key="invoiceNumber"
+            //   name="invoiceNumber"
+            //   label="发票号码"
+            //   initialValue={subOrders[0]?.invoiceNumber}
+            // />,
+            // <ProFormSelect
+            //   key="payee"
+            //   placeholder="选择收款单位"
+            //   name="payee"
+            //   width="lg"
+            //   label="收款单位"
+            //   options={enumToSelect(PAYEE_OPTIONS)}
+            //   initialValue={subOrders[0]?.payee}
+            //   rules={[{ required: true, message: '收款单位必填' }]}
+            // />,
  
-            <ProFormDigit
-              key="money"
-              name="money"
-              width="lg"
-              label="金额"
-              rules={[{ required: true, message: '金额必填' }]}
-            />,
+            // <ProFormDigit
+            //   key="money"
+            //   name="money"
+            //   width="lg"
+            //   label="金额"
+            //   rules={[{ required: true, message: '金额必填' }]}
+            // />,
           ]
         : ''}
  
@@ -201,9 +201,12 @@ const OrderPage = () =&gt; {
   function copyOrderToClipboard(record: any) {
     let text = '';
     text += record?.id;
+    text += '，' + record?.salesCode;
     text += '，' + record?.customerName;
     text += '，' + record?.customerContactNumber;
     text += '，' + record?.customerShippingAddress;
+    text += '，' + record?.institutionContactName;
+    text += '，' + record?.institution;
     record?.subOrderInformationLists?.forEach((item) => {
       text += '\n';
       text += item?.productName;
@@ -1055,7 +1058,8 @@ const OrderPage = () =&gt; {
                 type="link"
                 onClick={() => {
                   setSelectedRows([optRecord]);
-                  setOrderDrawerVisible(true);
+                  // setOrderDrawerVisible(true);
+                  setAfterSalesDrawerVisible(true);
                   setOrderRow(record);
                   setOrderOptType('after-sales');
                 }}
@@ -1927,7 +1931,8 @@ const OrderPage = () =&gt; {
                             return;
                           }
                         }
-                        setOrderDrawerVisible(true);
+                        // setOrderDrawerVisible(true);
+                        setAfterSalesDrawerVisible(true);
                         setOrderRow(record);
                         setOrderOptType('after-sales');
                       }}
@@ -7,10 +7,26 @@ import {
   ProFormDatePicker,
   ProFormDigit,
 } from '@ant-design/pro-components';
+import { useLocation } from '@umijs/max';
 import { Flex, Form, message } from 'antd';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
  
 export default ({ data, statisticsMethod, reFreshData }) => {
+  const location = useLocation();
+  const [targetEditable, setTargetEditable] = useState(false);
+
+  // 使用URLSearchParams来解析查询参数
+  const params = new URLSearchParams(location.search);
+
+  // 获取名为"param"的查询参数
+  useEffect(() => {
+    setTargetEditable(true);
+    const urlEditable = params.get('editable');
+    if (urlEditable === null) {
+      setTargetEditable(false);
+    }
+  }, []);
+
   const [edit, setEdit] = useState(false);
   const [form] = Form.useForm<{
     statisticsMethod: string;
@@ -121,7 +137,7 @@ export default ({ data, statisticsMethod, reFreshData }) =&gt; {
                   ''
                 )}
               </span>
-              {editable ? (
+              {editable && targetEditable ? (
                 <EditTwoTone
                   style={{ fontSize: '20px' }}
                   onClick={() => {