chooseClient.js 2.04 KB
import { Component, Fragment } from 'react';
import { connect } from 'dva';
import MemberList from '../../components/MemberList/MemberList';
import { dataFilter } from '../../utils/dataFilter';
import css from './css.less';
import shareHide from "../../utils/shareHide";
import { Toast } from 'antd-mobile';

class ChooseClient extends Component {
  constructor(props) {
    super(props);
    this.state = {
      unManagerList:[],
      storeunManagerList: []
    }
  }

  componentDidMount() {
    shareHide();
    Toast.loading('loading...');
    this.props.dispatch({
      type: "governortraining/getManagerList",
      payload: {
        superiorid: -1,
        roleId: 2,
        pageNo: ''
      },
      callback: (res) => {
        if (res.status) {
          Toast.hide();
          this.setState({
            unManagerList: res.data,
            storeunManagerList: res.data
          })
        }
      }
    })
  }

  render() {
    return (
      <Fragment>
          {
          <MemberList
            dataList={this.state.unManagerList} 
              renderType={['name']}
              filterData={(keywords) => {
              this.setState({
                unManagerList: dataFilter(this.state.storeunManagerList, ['name'], keywords)
              })
             
            }}
            chooseClient={item => {
              this.props.dispatch({
                type: "governortraining/updateManager",
                payload: {
                  id: item.id,
                  superiorid: window.localStorage.getItem("id")
                },
                callback: () => {
                  this.props.history.push('/governortraining/gtclientlist')
                }
              })
            }}
            renderItem={item => {
              return <div className={css.managerItem}>
                <span className={css.name}>{item.name}</span><span className={css.time}>{item.number}</span>
              </div>
            }}
            pTitle='客户经理' />
          }
      </Fragment>
    )
  }
}

export default connect()(ChooseClient);