SchoolFrom.jsx 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. import React, { useEffect } from 'react';
  2. import { connect } from 'umi';
  3. import ProForm, { ProFormText, ProFormTextArea } from '@ant-design/pro-form';
  4. import UploadImage from '@/components/UploadImage';
  5. import { Form } from 'antd';
  6. const SchoolFrom = (props) => {
  7. const [form] = Form.useForm();
  8. // const [bannerData, setBannerData] = useState({});
  9. useEffect(() => {
  10. form.setFieldsValue(props.data);
  11. }, [props.data]);
  12. return (
  13. <ProForm form={form} onFinish={props.handleSubmit}>
  14. <Form.Item
  15. name="logo"
  16. label="logo"
  17. placeholder="请选择logo"
  18. extra="支持jpg/png文件,且不超过500kb"
  19. rules={[{ required: true, message: '请上传logo' }]}
  20. >
  21. <UploadImage />
  22. </Form.Item>
  23. <ProFormText
  24. label="名称"
  25. placeholder="输入名称"
  26. name="name"
  27. rules={[{ required: true, message: '请填写名称' }]}
  28. />
  29. <ProFormTextArea
  30. label="简介"
  31. placeholder="输入简介"
  32. name="desc"
  33. rules={[{ required: true, message: '请填写简介' }]}
  34. />
  35. </ProForm>
  36. );
  37. };
  38. export default connect(() => ({}))(SchoolFrom);