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>
    );
  }
}