|
@@ -6,7 +6,7 @@
|
|
|
|
|
|
import React from 'react';
|
|
|
import './contacts.less';
|
|
|
-import{ Row ,Col} from 'antd';
|
|
|
+import{ Row ,Col,Button,Card,Input} from 'antd';
|
|
|
|
|
|
class Contancts extends React.Component{
|
|
|
constructor(props){
|
|
@@ -15,7 +15,19 @@ class Contancts extends React.Component{
|
|
|
loading:false
|
|
|
}
|
|
|
}
|
|
|
+ //添加联系人
|
|
|
+ addContact(){
|
|
|
+
|
|
|
+ }
|
|
|
render(){
|
|
|
+ const formItemLayout = {
|
|
|
+ labelCol: {
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ wrapperCol: {
|
|
|
+ span: 14
|
|
|
+ }
|
|
|
+ };
|
|
|
return (
|
|
|
<div className="contact-wrap">
|
|
|
<Row>
|
|
@@ -23,12 +35,29 @@ class Contancts extends React.Component{
|
|
|
<h4>联系人</h4>
|
|
|
</Col>
|
|
|
<Col span={6} offset={8}>
|
|
|
- <Button>添加常用联系人</Button>
|
|
|
+ <Button size="large" type="primary" onClick={this.addContact.bind(this)}>添加常用联系人</Button>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
- <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>
|