pay-admin/src/common/components/layout/ChangePassword.tsx
2025-06-27 17:16:40 +08:00

40 lines
1.0 KiB
TypeScript

import { Apis } from '@/gen/Apis';
import { ModalForm, ProFormText } from '@ant-design/pro-components';
import { message } from 'antd';
export default function ChangePassword({
open,
setOpen,
}: {
open: boolean;
setOpen: (open: boolean) => void;
}) {
return (
<ModalForm<ApiTypes.Common.Auth.ChangePassword>
open={open}
wrapperCol={{ span: 24 }}
width="500px"
title="修改密码"
onFinish={async (values) => {
return Apis.Common.Auth.ChangePassword(values)
.then(() => {
message.success('修改密码成功');
setOpen(false);
})
.catch(() => false);
}}
modalProps={{
onCancel: () => setOpen(false),
}}
>
<ProFormText.Password name="old_password" label="原密码" required />
<ProFormText.Password name="new_password" label="新密码" required />
<ProFormText.Password
name="re_new_password"
label="重复新密码"
required
/>
</ModalForm>
);
}