104 lines
2.7 KiB
TypeScript
104 lines
2.7 KiB
TypeScript
/*
|
|
* @Note:
|
|
* @Author: 2058827620@qq.com
|
|
* @Date: 2022-04-03 17:02:15
|
|
*/
|
|
|
|
import { ProForm, ModalForm, ProFormRadio, ProFormText, ProFormTextArea, ProFormMoney, ProFormCaptcha, ProFormInstance } from '@ant-design/pro-components';
|
|
import { Button } from 'antd';
|
|
import { useEffect, useRef } from 'react';
|
|
import { smsCode } from '@/services/user/user'
|
|
|
|
|
|
|
|
export default ({ modalOpenState, onModalOpenState, onSubmit }) => {
|
|
const restFormRef = useRef<ProFormInstance>();
|
|
|
|
|
|
|
|
const handleFinish = async (formValues) => {
|
|
await onSubmit(formValues);
|
|
restFormRef.current?.resetFields();
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<ModalForm
|
|
title="订单-退单"
|
|
formRef={restFormRef}
|
|
submitter={{
|
|
searchConfig: {
|
|
resetText: '重置',
|
|
},
|
|
resetButtonProps: {
|
|
onClick: () => {
|
|
restFormRef.current?.resetFields();
|
|
},
|
|
},
|
|
}}
|
|
onFinish={handleFinish}
|
|
open={modalOpenState}
|
|
onOpenChange={onModalOpenState}
|
|
>
|
|
<ProFormText hidden={true} width="md" name="id" />
|
|
<ProForm.Group>
|
|
<ProFormText
|
|
rules={[{ required: true, message: '请输入!' }]}
|
|
width="md"
|
|
name="userName"
|
|
label="用户名"
|
|
placeholder="请输入"
|
|
/>
|
|
<ProFormText
|
|
rules={[{ required: true, message: '请输入!' }]}
|
|
width="md"
|
|
name="phone"
|
|
label="手机号"
|
|
placeholder="请输入"
|
|
/>
|
|
</ProForm.Group>
|
|
|
|
<ProForm.Group>
|
|
<ProFormCaptcha
|
|
placeholder={'请输入验证码'}
|
|
captchaTextRender={(timing, count) => {
|
|
if (timing) {
|
|
return `${count} ${'获取验证码'}`;
|
|
}
|
|
return '获取验证码';
|
|
}}
|
|
label="验证码"
|
|
name="smsCode"
|
|
rules={[
|
|
{
|
|
required: true,
|
|
message: '请输入验证码！',
|
|
},
|
|
]}
|
|
onGetCaptcha={async () => {
|
|
const { data } = await smsCode();
|
|
}}
|
|
/>
|
|
</ProForm.Group>
|
|
<ProForm.Group>
|
|
<ProFormText
|
|
rules={[{ required: true, message: '请输入!' }]}
|
|
width="md"
|
|
name="orderNo"
|
|
label="订单号"
|
|
placeholder="请输入"
|
|
/>
|
|
</ProForm.Group>
|
|
<ProFormTextArea
|
|
rules={[{ required: true, message: '请输入' }]}
|
|
width="md"
|
|
name="remarks"
|
|
label="退款原因"
|
|
placeholder="请输入"
|
|
/>
|
|
</ModalForm>
|
|
</>
|
|
);
|
|
};
|
|
|