feat: 开票功能开发

曾国涛
1 parent dacbb1cc
Showing 2 changed files with 165 additions and 0 deletions
src/pages/Order/components/InvoicingDrawerForm.tsx
src/pages/Order/index.tsx
+import {
+  DrawerForm,
+  ProForm,
+  ProFormDateRangePicker,
+  ProFormSelect,
+  ProFormText,
+} from '@ant-design/pro-components';
+import { Form, message } from 'antd';
+
+const waitTime = (time: number = 100) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(true);
+    }, time);
+  });
+};
+
+export default ({ subOrders, totalPayment, onClose }) => {
+  const [form] = Form.useForm<{ name: string; company: string }>();
+
+  return (
+    <DrawerForm<{
+      name: string;
+      company: string;
+    }>
+      title="新建表单"
+      resize={{
+        onResize() {
+          console.log('resize!');
+        },
+        maxWidth: window.innerWidth * 0.8,
+        minWidth: 300,
+      }}
+      form={form}
+      /*trigger={
+                <Button type="primary">
+                    <PlusOutlined />
+                    新建表单
+                </Button>
+            }*/
+      open={true}
+      autoFocusFirstInput
+      drawerProps={{
+        destroyOnClose: true,
+      }}
+      submitTimeout={2000}
+      onFinish={async (values) => {
+        await waitTime(2000);
+        console.log(values);
+        console.log(subOrders);
+        console.log(totalPayment);
+        message.success('提交成功');
+        onClose();
+        // 不返回不会关闭弹框
+        return true;
+      }}
+    >
+      <ProForm.Group>
+        <ProFormText
+          name="name"
+          width="md"
+          label="签约客户名称"
+          tooltip="最长为 24 位"
+          placeholder="请输入名称"
+        />
+        <ProFormText
+          rules={[
+            {
+              required: true,
+            },
+          ]}
+          width="md"
+          name="company"
+          label="我方公司名称"
+          placeholder="请输入名称"
+        />
+      </ProForm.Group>
+      <ProForm.Group>
+        <ProFormText
+          width="md"
+          name="contract"
+          label="合同名称"
+          placeholder="请输入名称"
+        />
+        <ProFormDateRangePicker name="contractTime" label="合同生效时间" />
+      </ProForm.Group>
+      <ProForm.Group>
+        <ProFormSelect
+          options={[
+            {
+              value: 'chapter',
+              label: '盖章后生效',
+            },
+          ]}
+          width="xs"
+          name="useMode"
+          label="合同约定生效方式"
+        />
+        <ProFormSelect
+          width="xs"
+          options={[
+            {
+              value: 'time',
+              label: '履行完终止',
+            },
+          ]}
+          formItemProps={{
+            style: {
+              margin: 0,
+            },
+          }}
+          name="unusedMode"
+          label="合同约定失效效方式"
+        />
+      </ProForm.Group>
+      <ProFormText width="sm" name="id" label="主合同编号" />
+      <ProFormText
+        name="project"
+        disabled
+        label="项目名称"
+        initialValue="xxxx项目"
+      />
+      <ProFormText
+        width="xs"
+        name="mangerName"
+        disabled
+        label="商务经理"
+        initialValue="启途"
+      />
+    </DrawerForm>
+  );
+};
 import ButtonConfirm from '@/components/ButtomConfirm';
 import { RESPONSE_CODE } from '@/constants/enum';
+import InvoicingDrawerForm from '@/pages/Order/components/InvoicingDrawerForm';
 import ReissueModal from '@/pages/Order/components/ReissueModal';
 import {
   postKingdeeRepSalBillOutbound,
@@ -122,6 +123,8 @@ const OrderPage = () =&gt; {
   const [allMainChecked, setAllMainChecked] = useState(false);
   const [imagesViewerModalVisible, setImagesViewerModalVisible] =
     useState<boolean>(false);
+  const [InvoicingDrawerFormVisible, setInvoicingDrawerFormVisible] =
+    useState<boolean>(false);
   const [data, setData] = useState([]); //列表数据
   const [notesEditVisible, setNotesEditVisible] = useState<boolean>(false);
   const [financialMergeDrawerVisible, setFinancialMergeDrawerVisible] =
@@ -3969,6 +3972,19 @@ const OrderPage = () =&gt; {
       );
     }
  
+    <Button
+      type="primary"
+      key="out"
+      onClick={() => {
+        setIsEdit(false);
+        setIsMainOrder(true);
+        setInvoicingDrawerFormVisible(true);
+      }}
+      disabled={selectedSubOrderKeys?.length === 0}
+    >
+      申请开票
+    </Button>;
+
     if (rolePath?.includes('mergeInvoicing')) {
       toolBtns.push(
         <Button
@@ -4621,6 +4637,23 @@ const OrderPage = () =&gt; {
         />
       )}
  
+      {InvoicingDrawerFormVisible && (
+        <InvoicingDrawerForm
+          subOrders={
+            isMainOrder
+              ? [...subOrderSelectedMap.values()].flat()
+              : buildSubOrders()
+          }
+          totalPayment={getApplyInvoicingTotalPayment()}
+          onClose={() => {
+            setApplyForInvoicingVisible(false);
+            setIsMainOrder(false);
+            clearOptObject();
+            refreshTable();
+          }}
+        ></InvoicingDrawerForm>
+      )}
+
       {contextHolder}
       <FloatButton.BackTop visibilityHeight={0} />
     </div>