kede-client/js/component/orderRiZi.jsx

import React from "react";
import $ from "jquery/src/ajax";
import moment from "moment";
// import "./public.less";
import {
  Button,
  Form,
  Input,
  Select,
  Spin,
  Table,
  message,
  DatePicker,
  Modal,
  Upload,
  Tabs
} from "antd";


const  orderRiZi= React.createClass({
    getInitialState(){
        return {
          columnsrizhi: [
            {
              title: "流程",
              dataIndex: "processName",
              key: "processName"
            },
            {
              title: "操作人",
              dataIndex: "adminName",
              key: "adminName"
            },
            {
              title: "时间",
              dataIndex: "createDate",
              key: "createDate"
            },
            {
              title: "备注",
              dataIndex: "remarks",
              key: "remarks"
            }
          ]
        };
    },
    
    render() {
        return (
            <div>
              {
                this.props.visible ?
                    <Modal
                        visible={this.props.visible}
                        className="admin-desc-content"
                        width="800px"
                        maskClosable={false}
                        title="订单日志"
                        footer={null}
                        onCancel={this.props.closeOrderLog}
                    >
                      <div className="patent-table">
                        <Spin spinning={this.props.loading}>
                          <Table
                              columns={this.state.columnsrizhi}
                              dataSource={this.props.dataSourcerizhi}
                              pagination={false}
                              bordered
                              size={"small"}
                              scroll={{ x: "max-content", y: 0 }}
                          />
                        </Spin>
                      </div>
                    </Modal> : <div/>
              }
            </div>
        );
    }
});

export default orderRiZi;