// 项目暂停重启日志弹窗 import React, { Component } from "react"; import { Button, message, Modal, Spin, Table } from "antd"; import { ShowModal } from "../../tools"; import $ from "jquery/src/ajax"; class MySuspendLog extends Component { constructor(props) { super(props); this.state = { loading: false, visible: false, columnsDate: [ { title: "操作人", dataIndex: "createName", key: "createName", width: 150, }, { title: "操作", dataIndex: "status", key: "status", width: 150, render: (text, record) => { return ( <span> {this.props.stopType == 0 ? "项目暂停" : "项目重启"} <span style={{ color: ["", "green", "red"][text], fontWeight: "bold" }}> {" " + ["【发起】", "【通过】", "【拒绝】"][text] + " "} </span> </span> ); }, }, { title: "操作时间", dataIndex: "createTimes", key: "createTimes", width: 150, }, { title: "备注", dataIndex: "reason", key: "reason", }, ], recordData: [], }; } componentDidMount() { } // 日志 getData() { this.setState({ loading: true, }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/orderProject/projectStopList", data: { taskStopId: 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 MySuspendLog;