|  | @@ -6,21 +6,226 @@
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  import React from 'react';
 | 
	
		
			
				|  |  |  import './contacts.less';
 | 
	
		
			
				|  |  | -import{ Row ,Col,Button,Card,Input} from 'antd';
 | 
	
		
			
				|  |  | +import { Row, Col, Button, Card, Input, Form, message, Spin } from 'antd';
 | 
	
		
			
				|  |  | +import ajax from 'jquery/src/ajax/xhr.js';
 | 
	
		
			
				|  |  | +import $ from 'jquery/src/ajax';
 | 
	
		
			
				|  |  | +const FormItem = Form.Item;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -class Contancts extends React.Component{
 | 
	
		
			
				|  |  | -    constructor(props){
 | 
	
		
			
				|  |  | -        super(props);
 | 
	
		
			
				|  |  | -        this.state={
 | 
	
		
			
				|  |  | -            loading:false
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -    }
 | 
	
		
			
				|  |  | -    //添加联系人
 | 
	
		
			
				|  |  | -    addContact(){
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    }
 | 
	
		
			
				|  |  | -    render(){
 | 
	
		
			
				|  |  | -        const formItemLayout = {
 | 
	
		
			
				|  |  | +class Contancts extends React.Component {
 | 
	
		
			
				|  |  | +	constructor(props) {
 | 
	
		
			
				|  |  | +		super(props);
 | 
	
		
			
				|  |  | +		this.state = {
 | 
	
		
			
				|  |  | +			loading: false,
 | 
	
		
			
				|  |  | +			contactData: [
 | 
	
		
			
				|  |  | +				{
 | 
	
		
			
				|  |  | +					id: '12',
 | 
	
		
			
				|  |  | +					edit: false,
 | 
	
		
			
				|  |  | +					name: '李霆1',
 | 
	
		
			
				|  |  | +					department: '平台事业发展',
 | 
	
		
			
				|  |  | +					post: '前端',
 | 
	
		
			
				|  |  | +					photo: '18320746285',
 | 
	
		
			
				|  |  | +					telPhoto: '5551456',
 | 
	
		
			
				|  |  | +					qq: '265478954',
 | 
	
		
			
				|  |  | +					email: '125468@qq.com',
 | 
	
		
			
				|  |  | +					remarks: '这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字'
 | 
	
		
			
				|  |  | +				},
 | 
	
		
			
				|  |  | +				{
 | 
	
		
			
				|  |  | +					id: '123',
 | 
	
		
			
				|  |  | +					edit: false,
 | 
	
		
			
				|  |  | +					name: '李霆2',
 | 
	
		
			
				|  |  | +					department: '平台事业发展',
 | 
	
		
			
				|  |  | +					post: '前端',
 | 
	
		
			
				|  |  | +					photo: '18320746285',
 | 
	
		
			
				|  |  | +					telPhoto: '5551456',
 | 
	
		
			
				|  |  | +					qq: '265478954',
 | 
	
		
			
				|  |  | +					email: '125468@qq.com',
 | 
	
		
			
				|  |  | +					remarks: '这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字'
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			],
 | 
	
		
			
				|  |  | +			oldData: [
 | 
	
		
			
				|  |  | +				{
 | 
	
		
			
				|  |  | +					id: '12',
 | 
	
		
			
				|  |  | +					edit: false,
 | 
	
		
			
				|  |  | +					name: '李霆1',
 | 
	
		
			
				|  |  | +					department: '平台事业发展',
 | 
	
		
			
				|  |  | +					post: '前端',
 | 
	
		
			
				|  |  | +					photo: '18320746285',
 | 
	
		
			
				|  |  | +					telPhoto: '5551456',
 | 
	
		
			
				|  |  | +					qq: '265478954',
 | 
	
		
			
				|  |  | +					email: '125468@qq.com',
 | 
	
		
			
				|  |  | +					remarks: '这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字'
 | 
	
		
			
				|  |  | +				},
 | 
	
		
			
				|  |  | +				{
 | 
	
		
			
				|  |  | +					id: '123',
 | 
	
		
			
				|  |  | +					edit: false,
 | 
	
		
			
				|  |  | +					name: '李霆2',
 | 
	
		
			
				|  |  | +					department: '平台事业发展',
 | 
	
		
			
				|  |  | +					post: '前端',
 | 
	
		
			
				|  |  | +					photo: '18320746285',
 | 
	
		
			
				|  |  | +					telPhoto: '5551456',
 | 
	
		
			
				|  |  | +					qq: '265478954',
 | 
	
		
			
				|  |  | +					email: '125468@qq.com',
 | 
	
		
			
				|  |  | +					remarks: '这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字'
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			]
 | 
	
		
			
				|  |  | +		};
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	loadData() {
 | 
	
		
			
				|  |  | +		this.setState({
 | 
	
		
			
				|  |  | +			loading: true
 | 
	
		
			
				|  |  | +		});
 | 
	
		
			
				|  |  | +		$.ajax({
 | 
	
		
			
				|  |  | +			method: 'post',
 | 
	
		
			
				|  |  | +			dataType: 'json',
 | 
	
		
			
				|  |  | +			crossDomain: false,
 | 
	
		
			
				|  |  | +			url: globalConfig.context + '/api/admin/customer/shuju',
 | 
	
		
			
				|  |  | +			data: {},
 | 
	
		
			
				|  |  | +			success: function(data) {
 | 
	
		
			
				|  |  | +				if (data.error.length || data.data == '') {
 | 
	
		
			
				|  |  | +					if (data.error && data.error.length) {
 | 
	
		
			
				|  |  | +						message.warning(data.error[0].message);
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +				} else {
 | 
	
		
			
				|  |  | +					this.setState({
 | 
	
		
			
				|  |  | +						contactData: data.data,
 | 
	
		
			
				|  |  | +						oldData: data.data
 | 
	
		
			
				|  |  | +					});
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			}.bind(this)
 | 
	
		
			
				|  |  | +		}).always(
 | 
	
		
			
				|  |  | +			function() {
 | 
	
		
			
				|  |  | +				this.setState({
 | 
	
		
			
				|  |  | +					loading: false
 | 
	
		
			
				|  |  | +				});
 | 
	
		
			
				|  |  | +			}.bind(this)
 | 
	
		
			
				|  |  | +		);
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	//添加联系人
 | 
	
		
			
				|  |  | +	addContact() {
 | 
	
		
			
				|  |  | +		let contactData = this.state.contactData;
 | 
	
		
			
				|  |  | +		contactData.push({
 | 
	
		
			
				|  |  | +			id: '',
 | 
	
		
			
				|  |  | +			name: '',
 | 
	
		
			
				|  |  | +			edit: true,
 | 
	
		
			
				|  |  | +			department: '',
 | 
	
		
			
				|  |  | +			post: '',
 | 
	
		
			
				|  |  | +			photo: '',
 | 
	
		
			
				|  |  | +			telPhoto: '',
 | 
	
		
			
				|  |  | +			qq: '',
 | 
	
		
			
				|  |  | +			email: '',
 | 
	
		
			
				|  |  | +			remarks: ''
 | 
	
		
			
				|  |  | +		});
 | 
	
		
			
				|  |  | +		this.setState({ contactData });
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	//保存函数
 | 
	
		
			
				|  |  | +	saveFun(item, index) {
 | 
	
		
			
				|  |  | +		console.log(item,index)
 | 
	
		
			
				|  |  | +		let contactData = this.state.contactData;
 | 
	
		
			
				|  |  | +		if(!item.name||!item.photo){
 | 
	
		
			
				|  |  | +			message.warning('请填写带 * 号项!');
 | 
	
		
			
				|  |  | +			return;
 | 
	
		
			
				|  |  | +		}
 | 
	
		
			
				|  |  | +		if (item.id) {
 | 
	
		
			
				|  |  | +			this.state.oldData[index].id = item.id;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].name = item.name;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].department = item.department;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].post = item.post;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].photo = item.photo;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].telPhoto = item.telPhoto;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].qq = item.qq;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].email = item.email;
 | 
	
		
			
				|  |  | +			this.state.oldData[index].remarks = item.remarks;
 | 
	
		
			
				|  |  | +		} else {
 | 
	
		
			
				|  |  | +			this.state.oldData.push({
 | 
	
		
			
				|  |  | +				id: '',
 | 
	
		
			
				|  |  | +				name: item.name,
 | 
	
		
			
				|  |  | +				department: item.department,
 | 
	
		
			
				|  |  | +				post: item.post,
 | 
	
		
			
				|  |  | +				photo: item.photo,
 | 
	
		
			
				|  |  | +				telPhoto: item.telPhoto,
 | 
	
		
			
				|  |  | +				qq: item.qq,
 | 
	
		
			
				|  |  | +				email: item.email,
 | 
	
		
			
				|  |  | +				remarks: item.remarks
 | 
	
		
			
				|  |  | +			});
 | 
	
		
			
				|  |  | +		}
 | 
	
		
			
				|  |  | +		console.log(this.state.oldData)
 | 
	
		
			
				|  |  | +		return;
 | 
	
		
			
				|  |  | +		this.setState({
 | 
	
		
			
				|  |  | +			loading: true
 | 
	
		
			
				|  |  | +		});
 | 
	
		
			
				|  |  | +		$.ajax({
 | 
	
		
			
				|  |  | +			method: 'post',
 | 
	
		
			
				|  |  | +			dataType: 'json',
 | 
	
		
			
				|  |  | +			url: globalConfig.context + '/api/admin/customer/updatePersonalCustomer',
 | 
	
		
			
				|  |  | +			data: {
 | 
	
		
			
				|  |  | +				contactData: JSON.stringify(this.state.oldData)
 | 
	
		
			
				|  |  | +			}
 | 
	
		
			
				|  |  | +		}).done(
 | 
	
		
			
				|  |  | +			function(data) {
 | 
	
		
			
				|  |  | +				this.setState({
 | 
	
		
			
				|  |  | +					loading: false
 | 
	
		
			
				|  |  | +				});
 | 
	
		
			
				|  |  | +				if (!data.error.length) {
 | 
	
		
			
				|  |  | +					message.success('保存成功!');
 | 
	
		
			
				|  |  | +					this.loadData();
 | 
	
		
			
				|  |  | +				} else {
 | 
	
		
			
				|  |  | +					message.warning(data.error[0].message);
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			}.bind(this)
 | 
	
		
			
				|  |  | +		);
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	//删除
 | 
	
		
			
				|  |  | +	delFun(item, index) {
 | 
	
		
			
				|  |  | +		let contactData = this.state.contactData;
 | 
	
		
			
				|  |  | +		if (!item.id) {
 | 
	
		
			
				|  |  | +			contactData.splice(index, 1);
 | 
	
		
			
				|  |  | +			this.setState(contactData);
 | 
	
		
			
				|  |  | +			message.success('删除成功');
 | 
	
		
			
				|  |  | +		} else {
 | 
	
		
			
				|  |  | +			this.setState({
 | 
	
		
			
				|  |  | +				loading: true
 | 
	
		
			
				|  |  | +			});
 | 
	
		
			
				|  |  | +			$.ajax({
 | 
	
		
			
				|  |  | +				method: 'post',
 | 
	
		
			
				|  |  | +				dataType: 'json',
 | 
	
		
			
				|  |  | +				url: globalConfig.context + '/api/admin/customer/del',
 | 
	
		
			
				|  |  | +				data: {
 | 
	
		
			
				|  |  | +					uid: item.id
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			}).done(
 | 
	
		
			
				|  |  | +				function(data) {
 | 
	
		
			
				|  |  | +					this.setState({
 | 
	
		
			
				|  |  | +						loading: false
 | 
	
		
			
				|  |  | +					});
 | 
	
		
			
				|  |  | +					if (!data.error.length) {
 | 
	
		
			
				|  |  | +						message.success('删除成功!');
 | 
	
		
			
				|  |  | +						this.loadData();
 | 
	
		
			
				|  |  | +					} else {
 | 
	
		
			
				|  |  | +						message.warning(data.error[0].message);
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +				}.bind(this)
 | 
	
		
			
				|  |  | +			);
 | 
	
		
			
				|  |  | +		}
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	//编辑时
 | 
	
		
			
				|  |  | +	editFun(item, index) {
 | 
	
		
			
				|  |  | +		this.state.oldData[index].edit = true;
 | 
	
		
			
				|  |  | +		this.setState({
 | 
	
		
			
				|  |  | +			contactData: this.state.oldData
 | 
	
		
			
				|  |  | +		});
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	//取消编辑
 | 
	
		
			
				|  |  | +	cancelFun(item,index){
 | 
	
		
			
				|  |  | +		this.state.oldData[index].edit = false;
 | 
	
		
			
				|  |  | +		this.setState({
 | 
	
		
			
				|  |  | +			contactData:this.state.oldData
 | 
	
		
			
				|  |  | +		})
 | 
	
		
			
				|  |  | +	}	
 | 
	
		
			
				|  |  | +	componentWillMount() {
 | 
	
		
			
				|  |  | +		this.loadData();
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +	render() {
 | 
	
		
			
				|  |  | +		const formItemLayout = {
 | 
	
		
			
				|  |  |  			labelCol: {
 | 
	
		
			
				|  |  |  				span: 6
 | 
	
		
			
				|  |  |  			},
 | 
	
	
		
			
				|  | @@ -28,41 +233,225 @@ class Contancts extends React.Component{
 | 
	
		
			
				|  |  |  				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>
 | 
	
		
			
				|  |  | -        )
 | 
	
		
			
				|  |  | -    }
 | 
	
		
			
				|  |  | +		return (
 | 
	
		
			
				|  |  | +			<div className="contact-wrap">
 | 
	
		
			
				|  |  | +				<Spin spinning={this.state.loading}>
 | 
	
		
			
				|  |  | +					<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>
 | 
	
		
			
				|  |  | +					{this.state.contactData.map((item, index) => {
 | 
	
		
			
				|  |  | +						return (
 | 
	
		
			
				|  |  | +							<Row className="card" key={index}>
 | 
	
		
			
				|  |  | +								<Card>
 | 
	
		
			
				|  |  | +									<Row>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="姓名">
 | 
	
		
			
				|  |  | +												{item.edit && (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人姓名"
 | 
	
		
			
				|  |  | +														value={item.name}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.name = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<span className="color-red"> * </span>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.name}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="部门">
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人部门"
 | 
	
		
			
				|  |  | +														value={item.department}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.department = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.department}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="职务">
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人职务"
 | 
	
		
			
				|  |  | +														value={item.post}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.post = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.post}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="手机号码">
 | 
	
		
			
				|  |  | +												{item.edit && (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人手机"
 | 
	
		
			
				|  |  | +														value={item.photo}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.photo = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<span className="color-red"> * </span>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.photo}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +									</Row>
 | 
	
		
			
				|  |  | +									<Row>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="固定电话">
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人固定电话"
 | 
	
		
			
				|  |  | +														value={item.telPhoto}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.telPhoto = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.telPhoto}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="QQ">
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人QQ"
 | 
	
		
			
				|  |  | +														value={item.qq}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.qq = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.qq}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											<FormItem {...formItemLayout} label="邮箱">
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														style={{ width: '90%' }}
 | 
	
		
			
				|  |  | +														placeholder="联系人电子邮箱"
 | 
	
		
			
				|  |  | +														value={item.email}
 | 
	
		
			
				|  |  | +														onChange={(e) => {
 | 
	
		
			
				|  |  | +															(item.email = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.email}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +									</Row>
 | 
	
		
			
				|  |  | +									<Row>
 | 
	
		
			
				|  |  | +										<Col span={18}>
 | 
	
		
			
				|  |  | +											<FormItem labelCol={{ span: 2 }} wrapperCol={{ span: 20 }} label="备注">
 | 
	
		
			
				|  |  | +												{item.edit ? (
 | 
	
		
			
				|  |  | +													<Input
 | 
	
		
			
				|  |  | +														type="textarea"
 | 
	
		
			
				|  |  | +														placeholder="输入备注"
 | 
	
		
			
				|  |  | +														rows={4}
 | 
	
		
			
				|  |  | +														value={item.remarks}
 | 
	
		
			
				|  |  | +														onChange={(e, pre) => {
 | 
	
		
			
				|  |  | +															(item.remarks = e.target.value),
 | 
	
		
			
				|  |  | +																this.setState({ contactData: this.state.contactData });
 | 
	
		
			
				|  |  | +														}}
 | 
	
		
			
				|  |  | +													/>
 | 
	
		
			
				|  |  | +												) : (
 | 
	
		
			
				|  |  | +													<span>{item.remarks}</span>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +											</FormItem>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +										<Col span={6}>
 | 
	
		
			
				|  |  | +											{!item.edit ? (
 | 
	
		
			
				|  |  | +												<Button
 | 
	
		
			
				|  |  | +													type="primary"
 | 
	
		
			
				|  |  | +													icon="edit"
 | 
	
		
			
				|  |  | +													size="large"
 | 
	
		
			
				|  |  | +													style={{ marginRight: 20 }}
 | 
	
		
			
				|  |  | +													onClick={() => {
 | 
	
		
			
				|  |  | +														this.editFun(item, index);
 | 
	
		
			
				|  |  | +													}}
 | 
	
		
			
				|  |  | +												/>
 | 
	
		
			
				|  |  | +											) : (
 | 
	
		
			
				|  |  | +												<Button
 | 
	
		
			
				|  |  | +													type="primary"
 | 
	
		
			
				|  |  | +													size="large"
 | 
	
		
			
				|  |  | +													style={{ marginRight: 20 }}
 | 
	
		
			
				|  |  | +													onClick={() => {
 | 
	
		
			
				|  |  | +														this.saveFun(item, index);
 | 
	
		
			
				|  |  | +													}}
 | 
	
		
			
				|  |  | +												>
 | 
	
		
			
				|  |  | +													保存
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											)}
 | 
	
		
			
				|  |  | +											 {item.edit &&
 | 
	
		
			
				|  |  | +											item.id && (
 | 
	
		
			
				|  |  | +												<Button
 | 
	
		
			
				|  |  | +													size="large"
 | 
	
		
			
				|  |  | +													style={{ marginRight: 20 }}
 | 
	
		
			
				|  |  | +													onClick={() => {
 | 
	
		
			
				|  |  | +														this.cancelFun(item, index);
 | 
	
		
			
				|  |  | +													}}
 | 
	
		
			
				|  |  | +												>
 | 
	
		
			
				|  |  | +													暂存
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											)}  
 | 
	
		
			
				|  |  | +											<Button
 | 
	
		
			
				|  |  | +												type="danger"
 | 
	
		
			
				|  |  | +												size="large"
 | 
	
		
			
				|  |  | +												onClick={() => {
 | 
	
		
			
				|  |  | +													this.delFun(item, index);
 | 
	
		
			
				|  |  | +												}}
 | 
	
		
			
				|  |  | +											>
 | 
	
		
			
				|  |  | +												删除
 | 
	
		
			
				|  |  | +											</Button>
 | 
	
		
			
				|  |  | +										</Col>
 | 
	
		
			
				|  |  | +									</Row>
 | 
	
		
			
				|  |  | +								</Card>
 | 
	
		
			
				|  |  | +							</Row>
 | 
	
		
			
				|  |  | +						);
 | 
	
		
			
				|  |  | +					})}
 | 
	
		
			
				|  |  | +				</Spin>
 | 
	
		
			
				|  |  | +			</div>
 | 
	
		
			
				|  |  | +		);
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -export default Contancts;
 | 
	
		
			
				|  |  | +export default Contancts;
 |