import React from 'react'; import { Button,Cascader,Input, Select, Spin, Table, message, Form } from 'antd'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import { citySelect, provinceList } from '@/NewDicProvinceList'; const QueryCustomer = React.createClass({ loadData(pageNo, apiUrl) { this.setState({ loading: true, ispage:pageNo, }); 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], }, 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.list.length; i++) { let thisdata = data.data.list[i]; theArr.push({ key: i, id: thisdata.uid, name: thisdata.name, contacts: thisdata.contacts, contactMobile: thisdata.contactMobile, createTime:thisdata.createTime&&thisdata.createTime.split(' ')[0], transferTime:thisdata.transferTime&&thisdata.transferTime.split(' ')[0], locationProvince: thisdata.province ? thisdata.province + '-' + thisdata.city + '-' + thisdata.area : '--' }); }; 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: [], dataSource:[], loading:false, selectedRowKeys: [], selectedRows:[], selectedData:[], 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: 'contactss', }, { title: '创建时间', dataIndex: 'createTime', key: 'createTime', }, { title: '转换时间', dataIndex: 'transferTime', key: 'transferTime', }, { title: '操作', dataIndex: 'abc', key: 'abc', render: (text, record, index) => { return
} } ], } }, /*单个领取*/ receive(e) { this.setState({ loading: true, selectedRowKeys: [], }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/customer/receiveCustomer", data: { uid: e.id, oldAid:e.aid } }).done(function(data) { if(!data.error.length) { message.success('领取成功!'); this.setState({ loading: false, }); } else { message.warning(data.error[0].message); }; this.loadData(this.state.ispage); }.bind(this)); }, closeDesc(e) { this.state.visitModul = e; }, search() { this.loadData(); }, reset() { this.state.nameSearch=''; this.state.provinceSearch=undefined; this.state.addressSearch=[]; this.loadData() }, componentWillReceiveProps(nextProps) { if(nextProps.ApiUrl!=this.props.ApiUrl) { this.loadData(null,nextProps.ApiUrl); }; }, componentWillMount() { //城市 let Province = []; provinceList.map(function(item) { var id = String(item.id) Province.push( {item.name} ) }); this.state.Provinces = Province; this.loadData(); }, render(){ const intentionState=this.props.intentionState; const FormItem = Form.Item; const rowSelection = { selectedRowKeys: this.state.selectedRowKeys, onChange: (selectedRowKeys, selectedRows) => { this.setState({ selectedRows:selectedRows, selectedRowKeys: selectedRowKeys }); }, onSelect: (recordt, selected, selectedData) => { this.setState({ selectedData:selectedData, recordt: recordt.id }) }, }; return(
{!intentionState?'单位公共客户':'个人公共客户'}
{ this.setState({ nameSearch: e.target.value }); }} /> { this.setState({ addressSearch: e }) }} />
) } }) export default QueryCustomer;