release: v0.17.0

admin/src/pages/Form/Step/components/StepFour.tsx

@@ -0,0 +1,44 @@
+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>
+  );
+});