import React, { Component } from 'react';
import { connect } from 'react-redux';
import 'antd-mobile/dist/antd-mobile.less';
import styles from './index.less';

const rightImg = require('../assets/pay/right.png');
const qrcodeImg = require('../assets/pay/qrcode.png');

@connect(({ info }) => ({ info }))
class Index extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  componentDidMount = () => {
    document.title = '支付结果';
    console.log('支付结果 page');
  };

  render() {
    return (
      <div className={styles.body}>
        <div className={styles.pay_result_container}>
          <div className={styles.right_container}>
            <img className={styles.right_img} src={rightImg}></img>
            <div className={styles.title_text}>【宠爱宝贝】身份鉴定尊享包</div>
            <div className={styles.tishi_text}>开通成功！</div>
          </div>
          <div className={styles.tips_container}>
            <div className={styles.tips_title}>TIPS:</div>
            <p>1. 信息提交后，我们会在2个工作日内由专业审查员为您的爱犬完成鉴定工作；</p>
            <p>
              2.
              鉴定通过的犬只，我们会在3个工作日内制作完成《宠爱护照》及《纯种犬鉴定证明书》并根据您填写的地址邮寄；
            </p>
            <p>3. 鉴定未通过的犬只，您可联系工作人员办理退费。</p>
          </div>
          <div className={styles.info_container}>
            <img className={styles.info_img} src={qrcodeImg}></img>
            <div className={styles.info_detail}>
              <div>联系人：苏女士 </div>
              <div>联系座机：010-53977052</div>
              <div>手机号码：13521275087</div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default Index;