| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 | import React from "react";import {Spin, Button, Tabs, Table, message, Modal, Tooltip} from "antd";import $ from "jquery/src/ajax";import {getTransferType} from '@/tools.js';const ZhuanjiaoDetail = React.createClass({  getInitialState() {    return {      loading: false,      colunmn: [        {          title: "序号",          dataIndex: "id",          key: "id",        },        {          title: "客户姓名",          dataIndex: "userName",          key: "userName",        },        {          title: "管理员",          dataIndex: "usedAName",          key: "usedAName",        },        {          title: "现管理员",          dataIndex: "newAName",          key: "newAName",        },        //  0录入 1 领取 2 转交私有客户 3转交业务 4 未跟进丢失(30) 5未签单丢失(270天)6移除  7转交签单客户  8渠道录入  9渠道客户分配  10 渠道客户转交 11渠道释放 12 回收 13离职转交 14 离职签单业务转交        {          title: "转交类型",          dataIndex: "type",          key: "type",          render: text => {            return (                <span>                  {getTransferType(text)}                </span>            )          }        },        {          title: "项目名称",          dataIndex: "pName",          key: "pName",        },        {          title: "创建时间",          dataIndex: "createDate",          key: "createDate",        },        {          title: "备注",          dataIndex: "remarks",          key: "remarks",          render: (text) => {            return (                <Tooltip placement="topLeft" title={text}>                  <div style={{                    maxWidth:'150px',                    overflow:'hidden',                    textOverflow: "ellipsis",                    whiteSpace:'nowrap',                  }}>{text}</div>                </Tooltip>)          }        },      ]    };  },  loadData() {      this.setState({        loading: true      });      $.ajax({        method: "get",        dataType: "json",        crossDomain: false,        url: globalConfig.context + "/api/admin/customer/transferList",        data: {          uid: this.props.id,        },        success: function (data) {          if (data.error.length || data.data.list == "") {            if (data.error && data.error.length) {              message.warning(data.error[0].message);            }          } else {            this.setState({              dataSource: data.data,            });          }        }.bind(this),      }).always(        function () {          this.setState({            loading: false,          });        }.bind(this)      );  },  componentWillMount() {    this.loadData()  },  render() {    return (      <Modal        style={{ position: "relative" }}        title="转交记录"        visible={this.props.visible}        onCancel={this.props.cancel}        footer={null}        width={800}        destroyOnClose={true}      >        <Spin spinning={this.state.loading} >          <Table            columns={this.state.colunmn}            dataSource={this.state.dataSource}            pagination={false}            scroll={{ x: "max-content", y: 0 }}            bordered            size="small"          />        </Spin>      </Modal>    );  },});export default ZhuanjiaoDetail;
 |