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 ChannelLog = 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 == "channellog"}
        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 ChannelLog;