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 == 1 ? "是" : "否";
}
},
{
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 && record.mobile ? (
) : (
""
)}
);
}
}
]
};
},
//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));
this.state.contactList.forEach(item => {
item.major = 0;
});
record.major = 1;
// console.log(record);
this.setState({
contactList: this.state.contactList
});
console.log("....", this.state.contactList);
},
//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;