/* 
	@author:李霆
	@update:2018/05/29
	@descript:复制粘贴，拿起来就是干！！
*/

import React from 'react';
import './contacts.less';
import{ Row ,Col,Button,Card,Input} from 'antd';

class Contancts extends React.Component{
    constructor(props){
        super(props);
        this.state={
            loading:false
        }
    }
    //添加联系人
    addContact(){

    }
    render(){
        const formItemLayout = {
			labelCol: {
				span: 6
			},
			wrapperCol: {
				span: 14
			}
		};
        return (
            <div className="contact-wrap">
                <Row>
                    <Col span={4} offset={1}>
                        <h4>联系人</h4>
                    </Col> 
                   <Col span={6} offset={8}>
                        <Button size="large" type="primary" onClick={this.addContact.bind(this)}>添加常用联系人</Button>
                   </Col>
                </Row>
                <Row className="card">
                    <Card>
                        <Row>
                            <Col span={6}>
                                <FormItem {...formItemLayout} label="姓名">
                                    <Input
                                        style={{ width: '90%' }}
                                        placeholder="联系人姓名"
                                        value={this.state.name}
                                        onChange={(e) => {
                                            this.setState({ name: e.target.value });
                                        }}
                                    />
                                    <span className="color-red"> * </span>
                                </FormItem>
                            </Col>
                            <Col span={6}>2</Col>
                            <Col span={6}>3</Col>
                            <Col span={6}>4</Col>
                        </Row>
                    </Card>
                </Row>
            </div>
        )
    }
}

export default Contancts;