feat: 手动开票功能开发

曾国涛
1 parent 230d5a97
Showing 3 changed files with 71 additions and 40 deletions
src/pages/Client/index.tsx
src/pages/Invoice/components/ManualInvoicingModal.tsx
src/pages/Invoice/index.tsx
@@ -17,22 +17,6 @@ export const waitTime = async (time: number = 100) =&gt; {
   await waitTimePromise(time);
 };
  
-type GithubIssueItem = {
-  url: string;
-  id: number;
-  number: number;
-  title: string;
-  labels: {
-    name: string;
-    color: string;
-  }[];
-  state: string;
-  comments: number;
-  created_at: string;
-  updated_at: string;
-  closed_at?: string;
-};
-
 const columns: ProColumns<GithubIssueItem>[] = [
   {
     dataIndex: 'index',
@@ -150,16 +134,14 @@ const columns: ProColumns&lt;GithubIssueItem&gt;[] = [
 export default () => {
   const actionRef = useRef<ActionType>();
   return (
-    <ProTable<GithubIssueItem>
+    <ProTable
       columns={columns}
       actionRef={actionRef}
       cardBordered
       request={async (params, sort, filter) => {
         console.log(sort, filter);
         await waitTime(2000);
-        return request<{
-          data: GithubIssueItem[];
-        }>('https://proapi.azurewebsites.net/github/issues', {
+        return request('https://proapi.azurewebsites.net/github/issues', {
           params,
         });
       }}
+import { RESPONSE_CODE } from '@/constants/enum';
 import UploadC from '@/pages/Invoice/components/UploadSingleImg';
-import { postOrderErpOrderStagesUpload } from '@/services';
+import {
+  postOrderErpOrderStagesUpload,
+  postServiceInvoiceDealInvoicingResult,
+} from '@/services';
 import {
   ModalForm,
   ProCard,
   ProFormDatePicker,
+  ProFormDigit,
   ProFormList,
+  ProFormMoney,
   ProFormText,
 } from '@ant-design/pro-components';
 import { Col, Form, Row, message } from 'antd';
 import { RcFile } from 'antd/es/upload';
+import { useEffect } from 'react';
  
 export default ({ record }) => {
-  const [form] = Form.useForm<{ name: string; company: string }>();
+  useEffect(() => {
+    console.log('invoicing');
+  }, []);
+  const [form] = Form.useForm();
   return (
-    <ModalForm<{
-      name: string;
-      company: string;
-    }>
+    <ModalForm
       title="手动开票"
       trigger={<a type="primary">手动开票</a>}
-      width={400}
+      width={600}
       layout={'horizontal'}
       form={form}
       autoFocusFirstInput
@@ -29,21 +36,48 @@ export default ({ record }) =&gt; {
       }}
       submitTimeout={2000}
       onFinish={async (values) => {
-        console.log(values);
-        message.success('提交成功');
-        return true;
+        const res = await postServiceInvoiceDealInvoicingResult({
+          data: {
+            ...values,
+            isSuccess: true,
+            invoiceRecordId: record.id,
+            manual: true,
+          },
+        });
+        if (res.result === RESPONSE_CODE.SUCCESS) {
+          message.success('开票成功');
+          return true;
+        } else {
+          message.error('开票失败');
+        }
       }}
     >
-      <ProFormText width={'md'} name="invoicingPerson" label="开票人" />
-      <ProFormText width={'md'} name="invoiceNumber" label="发票号码" />
+      <ProFormText
+        rules={[{ required: true, message: '此项为必填项' }]}
+        width={'md'}
+        name="invoicingPerson"
+        label="开票人"
+      />
+      <ProFormText
+        rules={[{ required: true, message: '此项为必填项' }]}
+        width={'md'}
+        name="invoiceNumber"
+        label="发票号码"
+      />
       <ProFormDatePicker
+        rules={[{ required: true, message: '此项为必填项' }]}
         fieldProps={{
-          format: 'YY-MM-DD',
+          format: 'YYYY-MM-DD',
         }}
         name="invoicingDate"
         label="开票日期"
       />
-      <ProFormText hidden name="url" label="發票地址" />
+      <ProFormText
+        rules={[{ required: true, message: '发票必须上传' }]}
+        hidden
+        name="url"
+        label="發票地址"
+      />
       <Row>
         <Col span={4}>上传发票</Col>
         <Col span={20}>
@@ -69,16 +103,15 @@ export default ({ record }) =&gt; {
         </Col>
       </Row>
       <ProFormList
-        name="invoiceDetails"
+        name="invoiceDetailDtoList"
         label="明细"
         creatorButtonProps={false}
         copyIconProps={false}
-        itemRender={({ listDom, action }, { index }) => (
+        itemRender={({ listDom }, { index }) => (
           <ProCard
             bordered
             style={{ marginBlockEnd: 8 }}
             title={`明细${index + 1}`}
-            extra={action}
             bodyStyle={{ paddingBlockEnd: 0 }}
           >
             {listDom}
@@ -86,7 +119,16 @@ export default ({ record }) =&gt; {
         )}
         creatorRecord={{ name: '', items: [{ name: '' }] }}
         initialValue={record.invoiceDetails}
-      ></ProFormList>
+      >
+        <ProFormText
+          name="projectName"
+          label="名称"
+          placeholder="请输入名称"
+          readonly
+        />
+        <ProFormDigit label="税率" name="taxRate" min={0} max={100} />
+        <ProFormMoney label="税额" name="taxPrice" locale="zh-CN" min={0} />
+      </ProFormList>
     </ModalForm>
   );
 };
@@ -317,7 +317,6 @@ const InvoicePage = () =&gt; {
       valueType: 'option',
       key: 'option',
       render: (text, record) => {
-        console.log('record' + JSON.stringify(record));
         return [
           /*<InvoiceRecordDetailModal
                       key="detail"
@@ -571,6 +570,14 @@ const InvoicePage = () =&gt; {
             </ModalForm>
           )}
         </>,
+        <>
+          {record.paths.includes('INVOICING') && (
+            <ManualInvoicingModal
+              key={'ManualInvoicingModal'}
+              record={record}
+            ></ManualInvoicingModal>
+          )}
+        </>,
       ],
     },
   ];
@@ -853,7 +860,7 @@ const InvoicePage = () =&gt; {
                   'AUDITING_NOT_PASSED',
                   'CANCELED',
                 ],
-                needBuildDetails: false,
+                needBuildDetails: true,
                 needBuildSubOrders: true,
               },
             });