import React, { PureComponent } from 'react'; import { connect } from 'dva'; // import { routerRedux, Link } from 'dva/router'; import { Form, Button, Steps, Modal } from 'antd'; import './Enroll.less'; import EnterpriseRegisterIcon from '../../assets/images/enterprise_register.png'; import PersonalRegisterIcon from '../../assets/images/personal_register.png'; import IconS from '../../components/IconS'; const { Step } = Steps; @connect(state => ({ register: state.register })) @Form.create() export default class Enroll extends PureComponent { constructor(props, context) { super(props, context); this.state = { provinaces: [ { name: '骞胯タ', url: 'http://gx.baibaodun.cn//iframe/register.jsp' }, { name: '闄曡タ', url: 'http://sn.baibaodun.cn//iframe/register.jsp' }, { name: '瀹佸', url: 'http://222.75.71.181:11180//iframe/register.jsp' }, { name: '鍖椾含', url: 'http://1.202.89.254:8801/ars-web//iframe/register.jsp' } ], provincesShow: false // count: 0, }; } /******************************鐢熷懡鍛ㄦ湡******************************/ componentDidMount = () => {}; /******************************ajax璇锋眰******************************/ /******************************鐩稿叧浜嬩欢******************************/ /******************************render******************************/ render() { return ( <div className='Enroll'> <div className='enroll-header'> <div className='head-portrait'> <IconS type='logo-' /> <span className='head-portrait-text'> <span style={{ fontSize: '18px' }}>鐧句繚鐩�</span> <br /> <span style={{ fontSize: '12px' }}>鏀瑰彉宸ヤ綔 鏀瑰彉浣�</span> </span> </div> <div className='head-portrait-register'> <span style={{ cursor: 'pointer' }} onClick={() => this.props.history.push('LogOn')} > 鐧诲綍 </span> </div> </div> <div className='enroll-main' style={{ minHeight: 'calc(100vh - 165px)' }} > <div className='enroll-content'> <div className='enroll-container'> <div className='enroll-category' style={{ width: '340px' }}> <dl className='enroll-dl'> <dt className='enroll-text'>浼佷笟娉ㄥ唽</dt> <dd className='enroll-img'> <img src={EnterpriseRegisterIcon} alt='' /> </dd> <dd className='enroll-btn'> <Button onClick={() => this.props.history.push('EnterpriseRegistration') } type='primary' size='large' > 娉ㄥ唽 </Button> <p className="introduce">鑻ユ偍鐨勪紒涓氬凡鍏锋湁鐩稿叧璧勮川,鏃犻渶鍐嶈繘琛屽叕瀹夌敵鎶ヨ鍙殑,鍙洿鎺ユ敞鍐屼娇鐢ㄦ湰绯荤粺銆�</p> </dd> </dl> </div> {/* 鏆傛椂闅愯棌涓汉娉ㄥ唽锛屽紶鐑ㄨ姹傦紝鏆傛椂涓汉娉ㄥ唽鏈惎鐢� */} <div className="enroll-category enroll-border"> <dl className="enroll-dl"> <dt className="enroll-text">鑷劧浜烘敞鍐�</dt> <dd className="enroll-img"> <img src={PersonalRegisterIcon} alt="" /> </dd> <dd className="enroll-btn"> <Button // onClick={() => // this.props.history.push("PersonalRegistration") // } onClick={() => this.setState({ provincesShow: true }) } type="primary" size="large" > 娉ㄥ唽 </Button> <p className="introduce">鑻ユ偍鐨勪紒涓氬皻鏈繘琛屽妗堣鍙敵鎶ヨ鍙�,鏆傛棤鐩稿叧琛屼笟璧勮川鐨�,璇烽€氳繃鏈€氶亾,瀹屾垚鐩稿叧璁稿彲鐢宠,鐢宠閫氳繃鍚�,绯荤粺浼氳嚜鍔ㄤ负鎮ㄥ紑閫氫紒涓氳处鍙枫€�</p> </dd> </dl> </div> </div> </div> </div> <Modal className="choose_provinces_modal" title="璇烽€夋嫨鍦板尯" onCancel={() => { // 鎭㈠鍒濆鐘舵€� this.setState({ provincesShow: false }); }} visible={this.state.provincesShow} > {this.state.provinaces.map((item, index) => { return ( <Button key={index} onClick={() => { window.location.href = item.url; }} className="province_btn" > {item.name} </Button> ); })} <p className="tip"> 娉細浠呴檺宸茶惤鍦板紑閫氱殑鐪佷唤杩涜鑷劧浜虹敵璇峰紑閫氭湇鍔★紝璇峰噯纭€夋嫨鎮ㄦ墍灞炵殑鐪佷唤銆� 鑻ユ偍鎵€鍦ㄧ渷浠戒笉鍦ㄤ互涓嬪垪琛ㄤ腑锛岃鑱旂郴褰撳湴鍏畨鎴栧湪绾垮鏈嶈繘琛屽挩璇紙400-662-9696锛夈€� </p> </Modal> </div> ); } }