"use strict"; import React from 'react'; import ReactDom from 'react-dom'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import { Form, Radio, Icon, Button, Input, Select, Spin, Table, Switch, message, DatePicker, Modal, Upload, Popconfirm } from 'antd'; // import ManagementDetaile from "../../order/settlementOrder/settlementManage/managementDetaile.2.jsx"; import moment from 'moment'; import '../../order/userMangagement.less'; import { orderState, orderChannel, orderType } from '../../../dataDic.js'; import { getProjectState, getOrderChannel, getOrderType, getOrderState, getPaymentState, getApprovedState } from '../../../tools.js'; const AdminCustomerStatistics = Form.create()(React.createClass({ loadData(pageNo) { this.state.data = []; this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/customer/selectAdminCustomerStatistics', data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, depId: this.state.departmenttSearch, //部门 startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], }, success: function(data) { let theArr = []; if(!data.data) { 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]; theArr.push({ key: pageNo?(i+1+(pageNo-1)*10):i+1, aid:thisdata.aid, aName:thisdata.aName, depName:thisdata.depName, userCount:thisdata.userCount, timeCount:thisdata.timeCount, }); }; this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; }; if(!data.data.list.length) { this.state.pagination.current = 0 this.state.pagination.total = 0 } this.setState({ pageNo: pageNo, dataSource: theArr, pagination: this.state.pagination, // selectedRowKeys: [], // signBillVisible: false }); }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, //部门 departmentList() { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/organization/selectSuperId", 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({ key: index, name: item.name, id: item.id, }) }) } this.setState({ departmentArr: theArr, }) }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, //操作分配 confirmDelet(index) { this.setState({ orderNot: index.orderNo, userDetaile: false, distributionVisible: true }); }, distributionCancel() { this.setState({ distributionVisible: false }) }, distributionOk() { this.setState({ distributionVisible: false }) }, //分配对象列表 contactList() { $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/superviser/adminList', data: { pageNo: 1, pageSize: 99, departmentId: this.state.departmenttList, name: this.state.financeNameSearch, }, success: function(data) { let theArr = []; if(!data.data) { 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]; theArr.push({ key: i, id: thisdata.id, userNo: thisdata.userNo, name: thisdata.name, departmentName: thisdata.departmentName, departmentId: thisdata.departmentId, position: thisdata.position, mobile: thisdata.mobile, }); }; }; this.setState({ distributionList: theArr, }); }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, //选定对象 confirmSelect(record) { this.setState({ loading: true }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/order/distributionOrder", data: { orderNo: this.state.orderNot, financeId: record.id } }).done(function(data) { if(!data.error.length) { message.success('分派成功!'); this.setState({ loading: false, }); this.distributionOk(); } else { message.warning(data.error[0].message); }; this.loadData(this.state.pageNo); }.bind(this)); }, componentWillMount() { this.departmentList(); this.loadData(); }, getInitialState() { return { rowKey : 0, datauser: {}, selectedRowKeys: [], releaseDate: [], selectedRows: [], departmentArr: [], searchMore: true, loading: false, distributionVisible: false, visible: false, showDesc: false, pagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function(page) { this.loadData(page); }.bind(this), showTotal: function(total) { return '共' + total + '条数据'; } }, paginationX: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function(page) { this.xiangmu(page,this.state.dataSource[this.state.rowKey-1]); }.bind(this), showTotal: function(total) { return '共' + total + '条数据'; } }, columns: [{ title: '编号', dataIndex: 'key', key: 'key' }, { title: '营销员名称', dataIndex: 'aName', key: 'aName', }, { title: '部门名称', dataIndex: 'depName', key: 'depName', }, { title: '客户数', dataIndex: 'userCount', key: 'userCount', }, { title: '时间内客户数', dataIndex: 'timeCount', key: 'timeCount' }], dataSource: [], dataSourceX: [], columnsX: [{ title: '客户名称', dataIndex: 'name', key: 'name' }, { title: '来源', dataIndex: 'sourceName', key: 'sourceName' }, { title: '联系人', dataIndex: 'contacts', key: 'contacts' }, { title: '联系人电话', dataIndex: 'contactMobile', key: 'contactMobile' }, { title: '创建时间', dataIndex: 'createTime', key: 'createTime', }, { title: '跟进时间', dataIndex: 'followTime', key: 'followTime', }] }; }, tableRowClick(record, index) { this.xiangmu(1,record); this.setState({ visible: true, rowKey: record.key }); }, xiangmu(pageNo,record) { this.state.data = []; this.setState({ loading:true }) console.log(typeof record.timeCount); console.log(typeof parseInt(record.timeCount)); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context +"/api/admin/customer/selectAdminCustomerList", data: { pageNo:pageNo || 1, pageSize:this.state.pagination.pageSizeX, startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], aid:record.aid, }, 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 { console.log(data.data.list.length); for (let i = 0; i < data.data.list.length; i++) { let thisdata = data.data.list[i]; theArr.push({ key: i, id:thisdata.id, name:thisdata.name, sourceName:thisdata.sourceName, contacts:thisdata.contacts, contactMobile:thisdata.contactMobile, createTime:thisdata.createTime, followTime:thisdata.followTime, }); }; this.state.paginationX.current = pageNo; console.log(); this.state.paginationX.total = data.data.totalCount; }; if(!data.data.list.length) { this.state.paginationX.current = 0 this.state.paginationX.total = 0 } this.setState({ dataSourceX: theArr, paginationX: this.state.paginationX, // selectedRowKeys: [], // signBillVisible: false }); }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, visitCancel(e){ this.setState({ visible:false }) }, visitOk(e){ this.setState({ visible:false }) }, closeDesc(e, s) { this.state.userDetaile = false; this.state.showDesc = e; if(s) { this.loadData(this.state.pageNo); }; }, searchSwitch() { this.setState({ searchMore: !this.state.searchMore }); }, search() { this.loadData(); }, //分配时搜索 searchOrder() { this.contactList(); }, //分配时重置 resetOrder() { this.setState({ departmenttList: undefined, financeNameSearch: '' }) }, reset() { this.state.releaseDate[0] = undefined; this.state.releaseDate[1] = undefined; this.state.departmenttSearch = undefined; this.state.approved = undefined; this.state.isDistributionFinance = undefined; this.loadData(); }, render() { const rowSelection = { selectedRowKeys: this.state.selectedRowKeys, onChange: (selectedRowKeys, selectedRows) => { this.setState({ selectedRows: selectedRows.slice(-1), selectedRowKeys: selectedRowKeys.slice(-1) }); }, onSelectAll: (selected, selectedRows, changeRows) => { this.setState({ selectedRowKeys: [] }) }, }; let departmentArr = this.state.departmentArr || []; const hasSelected = this.state.selectedRowKeys.length > 0; const { RangePicker } = DatePicker; return(