orderRiZi.jsx 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import moment from "moment";
  4. // import "./public.less";
  5. import {
  6. Button,
  7. Form,
  8. Input,
  9. Select,
  10. Spin,
  11. Table,
  12. message,
  13. DatePicker,
  14. Modal,
  15. Upload,
  16. Tabs
  17. } from "antd";
  18. const orderRiZi= React.createClass({
  19. getInitialState(){
  20. return {
  21. columnsrizhi: [
  22. {
  23. title: "流程",
  24. dataIndex: "processName",
  25. key: "processName"
  26. },
  27. {
  28. title: "操作人",
  29. dataIndex: "adminName",
  30. key: "adminName"
  31. },
  32. {
  33. title: "时间",
  34. dataIndex: "createDate",
  35. key: "createDate"
  36. },
  37. {
  38. title: "备注",
  39. dataIndex: "remarks",
  40. key: "remarks"
  41. }
  42. ]
  43. };
  44. },
  45. render() {
  46. return (
  47. <div>
  48. {
  49. this.props.visible ?
  50. <Modal
  51. visible={this.props.visible}
  52. className="admin-desc-content"
  53. width="800px"
  54. maskClosable={false}
  55. title="订单日志"
  56. footer={null}
  57. onCancel={this.props.closeOrderLog}
  58. >
  59. <div className="patent-table">
  60. <Spin spinning={this.props.loading}>
  61. <Table
  62. columns={this.state.columnsrizhi}
  63. dataSource={this.props.dataSourcerizhi}
  64. pagination={false}
  65. bordered
  66. size={"small"}
  67. scroll={{ x: "max-content", y: 0 }}
  68. />
  69. </Spin>
  70. </div>
  71. </Modal> : <div/>
  72. }
  73. </div>
  74. );
  75. }
  76. });
  77. export default orderRiZi;