feat: 手动开票功能开发

曾国涛
1 parent 7937df06
Showing 2 changed files with 41 additions and 13 deletions
src/pages/Invoice/components/ManualInvoicingModal.tsx
src/pages/Invoice/index.tsx
@@ -2,13 +2,15 @@ import UploadC from &#39;@/pages/Invoice/components/UploadSingleImg&#39;;
 import { postOrderErpOrderStagesUpload } from '@/services';
 import {
   ModalForm,
+  ProCard,
   ProFormDatePicker,
+  ProFormList,
   ProFormText,
 } from '@ant-design/pro-components';
 import { Col, Form, Row, message } from 'antd';
 import { RcFile } from 'antd/es/upload';
  
-export default () => {
+export default ({ record }) => {
   const [form] = Form.useForm<{ name: string; company: string }>();
   return (
     <ModalForm<{
@@ -66,6 +68,25 @@ export default () =&gt; {
           ></UploadC>
         </Col>
       </Row>
+      <ProFormList
+        name="invoiceDetails"
+        label="明细"
+        creatorButtonProps={false}
+        copyIconProps={false}
+        itemRender={({ listDom, action }, { index }) => (
+          <ProCard
+            bordered
+            style={{ marginBlockEnd: 8 }}
+            title={`明细${index + 1}`}
+            extra={action}
+            bodyStyle={{ paddingBlockEnd: 0 }}
+          >
+            {listDom}
+          </ProCard>
+        )}
+        creatorRecord={{ name: '', items: [{ name: '' }] }}
+        initialValue={record.invoiceDetails}
+      ></ProFormList>
     </ModalForm>
   );
 };
@@ -64,6 +64,7 @@ const InvoicePage = () =&gt; {
       let invoiceTypeRet = await postServiceConstInvoiceType();
       setInvoiceTypeValueEnum(invoiceTypeRet.data);
     }
+
     extracted().catch(console.error);
   }, []);
  
@@ -72,6 +73,7 @@ const InvoicePage = () =&gt; {
       let invoicingTypeRet = await postServiceConstInvoicingType();
       setInvoicingTypeValueEnum(invoicingTypeRet.data);
     }
+
     extracted().catch(console.error);
   }, []);
  
@@ -315,16 +317,17 @@ const InvoicePage = () =&gt; {
       valueType: 'option',
       key: 'option',
       render: (text, record) => {
+        console.log('record' + JSON.stringify(record));
         return [
           /*<InvoiceRecordDetailModal
-            key="detail"
-            id={record.id}
-            subOrderIds={record.subOrderIds}
-            onClose={()=>{
-              waitDealrecordActionRef.current?.reload();
-            }
-            }
-          />*/
+                      key="detail"
+                      id={record.id}
+                      subOrderIds={record.subOrderIds}
+                      onClose={()=>{
+                        waitDealrecordActionRef.current?.reload();
+                      }
+                      }
+                    />*/
           <a
             key="detail"
             onClick={() => {
@@ -335,10 +338,14 @@ const InvoicePage = () =&gt; {
             详情
           </a>,
           <InvoiceModal key="invoiceModal" recordId={record.id} />,
-          <ManualInvoicingModal
-            key={'ManualInvoicingModal'}
-            record={record}
-          ></ManualInvoicingModal>,
+          <>
+            {record.paths.includes('INVOICING') && (
+              <ManualInvoicingModal
+                key={'ManualInvoicingModal'}
+                record={record}
+              ></ManualInvoicingModal>
+            )}
+          </>,
         ];
       },
     },