import React from 'react';
import { Radio, Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Popconfirm, Table, Switch, message, DatePicker, Upload, Form,Tabs,Modal, Tag } 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 AddIntention from './addIntention.jsx';
import { socialAttribute, industry, auditStatusL, lvl, currentMember } from '@/dataDic.js';
import ZhuanjiaoDetail from "@/zhuanjiaoDetail.jsx";
import {
getSocialAttribute,
beforeUploadFile,
getLevel,
ShowModal
} from "@/tools.js";
import FollowDetail from './followDetail.jsx'
import IntentionDetail from './intentionDetail/intentionDetail.jsx'
import ShowModalDiv from "@/showModal.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,
level: this.state.level ? this.state.level : undefined,
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,
aid: thisdata.aid,
name: thisdata.name,
contacts: thisdata.contacts,
contactMobile: thisdata.contactMobile,
industry: thisdata.industry,
societyTag: thisdata.societyTag,
lastFollowTime:
thisdata.lastFollowTime &&
thisdata.lastFollowTime.split(" ")[0],
transferTime:
thisdata.transferTime && thisdata.transferTime.split(" ")[0],
surplusFollowTime:
thisdata.surplusFollowTime &&
thisdata.surplusFollowTime.split(" ")[0],
surplusSignTime:
thisdata.surplusSignTime &&
thisdata.surplusSignTime.split(" ")[0],
locationProvince: diqu,
level: thisdata.level,
});
}
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)
);
},
//品类数据获取
category() {
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/Varieties/getSuperList",
data: {},
success: function (data) {
let thedata = data.data;
let theArr = [];
if (!thedata) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
}
thedata = {};
} else {
thedata.map(function (item, index) {
theArr.push({
value: item.id,
key: item.cname,
});
});
}
this.setState({
categoryArr: theArr,
});
}.bind(this),
});
},
getInitialState() {
return {
addressSearch: [],
orgCodeUrl: [],
companyLogoUrl: [],
visible: false,
zhuanjiaoVisible: false,
searchMore: true,
releaseDate: [],
categoryArr: [],
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: "contacts",
key: "contacts",
},
{
title: "联系电话",
dataIndex: "contactMobile",
key: "contactMobile",
},
{
title: "社会性质",
dataIndex: "societyTag",
key: "societyTag",
render: (text) => {
return getSocialAttribute(text);
},
},
{
title: "客户初始时间",
dataIndex: "transferTime",
key: "transferTime",
},
{
title: "剩余私有天数",
dataIndex: "surplusFollowTime",
key: "surplusFollowTime",
},
{
title: "剩余签单天数",
dataIndex: "surplusSignTime",
key: "surplusSignTime",
},
{
title: "最新跟进时间",
dataIndex: "lastFollowTime",
key: "lastFollowTime",
},
{
title: "客户等级",
dataIndex: "level",
key: "level",
render: (text) => {
if(text == 0) {
return