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 (
          <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>
        );
    }
});

export default orderRiZi;
