ClientDrawer.tsx
2.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
import {
postServiceConstClientLevels,
postServiceConstTradeStatus,
} from '@/services';
import { enumToSelect } from '@/utils';
import {
DrawerForm,
ProFormDateTimePicker,
ProFormSelect,
ProFormText,
} from '@ant-design/pro-components';
import { Form, message } from 'antd';
export default () => {
const [form] = Form.useForm<{ name: string; company: string }>();
return (
<DrawerForm
title="新建表单"
resize={{
onResize() {
console.log('resize!');
},
maxWidth: window.innerWidth * 0.8,
minWidth: 300,
}}
form={form}
trigger={<a type="primary">新增客户</a>}
autoFocusFirstInput
drawerProps={{
destroyOnClose: true,
}}
submitTimeout={2000}
onFinish={async (values) => {
console.log(values);
message.success('提交成功');
// 不返回不会关闭弹框
return true;
}}
>
<ProFormText name="name" label="客户名称" placeholder="请输入名称" />
<ProFormText
name="companyName"
label="单位名称"
placeholder="请输入单位名称"
/>
<ProFormText
name="companyAddress"
label="单位地址"
placeholder="请输入单位地址"
/>
<ProFormText
name="phoneNumber"
label="联系电话"
placeholder="请输入联系电话"
/>
<ProFormText
name="source"
label="客户来源"
placeholder="请输入客户来源"
/>
<ProFormText
name="requirements"
label="客户需求"
placeholder="请输入客户需求"
/>
<ProFormText name="referrers" label="推荐人" placeholder="请输入推荐人" />
<ProFormSelect
name="hasScheme"
label="是否已报方案"
placeholder="请选择是否已报方案"
options={[
{
label: '是',
value: true,
},
{
label: '否',
value: false,
},
]}
/>
<ProFormDateTimePicker
name="quoteDatetime"
label="报价时间"
placeholder="请输入报价时间"
/>
<ProFormSelect
name="level"
label="客户等级"
placeholder="请输入客户等级"
request={async () => {
const res = await postServiceConstClientLevels();
return enumToSelect(res.data);
}}
/>
<ProFormSelect
name="tradeStatus"
label="跟进状态"
placeholder="请输入跟进状态"
request={async () => {
const res = await postServiceConstTradeStatus();
return enumToSelect(res.data);
}}
/>
<ProFormText name="notes" label="备注" placeholder="请输入备注" />
</DrawerForm>
);
};