From e2b1c6c9580d68df38ed9b5c3c898220d997a803 Mon Sep 17 00:00:00 2001 From: z <2199297992@qq.com> Date: Tue, 4 Jun 2024 09:40:03 +0800 Subject: [PATCH] feat: 添加开票时会先获取所有销售代表 --- src/pages/Invoice/components/AddInvoiceDrawerForm.tsx | 39 ++++++++++++++++++++++++++++++--------- 1 file changed, 30 insertions(+), 9 deletions(-) diff --git a/src/pages/Invoice/components/AddInvoiceDrawerForm.tsx b/src/pages/Invoice/components/AddInvoiceDrawerForm.tsx index d339e6c..0b2a789 100644 --- a/src/pages/Invoice/components/AddInvoiceDrawerForm.tsx +++ b/src/pages/Invoice/components/AddInvoiceDrawerForm.tsx @@ -1,5 +1,8 @@ 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 }) => { ]; 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 }) => { console.log('resize!'); }, maxWidth: window.innerWidth * 0.8, - minWidth: 400, + minWidth: 500, }} form={form} trigger={ @@ -125,12 +143,14 @@ export default ({ onClose }) => { 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 }) => { name="mainOrderIdObjs" label="订单号" min={1} + copyIconProps={false} deleteIconProps={{ tooltipText: '删除', }} -- libgit2 0.23.3