import React, { Component } from "react";
import { Button, message, Modal, Spin, Table } from "antd";
import { ShowModal } from "../../tools";
import $ from "jquery/src/ajax";


// 投资审核日志弹窗
class InvestmentLog extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loading: false,
      visible: false,
      columnsDate: [
        {
          title: "操作人",
          dataIndex: "operator",
          key: "operator",
          width: 150,
        },
        {
          title: "操作",
          dataIndex: "status",
          key: "status",
          width: 150,
          render: (text, record) => {
            return (
              <span style={{ color: ["black", "black", "green", "red"][text] }}>
                {["草稿", "发起", "同意", "驳回"][text]}
              </span>
            );
          },
        },
        {
          title: "操作时间",
          dataIndex: "createTimes",
          key: "createTimes",
          width: 150,
        },
        {
          title: "备注",
          dataIndex: "comment",
          key: "comment",
        },
      ],
      recordData: [],
    };
  }

  componentDidMount() { }

  // 日志
  getData() {
    this.setState({
      loading: true,
    });
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/amb/Invest/InvestLog?",
      data: {
        id: this.props.id,
      },
      success: function (data) {
        ShowModal(this);
        if (!data.data) {
          if (data.error && data.error.length) {
            message.warning(data.error[0].message);
          }
        } else {
          this.setState({
            recordData: data.data,
          });
        }
      }.bind(this),
    }).always(
      function () {
        this.setState({
          loading: false,
        });
      }.bind(this)
    );
  }

  render() {
    return (
      <span>
        <Button
          type="primary"
          onClick={(e) => {
            e.stopPropagation();
            this.getData();
            this.setState({
              visible: true,
            })
          }}
          style={{ margin: 5 }}
        >
          日志
        </Button>
        <Modal
          maskClosable={false}
          visible={this.state.visible}
          footer=""
          title="操作日志"
          className="admin-desc-content"
          width="800px"
          onCancel={(e) => {
            this.setState({
              visible: false,
            });
          }}
          style={{ zIndex: 10 }}
        >
          <Spin spinning={this.state.loading}>
            <div className="patent-table">
              <Table
                columns={this.state.columnsDate}
                dataSource={this.state.recordData || []}
                pagination={false}
              />
            </div>
          </Spin>
        </Modal>
      </span>
    );
  }
}

export default InvestmentLog;