import React from 'react'; import { Radio, Icon, Button, AutoComplete,Cascader,Input, Select,Tabs, Spin, Popconfirm, Table, Switch, message, DatePicker, Upload, Form } from 'antd'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import moment from 'moment'; import { citySelect, provinceList } from '@/NewDicProvinceList'; import { socialAttribute, industry, auditStatusL, lvl, currentMember } from '@/dataDic.js'; import { getSocialAttribute, beforeUploadFile, ShowModal } from "@/tools.js"; import FollowDetail from './followDetail.jsx' import ShowModalDiv from "@/showModal.jsx"; import ZhuanjiaoDetail from "@/zhuanjiaoDetail.jsx"; import IntentionDetail from './intentionDetail/intentionDetail.jsx' import './customer.less'; const {TabPane} = Tabs const IntentionCustomer = Form.create()(React.createClass({ loadData(pageNo, apiUrl) { this.setState({ visitModul:false, loading: true, ispage:pageNo, modalVisible:false }); let api=apiUrl?apiUrl:this.props.ApiUrl; $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + api, data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, name: this.state.nameSearch, province: !(this.state.addressSearch).length ? this.state.provinceSearch : this.state.addressSearch[0], city: !(this.state.addressSearch).length ? '' : this.state.addressSearch[1], startDate: this.state.releaseDate[0], endDate: this.state.releaseDate[1], }, success: function(data) { ShowModal(this); 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.list.length; i++) { let thisdata = data.data.list[i]; let diqu=(thisdata.province==null?"":thisdata.province)+(thisdata.city==null?"":"-"+thisdata.city)+(thisdata.area==null?"":"-"+thisdata.area); theArr.push({ key: i, id: thisdata.uid, type: thisdata.type, name: thisdata.name, shareType: thisdata.shareType, contacts: thisdata.contacts, contactMobile: thisdata.contactMobile, societyTag: thisdata.societyTag, surplusFollowTime: thisdata.surplusFollowTime, surplusSignTime: thisdata.surplusSignTime, transferTime: thisdata.transferTime && thisdata.transferTime.split(" ")[0], lastSignTime: thisdata.lastSignTime && thisdata.lastSignTime.split(" ")[0], lastFollowTime: thisdata.lastFollowTime && thisdata.lastFollowTime.split(" ")[0], locationProvince: diqu, }); }; this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; }; if(data.data&&data.data.list&&!data.data.list.length){ this.state.pagination.current=0 this.state.pagination.total=0 }; this.setState({ dataSource: theArr, pagination: this.state.pagination, selectedRowKeys:[] }); }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { addressSearch: [], orgCodeUrl: [], companyLogoUrl: [], visible: false, searchMore: true, releaseDate: [], visitModul: false, keys: false, detailApi: "", followData: {}, selectedRowKeys: [], selectedRowKey: [], selectedRows: [], loading: false, modalVisible: false, pagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function (page) { this.loadData(page); }.bind(this), showTotal: function (total) { return "共" + total + "条数据"; }, }, columns: [ { title: "客户名称", dataIndex: "name", key: "name", }, { title: "地区", dataIndex: "locationProvince", key: "locationProvince", }, { title: "最新签单日期", dataIndex: "lastSignTime", key: "lastSignTime", }, { title: "最新跟进日期", dataIndex: "lastFollowTime", key: "lastFollowTime", }, { title: "剩余私有天数", dataIndex: "surplusFollowTime", key: "surplusFollowTime", }, { title: "剩余签单天数", dataIndex: "surplusSignTime", key: "surplusSignTime", }, { title: "联系人", dataIndex: "contacts", key: "contacts", }, { title: "联系电话", dataIndex: "contactMobile", key: "contactMobile", }, { title: "社会属性", dataIndex: "societyTag", key: "societyTag", render: (text) => { return getSocialAttribute(text); }, }, { title: "操作", dataIndex: "abc", key: "abc", render: (text, record, index) => { return (