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;