feat: 添加开票时会先获取所有销售代表

曾国涛
1 parent 4780a364
Showing 1 changed file with 30 additions and 9 deletions
src/pages/Invoice/components/AddInvoiceDrawerForm.tsx
 import { RESPONSE_CODE } from '@/constants/enum';
-import { postServiceInvoiceAddInvoice } from '@/services';
+import {
+  postServiceInvoiceAddInvoice,
+  postServiceOrderQuerySalesCode,
+} from '@/services';
 import { PlusOutlined } from '@ant-design/icons';
 import {
   DrawerForm,
@@ -12,6 +15,7 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { Button, Form, message } from 'antd';
+import { useEffect, useState } from 'react';
  
 export default ({ onClose }) => {
   const [form] = Form.useForm<{
@@ -30,7 +34,21 @@ export default ({ onClose }) =&gt; {
     ];
     money: '';
   }>();
-
+  const [salesCodeOptions, setSalesCodeOptions] = useState([]);
+  const getSalesCodeOptions = async () => {
+    const res = await postServiceOrderQuerySalesCode();
+    let options = res.data?.map((item) => {
+      return {
+        label: item.userName,
+        value: item.userName,
+        number: item.number,
+      };
+    });
+    setSalesCodeOptions(options);
+  };
+  useEffect(() => {
+    getSalesCodeOptions();
+  }, []);
   return (
     <DrawerForm<{
       invoiceNumber: string;
@@ -54,7 +72,7 @@ export default ({ onClose }) =&gt; {
           console.log('resize!');
         },
         maxWidth: window.innerWidth * 0.8,
-        minWidth: 400,
+        minWidth: 500,
       }}
       form={form}
       trigger={
@@ -125,12 +143,14 @@ export default ({ onClose }) =&gt; {
         placeholder="请输入联系人"
         rules={[{ required: true, message: '请输入联系人!' }]}
       />
-      <ProFormText
-        name="sale"
-        width="md"
-        label="销售"
-        placeholder="请输入销售"
-        rules={[{ required: true, message: '请输入销售!' }]}
+      <ProFormSelect
+        name="salesCode"
+        key="salesCode"
+        width="lg"
+        showSearch
+        label="销售代表"
+        placeholder="请选择销售代表"
+        options={salesCodeOptions}
       />
       <ProFormDateTimePicker
         name="invoicingTime"
@@ -145,6 +165,7 @@ export default ({ onClose }) =&gt; {
         name="mainOrderIdObjs"
         label="订单号"
         min={1}
+        copyIconProps={false}
         deleteIconProps={{
           tooltipText: '删除',
         }}