forked from Gitlink/forgeplus-react
38 lines
1.9 KiB
TypeScript
38 lines
1.9 KiB
TypeScript
import React, { Component, useState,useEffect } from 'react';
|
||
import { Modal, Button } from "antd";
|
||
import Success from './success.png'
|
||
import { Link } from 'react-router-dom';
|
||
//报名成功提示
|
||
function SignupSuccess({isShowmodel,isSignUphide}){
|
||
const[data,setData]=useState<any>([]);
|
||
useEffect(()=>{
|
||
const data=JSON.parse(localStorage.getItem('item'))
|
||
setData(data);
|
||
},[])
|
||
return(
|
||
<Modal
|
||
visible={isShowmodel}
|
||
footer={null}
|
||
centered={true}
|
||
onCancel={()=>{
|
||
isSignUphide(false);
|
||
|
||
}}
|
||
width={600}
|
||
maskClosable={false}
|
||
>
|
||
<div style={{display:"flex",alignItems:'center'}}>
|
||
<img src={Success} style={{marginRight:'35px',width:'60px',height:'60px'}}/> <span style={{fontSize:'24px',color:'#333333'}}>报名成功</span>
|
||
</div>
|
||
<div style={{marginLeft:'100px',marginTop:'41px'}}>
|
||
<p className="task-hide">恭喜你成功报名：<span style={{color:"#333333"}}>{data?.competition}-{data?.sub_title}</span></p>
|
||
<p className="task-hide">系统已为您自动创建战队，战队名称为：<span style={{color:'#333333'}}>{data?.team_name}</span></p>
|
||
<p style={{marginTop:'40px'}}>你可以去到［编辑战队］页面，修改战队名称和上传logo，也可以去［赛事详情］ 页面更详细的了解比赛。</p>
|
||
</div>
|
||
<p style={{marginTop:'30px',textAlign:'center'}}>
|
||
<Link style={{marginRight:'20px'}} to={`/competitions/index/${data?.identify}`}><Button>赛事详情</Button></Link>
|
||
<Link style={{marginLeft:'20px'}} to={`/competitions/index/${data?.identify}/UpdateTeanname/${data?.team_id}`}><Button type="primary">编辑战队</Button></Link>
|
||
</p>
|
||
</Modal>
|
||
)
|
||
}export default SignupSuccess; |