import React from "react"; import { Form, Table, Button, Spin, message, Input, Modal, Popconfirm, Col, Row, Alert } from "antd"; import ajax from "jquery/src/ajax/xhr.js"; import $ from "jquery/src/ajax"; const ContactPerson = React.createClass({ getInitialState() { return { newContacts:[], nameModal: "", mobileModal: "", emailModal: "", qqModal: "", wechatModal: "", departmentModal: "", positionModal: "", fixedTelModal:"", loading: false, addcontactModul:false, ContactsLists: [ { title: "姓名", dataIndex: "name", key: "name", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "联系人部门", dataIndex: "department", key: "department", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "联系人职务", dataIndex: "position", key: "position", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "主要联系人", dataIndex: "major", width: 100, key: "major", render: text => { return text == 1 ? "是" : "否"; } }, { title: "地区", dataIndex: "cityName", key: "cityName", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "手机号码", dataIndex: "mobile", key: "mobile", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "座机", dataIndex: "fixedTel", key: "fixedTel", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "微信", dataIndex: "wechat", key: "wechat", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "联系人QQ", dataIndex: "qq", key: "qq", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "电子邮箱", dataIndex: "email", key: "email", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "更新时间", dataIndex: "createTimes", key: "createTimes", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "跟进人", dataIndex: "aname", key: "aname", render: (text, record, index) => { if(record.id) return
{text}
} }, { title: "操作", dataIndex: "dels", key: "dels", render: (text, record, index) => { return (
{adminData.isSuperAdmin || !record.id? ( { this.confirmDelet(record); }} okText="删除" cancelText="不删除" > ) : ( "" )} {record.major!=1 ? ( ) : ( "" )}
); } } ] }; }, //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 }); }, //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, department: thisdata.department, position: thisdata.position, major: thisdata.major, createTimes:thisdata.createTimes, fixedTel:thisdata.fixedTel, aname:thisdata.aname, cityName:thisdata.provinceName+thisdata.cityName+thisdata.areaName }); } } this.setState({ contactList: theArr }); }.bind(this) }).always( function() { this.setState({ loading: false }); }.bind(this) ); }, //新增 //tab2新增联系人 addcontact() { this.setState({ addcontactModul: true }); }, // 取消新增 addcontactModulcancel(){ this.setState({ addcontactModul: false, nameModal: "", mobileModal: "", emailModal: "", qqModal: "", wechatModal: "", departmentModal: "", positionModal: "", fixedTelModal:"", }); }, //tab2联系人保存 contactSave(e) { e.preventDefault(); if (this.state.nameModal.length == 0 ) { message.error("请填写姓名"); return; } if(/.*[\u4e00-\u9fa5]+.*$/.test(this.state.nameModal)) { }else{ message.error("请填写正确的姓名,且至少包含一个汉字"); return; } if(this.state.mobileModal.length!=11){ message.error('请填写正确的手机号码'); return } if(this.state.departmentModal.length==0){ message.error('请填写部门'); return } if (/.*[\u4e00-\u9fa5]+.*$/.test(this.state.departmentModal)) { } else { message.error("请填写正确的姓名,且至少包含一个汉字"); return; } if(this.state.positionModal.length==0){ message.error('请填写职位'); return } if (/.*[\u4e00-\u9fa5]+.*$/.test(this.state.positionModal)) { } else { message.error("请填写正确的姓名,且至少包含一个汉字"); return; } this.setState({ loading: true }); $.ajax({ url: globalConfig.context + "/api/admin/customer/addOneContact", method: "post", data: { uid: this.props.data.id, name: this.state.nameModal, mobile: this.state.mobileModal, email: this.state.emailModal, qq:this.state.qqModal, wechat: this.state.wechatModal, department: this.state.departmentModal, position: this.state.positionModal, fixedTel:this.state.fixedTelModal, } }).done( function(data) { this.setState({ loading: false }); if (!data.error.length) { message.success("保存成功!"); // this.props.closeDetail(false, true); this.setState({ addcontactModul: false, nameModal: "", mobileModal: "", emailModal: "", qqModal: "", wechatModal: "", departmentModal: "", positionModal: "", fixedTelModal:"", }); this.contactLists() } 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 (
公司名称:{this.props.name}
{/* */} {/* 新增联系人 */}
*姓名: {this.setState({ nameModal: e.target.value }) }} /> *手机: { this.setState({ mobileModal: e.target.value }) }} /> *部门: { this.setState({ departmentModal: e.target.value }) }} /> *职位: { this.setState({ positionModal: e.target.value }) }} /> 微信: { this.setState({ wechatModal: e.target.value }) }} /> Q Q: { this.setState({ qqModal: e.target.value }) }} /> 邮箱: { this.setState({ emailModal: e.target.value }) }} /> 座机: { this.setState({ fixedTelModal: e.target.value }) }} /> ); } }); export default ContactPerson;