customerSearch.jsx 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. import React from 'react';
  2. import { Icon, Button, Input, Select, Spin, message, Col, Row } from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import './userList.less';
  6. import { getSearchUrl } from '../../tools.js';
  7. const CustomerSearch = React.createClass({
  8. loadData(pageNo) {
  9. this.setState({
  10. loading: true
  11. });
  12. $.ajax({
  13. method: "get",
  14. dataType: "json",
  15. crossDomain: false,
  16. url: globalConfig.context + "/api/admin/supervise/findUser",
  17. data: {
  18. "name": this.state.searchName,
  19. "mobile": this.state.searchMobile,
  20. "type": Number(this.state.searchType)
  21. },
  22. success: function (data) {
  23. if (data.error && data.error.length) {
  24. message.warning(data.error[0].message);
  25. }
  26. this.setState({
  27. searchResult: data.data ? <span>名称为 {data.data} 的 {Number(this.state.searchType) ? '团体' : '个人'} 用户存在</span> : <span>未查找到该用户!</span>
  28. })
  29. }.bind(this),
  30. }).always(function () {
  31. this.setState({
  32. loading: false
  33. });
  34. }.bind(this));
  35. },
  36. getInitialState() {
  37. return {
  38. loading: false,
  39. searchType: '0'
  40. };
  41. },
  42. search() {
  43. this.loadData();
  44. },
  45. reset() {
  46. this.loadData();
  47. },
  48. render() {
  49. return (
  50. <div className="user-content" >
  51. <div className="content-title">
  52. <span>客户查询</span>
  53. </div>
  54. <Row>
  55. <Col span={2}>
  56. <span>用户名称</span>
  57. </Col>
  58. <Col span={5}>
  59. <Input placeholder="请输入用户全称"
  60. value={this.state.searchName}
  61. onChange={(e) => { this.setState({ searchName: e.target.value }) }} />
  62. </Col>
  63. <Col span={1}></Col>
  64. <Col span={2}>
  65. <span>用户登录名</span>
  66. </Col>
  67. <Col span={5}>
  68. <Input placeholder="请输入手机号"
  69. value={this.state.searchMobile}
  70. onChange={(e) => { this.setState({ searchMobile: e.target.value }) }} />
  71. </Col>
  72. <Col span={1}></Col>
  73. <Col span={2}>
  74. <Select style={{ width: 100 }}
  75. value={this.state.searchType}
  76. onChange={(e) => { this.setState({ searchType: e }) }} >
  77. <Select.Option value="0">个人用户</Select.Option>
  78. <Select.Option value="1">组织用户</Select.Option>
  79. </Select>
  80. </Col>
  81. <Col span={2}>
  82. <Button type="primary" onClick={this.search}>搜索</Button>
  83. </Col>
  84. </Row>
  85. <Row>
  86. <Col span={2}>
  87. <span>查询结果</span>
  88. </Col>
  89. <Col>
  90. {this.state.searchResult}
  91. </Col>
  92. </Row>
  93. </div >
  94. );
  95. }
  96. });
  97. export default CustomerSearch;