|
@@ -8,361 +8,365 @@ import ShowModalDiv from "@/showModal.jsx";
|
|
|
import { ChooseList } from "../../../order/orderNew/chooseList";
|
|
|
|
|
|
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],
|
|
|
- sort: this.state.sort
|
|
|
- },
|
|
|
- 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];
|
|
|
- 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.city : '') + (thisdata.area ? "-" + 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 {
|
|
|
- sort: 0,
|
|
|
- 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',
|
|
|
- render: (text, record, index) =>
|
|
|
- onReplace(text)
|
|
|
- },
|
|
|
- {
|
|
|
- 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',
|
|
|
- width: 250,
|
|
|
- render: (text, record, index) => {
|
|
|
- return <div>
|
|
|
- <Button onClick={(e) => { e.stopPropagation(), this.receive(record) }} type="primary">领取</Button>
|
|
|
- <Button
|
|
|
- onClick={(e) => {
|
|
|
- e.stopPropagation(),
|
|
|
- this.rTips(record)
|
|
|
- }}
|
|
|
- style={{ marginLeft: 10 }}
|
|
|
- type="primary">领取为私有渠道信息</Button>
|
|
|
- </div>
|
|
|
- }
|
|
|
- }
|
|
|
- ],
|
|
|
- }
|
|
|
- },
|
|
|
- /*单个领取*/
|
|
|
- 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,
|
|
|
- }
|
|
|
- }).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));
|
|
|
- },
|
|
|
- rTips(e) {
|
|
|
- let _this = this;
|
|
|
- Modal.confirm({
|
|
|
- title: "温馨提示",
|
|
|
- content: (
|
|
|
- <span style={{ color: "red" }}>
|
|
|
- <p>名称中含“协会”“商会”等名称为渠道信息!</p>
|
|
|
- <p>您是否确定将客户信息,领取为“私有渠道”信息,领取后,该信息即成为渠道信息不可再修改!!!</p>
|
|
|
- <p>领取成功后,您可以通过:渠道管理-渠道列表-私有渠道,查询到此条信息</p>
|
|
|
- </span>
|
|
|
- ),
|
|
|
- onOk() {
|
|
|
- _this.receiveNew(e)
|
|
|
- },
|
|
|
- onCancel() { },
|
|
|
- });
|
|
|
- },
|
|
|
- /*领取为私有渠道信息*/
|
|
|
- receiveNew(e) {
|
|
|
- this.setState({
|
|
|
- loading: true,
|
|
|
- selectedRowKeys: [],
|
|
|
- });
|
|
|
- $.ajax({
|
|
|
- method: "post",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + "/api/admin/customer/receiveAsChannel",
|
|
|
- data: {
|
|
|
- uid: e.id,
|
|
|
- }
|
|
|
- }).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.state.sort = 0
|
|
|
- this.loadData()
|
|
|
- },
|
|
|
- componentWillReceiveProps(nextProps) {
|
|
|
- if (nextProps.ApiUrl != this.props.ApiUrl) {
|
|
|
- this.state.nameSearch = '';
|
|
|
- this.state.provinceSearch = undefined;
|
|
|
- this.state.addressSearch = [];
|
|
|
- this.loadData(null, nextProps.ApiUrl);
|
|
|
- };
|
|
|
- },
|
|
|
- componentWillMount() {
|
|
|
- //城市
|
|
|
- let Province = [];
|
|
|
- provinceList.map(function (item) {
|
|
|
- var id = String(item.id)
|
|
|
- Province.push(
|
|
|
- <Select.Option value={id} key={item.name}>{item.name}</Select.Option>
|
|
|
- )
|
|
|
- });
|
|
|
- this.state.Provinces = Province;
|
|
|
- this.loadData();
|
|
|
- },
|
|
|
- changeList(arr) {
|
|
|
- const newArr = [];
|
|
|
- this.state.columns.forEach(item => {
|
|
|
- arr.forEach(val => {
|
|
|
- if (val === item.title) {
|
|
|
- newArr.push(item);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- this.setState({
|
|
|
- changeList: newArr
|
|
|
- });
|
|
|
- },
|
|
|
- render() {
|
|
|
- const intentionState = this.props.intentionState;
|
|
|
- const FormItem = Form.Item;
|
|
|
- const { TabPane } = Tabs
|
|
|
- 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
|
|
|
- })
|
|
|
- },
|
|
|
+ loadData(pageNo, apiUrl) {
|
|
|
+ // 新需求 除湖南和内蒙古外 不让其他省操作
|
|
|
+ if (adminData.province != "21" && adminData.province != "11") {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ 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],
|
|
|
+ sort: this.state.sort
|
|
|
+ },
|
|
|
+ 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];
|
|
|
+ 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.city : '') + (thisdata.area ? "-" + 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 {
|
|
|
+ sort: 0,
|
|
|
+ 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',
|
|
|
+ render: (text, record, index) =>
|
|
|
+ onReplace(text)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 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',
|
|
|
+ width: 250,
|
|
|
+ render: (text, record, index) => {
|
|
|
+ return <div>
|
|
|
+ <Button onClick={(e) => { e.stopPropagation(), this.receive(record) }} type="primary">领取</Button>
|
|
|
+ <Button
|
|
|
+ onClick={(e) => {
|
|
|
+ e.stopPropagation(),
|
|
|
+ this.rTips(record)
|
|
|
+ }}
|
|
|
+ style={{ marginLeft: 10 }}
|
|
|
+ type="primary">领取为私有渠道信息</Button>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /*单个领取*/
|
|
|
+ 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,
|
|
|
+ }
|
|
|
+ }).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));
|
|
|
+ },
|
|
|
+ rTips(e) {
|
|
|
+ let _this = this;
|
|
|
+ Modal.confirm({
|
|
|
+ title: "温馨提示",
|
|
|
+ content: (
|
|
|
+ <span style={{ color: "red" }}>
|
|
|
+ <p>名称中含“协会”“商会”等名称为渠道信息!</p>
|
|
|
+ <p>您是否确定将客户信息,领取为“私有渠道”信息,领取后,该信息即成为渠道信息不可再修改!!!</p>
|
|
|
+ <p>领取成功后,您可以通过:渠道管理-渠道列表-私有渠道,查询到此条信息</p>
|
|
|
+ </span>
|
|
|
+ ),
|
|
|
+ onOk() {
|
|
|
+ _this.receiveNew(e)
|
|
|
+ },
|
|
|
+ onCancel() { },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /*领取为私有渠道信息*/
|
|
|
+ receiveNew(e) {
|
|
|
+ this.setState({
|
|
|
+ loading: true,
|
|
|
+ selectedRowKeys: [],
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "post",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/customer/receiveAsChannel",
|
|
|
+ data: {
|
|
|
+ uid: e.id,
|
|
|
+ }
|
|
|
+ }).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.state.sort = 0
|
|
|
+ this.loadData()
|
|
|
+ },
|
|
|
+ componentWillReceiveProps(nextProps) {
|
|
|
+ if (nextProps.ApiUrl != this.props.ApiUrl) {
|
|
|
+ this.state.nameSearch = '';
|
|
|
+ this.state.provinceSearch = undefined;
|
|
|
+ this.state.addressSearch = [];
|
|
|
+ this.loadData(null, nextProps.ApiUrl);
|
|
|
+ };
|
|
|
+ },
|
|
|
+ componentWillMount() {
|
|
|
+ //城市
|
|
|
+ let Province = [];
|
|
|
+ provinceList.map(function (item) {
|
|
|
+ var id = String(item.id)
|
|
|
+ Province.push(
|
|
|
+ <Select.Option value={id} key={item.name}>{item.name}</Select.Option>
|
|
|
+ )
|
|
|
+ });
|
|
|
+ this.state.Provinces = Province;
|
|
|
+ this.loadData();
|
|
|
+ },
|
|
|
+ changeList(arr) {
|
|
|
+ const newArr = [];
|
|
|
+ this.state.columns.forEach(item => {
|
|
|
+ arr.forEach(val => {
|
|
|
+ if (val === item.title) {
|
|
|
+ newArr.push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.setState({
|
|
|
+ changeList: newArr
|
|
|
+ });
|
|
|
+ },
|
|
|
+ render() {
|
|
|
+ const intentionState = this.props.intentionState;
|
|
|
+ const FormItem = Form.Item;
|
|
|
+ const { TabPane } = Tabs
|
|
|
+ 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 (
|
|
|
- <div className="user-content">
|
|
|
- <ShowModalDiv ShowModal={this.state.showModal} />
|
|
|
- <div className="content-title" style={{ marginBottom: 10 }}>
|
|
|
- <span style={{ fontWeight: 900, fontSize: 16 }}>{!intentionState ? "单位公共客户" : "个人公共客户"}</span>
|
|
|
- </div>
|
|
|
- <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
|
|
|
- <TabPane tab="搜索" key="1">
|
|
|
- <div className="user-search">
|
|
|
- <Input
|
|
|
- placeholder="客户名称"
|
|
|
- value={this.state.nameSearch}
|
|
|
- style={{ width: 150 }}
|
|
|
- onChange={(e) => {
|
|
|
- this.setState({ nameSearch: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <Select
|
|
|
- placeholder="省"
|
|
|
- style={{ width: 80 }}
|
|
|
- value={this.state.provinceSearch}
|
|
|
- onChange={(e) => {
|
|
|
- this.setState({ provinceSearch: e });
|
|
|
- }}
|
|
|
- >
|
|
|
- {this.state.Provinces}
|
|
|
- </Select>
|
|
|
- <span style={{ marginRight: "10px" }}>
|
|
|
- <Cascader
|
|
|
- options={citySelect()}
|
|
|
- value={this.state.addressSearch}
|
|
|
- placeholder="选择城市"
|
|
|
- onChange={(e, pre) => {
|
|
|
- this.setState({ addressSearch: e });
|
|
|
- }}
|
|
|
- />
|
|
|
- </span>
|
|
|
- <span>排序:</span>
|
|
|
- <Select style={{ width: 120 }} value={this.state.sort} onChange={e => { this.setState({ sort: e }) }} placeholder="选择排序">
|
|
|
- <Option value={0}>默认</Option>
|
|
|
- <Option value={1}>降序</Option>
|
|
|
- <Option value={2}>升序</Option>
|
|
|
- </Select>
|
|
|
- <Button type="primary" onClick={this.search}>
|
|
|
- 搜索
|
|
|
- </Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
- </div>
|
|
|
- </TabPane>
|
|
|
- <TabPane tab="更改表格显示数据" key="2">
|
|
|
- <div style={{ marginLeft: 10 }}>
|
|
|
- <ChooseList
|
|
|
- columns={this.state.columns}
|
|
|
- changeFn={this.changeList}
|
|
|
- changeList={this.state.changeList}
|
|
|
- top={55}
|
|
|
- margin={11}
|
|
|
- />
|
|
|
- </div>
|
|
|
- </TabPane>
|
|
|
- </Tabs>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table
|
|
|
- size="middle"
|
|
|
- columns={
|
|
|
- this.state.changeList
|
|
|
- ? this.state.changeList
|
|
|
- : this.state.columns
|
|
|
- }
|
|
|
- dataSource={this.state.dataSource}
|
|
|
- // rowSelection={rowSelection}
|
|
|
- pagination={this.state.pagination}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- );
|
|
|
- }
|
|
|
+ };
|
|
|
+ return (
|
|
|
+ <div className="user-content">
|
|
|
+ <ShowModalDiv ShowModal={this.state.showModal} />
|
|
|
+ <div className="content-title" style={{ marginBottom: 10 }}>
|
|
|
+ <span style={{ fontWeight: 900, fontSize: 16 }}>{!intentionState ? "单位公共客户" : "个人公共客户"}</span>
|
|
|
+ </div>
|
|
|
+ <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
|
|
|
+ <TabPane tab="搜索" key="1">
|
|
|
+ <div className="user-search">
|
|
|
+ <Input
|
|
|
+ placeholder="客户名称"
|
|
|
+ value={this.state.nameSearch}
|
|
|
+ style={{ width: 150 }}
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({ nameSearch: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Select
|
|
|
+ placeholder="省"
|
|
|
+ style={{ width: 80 }}
|
|
|
+ value={this.state.provinceSearch}
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({ provinceSearch: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {this.state.Provinces}
|
|
|
+ </Select>
|
|
|
+ <span style={{ marginRight: "10px" }}>
|
|
|
+ <Cascader
|
|
|
+ options={citySelect()}
|
|
|
+ value={this.state.addressSearch}
|
|
|
+ placeholder="选择城市"
|
|
|
+ onChange={(e, pre) => {
|
|
|
+ this.setState({ addressSearch: e });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <span>排序:</span>
|
|
|
+ <Select style={{ width: 120 }} value={this.state.sort} onChange={e => { this.setState({ sort: e }) }} placeholder="选择排序">
|
|
|
+ <Option value={0}>默认</Option>
|
|
|
+ <Option value={1}>降序</Option>
|
|
|
+ <Option value={2}>升序</Option>
|
|
|
+ </Select>
|
|
|
+ <Button type="primary" onClick={this.search}>
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane tab="更改表格显示数据" key="2">
|
|
|
+ <div style={{ marginLeft: 10 }}>
|
|
|
+ <ChooseList
|
|
|
+ columns={this.state.columns}
|
|
|
+ changeFn={this.changeList}
|
|
|
+ changeList={this.state.changeList}
|
|
|
+ top={55}
|
|
|
+ margin={11}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ size="middle"
|
|
|
+ columns={
|
|
|
+ this.state.changeList
|
|
|
+ ? this.state.changeList
|
|
|
+ : this.state.columns
|
|
|
+ }
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ // rowSelection={rowSelection}
|
|
|
+ pagination={this.state.pagination}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
})
|
|
|
export default QueryCustomer;
|