import React from 'react';
import {Form,Table,Button,Spin,message,Input,Popconfirm,Col} from 'antd';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
const ContactPerson = React.createClass({
getInitialState() {
return {
contactList:[],
loading:false,
ContactsLists: [{
title: '姓名',
dataIndex: 'name',
key: 'name',
render: (text, record, index) => {
return { record.name = e.target.value;
this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
}, {
title: '联系人部门',
dataIndex: 'depatrment',
key: 'depatrment',
render: (text, record, index) => {
return { record.depatrment = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
}, {
title: '联系人职务',
dataIndex: 'position',
key: 'position',
render: (text, record, index) => {
return { record.position = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
}, {
title: '主要联系人',
dataIndex: 'major',
width:100,
key: 'major',
render:(text) => {
return text?'是':"否"
}
},{
title: '手机号码',
dataIndex: 'mobile',
key: 'mobile',
render: (text, record, index) => {
return { record.mobile = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
}, {
title: '微信',
dataIndex: 'wechat',
key: 'wechat',
render: (text, record, index) => {
return { record.wechat = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
}, {
title: '联系人QQ',
dataIndex: 'qq',
key: 'qq',
render: (text, record, index) => {
return { record.qq = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
}, {
title: '电子邮箱',
dataIndex: 'email',
key: 'email',
render: (text, record, index) => {
return { record.email = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
}
},
{
title: '操作',
dataIndex: 'dels',
key: 'dels',
render: (text, record, index) => {
return
{adminData.isSuperAdmin ?
{this.confirmDelet(record)}} okText="删除" cancelText="不删除">
:''}
{record.name?
:''}
}
}
],
}
},
//tab2删除
confirmDelet(e) {
this.setState({
loading: true
});
if(e.id) {
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/customer/deleteOneContact",
data: {
ocbId: e.id, //删除的ID
}
}).done(function(data) {
if(!data.error.length) {
message.success('删除成功!');
this.setState({
loading: false,
});
} else {
message.warning(data.error[0].message);
};
this.contactLists();
}.bind(this));
} else {
this.contactLists();
}
},
//选择主要联系人
mainContact(record){
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/customer/updateMainContact",
data: {
uid:this.props.data.id,
ocbId: record.id
}
}).done(function(data) {
if(!data.error.length) {
message.success('设为主要联系人成功!');
this.setState({
loading: false,
});
} else {
message.warning(data.error[0].message);
};
this.contactLists();
}.bind(this));
},
//tab2获取联系人详情
contactLists(ids) {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/admin/customer/findCustomerContacts',
data: {
uid: ids||this.props.data.id, //名称1
},
success: function(data) {
let theArr = [];
if(data.error.length || data.data.list == "") {
if(data.error && data.error.length) {
message.warning(data.error[0].message);
};
} else {
for(let i = 0; i < data.data.length; i++) {
let thisdata = data.data[i];
theArr.push({
key:i,
id: thisdata.id,
name: thisdata.name,
mobile: thisdata.mobile,
email: thisdata.email,
qq: thisdata.qq,
wechat: thisdata.wechat,
depatrment: thisdata.depatrment,
position: thisdata.position,
major:thisdata.major
});
};
};
this.setState({
contactList: theArr,
});
}.bind(this),
}).always(function() {
this.setState({
loading: false
});
}.bind(this));
},
//新增
//tab2新增联系人
addcontact() {
this.state.contactList.push({
id: null,
name: '',
mobile: '',
email: '',
qq: '',
wechat: '',
depatrment: '',
position: '',
});
this.setState({
contactList: this.state.contactList
})
},
//tab2联系人保存
contactSave(e) {
e.preventDefault();
this.setState({
loading: true
});
$.ajax({
url: globalConfig.context + '/api/admin/customer/updateCustomerContacts',
method: 'post',
data: {
uid: this.props.data.id,
contactList: JSON.stringify(this.state.contactList)
}
}).done(function(data) {
this.setState({
loading: false
});
if(!data.error.length) {
message.success('保存成功!');
this.props.closeDetail(false,true)
} else {
message.warning(data.error[0].message);
}
}.bind(this));
},
componentWillMount(){
this.contactLists(this.props.data.id);
},
detailsModal(){
this.props.closeDetail(false, false)
},
componentWillReceiveProps(nextProps) {
if(nextProps.data.id&&nextProps.contactState){
this.contactLists(nextProps.data.id)
}
},
render() {
return(
)
}
})
export default ContactPerson;