增加信息

2024-09-11 14:32:54 +08:00
parent 538f0d7731
commit fe72625bce
75 changed files with 1281 additions and 423 deletions
--- a/src/pages/order/components/EscFormModal.tsx
+++ b/src/pages/order/components/EscFormModal.tsx
@@ -0,0 +1,103 @@
+/*
+ * @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>
+    </>
+  );
+};
+