Qiufeng
84e9e7bff5
GitHub Pages / build (push) Canceled after 0s
GitHub Pages / deploy (push) Canceled after 0s
Docker image / meta (push) Successful in 24s
Docs Docker image / meta (push) Successful in 7s
Docker image / build (amd64, linux/amd64, ubuntu-latest) (push) Failing after 59s
Docs Docker image / build (amd64, linux/amd64, ubuntu-latest) (push) Failing after 30s
Docker image / merge (push) Canceled after 0s
Docs Docker image / merge (push) Canceled after 0s
Docker image / build (arm64, linux/arm64, ubuntu-24.04-arm) (push) Canceled after 0s
Docs Docker image / build (arm64, linux/arm64, ubuntu-24.04-arm) (push) Canceled after 0s
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import React, { memo } from 'react';
|
||
import { useNavigate } from 'react-router-dom';
|
||
import { CheckCircleFilledIcon } from 'tdesign-icons-react';
|
||
import { Button } from 'tdesign-react';
|
||
import Style from './index.module.less';
|
||
|
||
export default memo((props: { callback: Function }) => {
|
||
const navigate = useNavigate();
|
||
const { callback } = props;
|
||
|
||
const onClickAgain = () => {
|
||
callback('first');
|
||
};
|
||
|
||
const onCheck = () => {
|
||
const url = '/detail/advanced';
|
||
navigate(url);
|
||
};
|
||
|
||
return (
|
||
<div className={Style.stepFourWrapper}>
|
||
<div
|
||
style={{
|
||
display: 'flex',
|
||
alignItems: 'center',
|
||
justifyContent: 'center',
|
||
flexDirection: 'column',
|
||
}}
|
||
>
|
||
<CheckCircleFilledIcon className={Style.icon} />
|
||
<div className={Style.title}>完成开票申请</div>
|
||
<p>预计1～3个工作日会将电子发票发至邮箱，发票邮寄请耐心等待</p>
|
||
<div className='tdesign-demo-block-column' style={{ marginTop: '20px' }}>
|
||
<Button theme='primary' variant='base' onClick={onClickAgain}>
|
||
再次申请
|
||
</Button>
|
||
<Button theme='default' variant='base' style={{ marginLeft: '15px' }} onClick={onCheck}>
|
||
查看进度
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
});
|