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'
const TextArea = Input.TextArea

export default class SelfDescriptionInfo extends Component {
  render () {
    return (
      <div className="self-description-info">
        <InfoHeader title="自我描述" />

        <CardWrapper>
          <Row>
            <Col span={24}>
              <LabelInput>三年内职业规划</LabelInput>
              <TextArea
                placeholder="三年内职业规划"
                autosize={{ minRows: 8, maxRows: 8 }}
                style={{ width: '100%', resize: 'none' }}
                onChange={onChange('plan', true).bind(this)}
                value={this.props.info.plan}
              />
            </Col>
          </Row>

          <Row>
            <Col span={24}>
              <LabelInput>工作业绩与自我评价</LabelInput>
              <TextArea
                placeholder="工作业绩与自我评价"
                autosize={{ minRows: 8, maxRows: 8 }}
                style={{ width: '100%', resize: 'none' }}
                onChange={onChange('description', true).bind(this)}
                value={this.props.info.description}
              />
            </Col>
          </Row>
        </CardWrapper>
      </div>
    )
  }
}
