| 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;
 
 
  |