| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 | import React from 'react';import { Icon, Button, Input, Select, Spin, message, Col, Row } from 'antd';import ajax from 'jquery/src/ajax/xhr.js';import $ from 'jquery/src/ajax';import './userList.less';const CustomerSearch = React.createClass({    loadData(pageNo) {        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/supervise/findUser",            data: {                "name": this.state.searchName || undefined,                "mobile": this.state.searchMobile || undefined,                "type": Number(this.state.searchType)            },            success: function (data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                }                this.setState({                    searchResult: data.data ? <span><Icon type="check-circle" style={{ color: '#58a3ff' }} /> 名称为[ {data.data} ]的 {Number(this.state.searchType) ? '[团体]' : '[个人]'} 用户存在</span>                        : <span> <Icon type="close-circle" style={{ color: '#ea0862' }} /> 未查找到该用户!</span>                })            }.bind(this),        }).always(function () {            this.setState({                loading: false            });        }.bind(this));    },    getInitialState() {        return {            loading: false,            searchType: '0'        };    },    search() {        this.loadData();    },    render() {        return (            <div className="user-content" >                <div className="content-title">                    <span>客户查询</span>                </div>                <Row>                    <Col span={2}>                        <span>用户名称</span>                    </Col>                    <Col span={5}>                        <Input placeholder="请输入用户全称"                            value={this.state.searchName}                            onChange={(e) => { this.setState({ searchName: e.target.value }) }} />                    </Col>                    <Col span={1}></Col>                    <Col span={2}>                        <span>用户登录名</span>                    </Col>                    <Col span={5}>                        <Input placeholder="请输入手机号"                            value={this.state.searchMobile}                            onChange={(e) => { this.setState({ searchMobile: e.target.value }) }} />                    </Col>                    <Col span={1}></Col>                    <Col span={2}>                        <Select                            value={this.state.searchType}                            onChange={(e) => { this.setState({ searchType: e }) }} >                            <Select.Option value="0">个人用户</Select.Option>                            <Select.Option value="1">组织用户</Select.Option>                        </Select>                    </Col>                    <Col span={2}>                        <Button type="primary" onClick={this.search}>搜索</Button>                    </Col>                </Row>                <Row>                    <Col span={2}>                        <span>查询结果</span>                    </Col>                    <Col>                        {this.state.searchResult}                    </Col>                </Row>            </div >        );    }});export default CustomerSearch;
 |