import React, { Component } from 'react'
import CardWrapper from '@/component/CardWrapper'
import InfoHeader from '@/component/InfoHeader'
import LabelInput from '@/ui-component/LabelInput'
import { Row, Col, Input } from 'antd'
import { onChange } from '@/util'
export default class CommunicationInfo extends Component {
  render () {
    return (
      <div className="communication-info">
        <InfoHeader title="通讯信息" />
        <CardWrapper>
          <Row>
            <Col span={10}>
              <LabelInput>手机号码</LabelInput>
              <Input
                placeholder="请输入手机号码"
                onChange={onChange('phone', true).bind(this)}
                value={this.props.info.phone}
              />
            </Col>
            <Col span={10} offset={4}>
              <p className="input-label not-must">
                            其他联系人号码/关系
              </p>
              <Input
                placeholder="请输入紧急联系人(格式：姓名_手机号)"
                onChange={onChange('urgentPhone', true).bind(this)}
                value={this.props.info.urgentPhone}
              />
            </Col>
          </Row>

          <Row>
            <Col span={10}>
              <LabelInput>个人邮箱</LabelInput>
              <Input
                placeholder="请输入个人邮箱"
                onChange={onChange('email', true).bind(this)}
                value={this.props.info.email}
              />
            </Col>
          </Row>
        </CardWrapper>
      </div>
    )
  }
}
