参考资料:https://procomponents.ant.design/components/form
表单的布局:横排,竖排等。
const LAYOUT_TYPE_HORIZONTAL = 'horizontal';
<ProForm
{...formItemLayout}
layout={LAYOUT_TYPE_HORIZONTAL}//横排
submitter={{//提交按钮部分
render: (props, doms) => {
return formLayoutType === LAYOUT_TYPE_HORIZONTAL ? (
<Row>
<Col span={14} offset={4}>
<Space>{doms}</Space>
</Col>
</Row>
) : (
doms
);
},
}}
onFinish={async (values) => {
await waitTime(2000);
console.log(values);
message.success('提交成功');
}}
params={{}}
request={async () => {
await waitTime(100);
return {
name: '蚂蚁设计有限公司',
useMode: 'chapter',
};
}}
>
<ProFormText
width="md"
name="equipment"
label="装置"
value={initialValues.equipment}//展示默认值
disabled//不可输入
/>
</ProForm>