kede-client/js/component/common/logPopup/index.jsx

// 开票历史记录--日志弹窗
import React, { Component } from "react";
import { Button, message, Modal, Spin, Table } from "antd";
import { ShowModal } from "../../tools";
import $ from "jquery/src/ajax";

class LogPopup extends Component {
  constructor(props) {
    super(props);
    this.state = {
      visible: false,
      columnsDate: [
        {
          title: "编号",
          dataIndex: "id",
          key: "id",
        },
        {
          title: "操作人",
          dataIndex: "adminName",
          key: "adminName",
        },
        {
          title: "操作时间",
          dataIndex: "createTimes",
          key: "createTimes",
        },
        {
          title: "操作",
          dataIndex: "status",
          key: "status",
          render: (text, record) => {
            return (
              <div>
                {
                  [
                    "发起",
                    "开票通过",
                    "开票拒绝",
                    "特批通过",
                    "特批拒绝",
                    "修改提交",
                  ][text]
                }
              </div>
            );
          },
        },
      ],
      recordData: [],
    };
  }

  componentDidMount() {}

  getData() {
    $.ajax({
      method: "get",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/orderInvoice/invoice/log",
      data: {
        id: this.props.id,
      },
      success: function (data) {
        ShowModal(this);
        let theArr = [];
        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={{ marginLeft: "10px" }}
        >
          日志
        </Button>
        <Modal
          maskClosable={false}
          visible={this.state.visible}
          footer=""
          title="开票日志"
          className="admin-desc-content"
          width="600px"
          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 LogPopup;