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'; import Detaile from './detail.jsx'; const QueryCustomer = 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], }, 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, adminName: thisdata.adminName, createTime: thisdata.createTime&&thisdata.createTime.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: [], selectedRowKey: [], selectedRows: [], 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: 'createTime', key: 'createTime', }, { title: '所属人', dataIndex: 'adminName', key: 'adminName', }, { title: '操作', dataIndex: 'abc', key: 'abc', render: (text, record, index) => { return
} } ], } }, seeDetail(record){ this.setState({ data:record, visitModul:true }) }, 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({ modalVisible:false, selectedRows: selectedRows.slice(-1), selectedRowKeys: selectedRowKeys.slice(-1) }); }, onSelect: (recordt, selected, selectedRows) => { this.setState({ modalVisible:false, recordt: recordt.id }) }, }; const hasSelected = this.state.selectedRowKeys.length > 0; return(
{!intentionState?'单位客户查询':'个人客户查询'}
{ this.setState({ nameSearch: e.target.value }); }} /> { this.setState({ addressSearch: e }) }} />
) } }) export default QueryCustomer;