| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 | import React from "react";import {Spin, Table, message, Modal, Tooltip} from "antd";import $ from "jquery/src/ajax";import moment from 'moment';import './customer.less';const ReminderLog = React.createClass({    getInitialState() {        return {            loading: false,            colunmn: [                {                    title: "序号",                    dataIndex: "id",                    key: "id",                    width: 50,                },                {                    title: "内容",                    dataIndex: "content",                    key: "content",                    width:700,                    render: (text,record) => {                        let arr = text.split(',');                        return (                            <Tooltip                                placement="topLeft"                                overlayClassName='tooltipContent'                                title={arr.map((v,k) => {return (<div key={k} style={{marginBottom:'10px'}}>{v}</div>)})}                            >                                <div style={{                                    maxWidth:'700px',                                    overflow:'hidden',                                    textOverflow: "ellipsis",                                    whiteSpace:'nowrap',                                }}>{text}</div>                            </Tooltip>                        )                    }                },                {                    title: "时间",                    dataIndex: "createTime",                    key: "createTime",                    width: 130,                    render: (text) => (                        moment(text).format('YYYY-MM-DD HH:mm:ss')                    )                }            ]        };    },    loadData() {        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/patentNew/selectPatentNewLog",            data: {                id: this.props.id,            },            success: function (data) {                if (data.error.length || data.data.list == "") {                    if (data.error && data.error.length) {                        message.warning(data.error[0].message);                    }                } else {                    this.setState({                        dataSource: data.data,                    });                }            }.bind(this),        }).always(            function () {                this.setState({                    loading: false,                });            }.bind(this)        );    },    componentWillMount() {        this.loadData()    },    render() {        return (            <Modal                style={{ position: "relative" }}                title='日志'                visible={this.props.visible}                onCancel={this.props.cancel}                footer={null}                width={1000}                destroyOnClose={true}            >                <Spin spinning={this.state.loading} >                    <Table                        columns={this.state.colunmn}                        dataSource={this.state.dataSource}                        pagination={false}                        scroll={{ x: "max-content", y: 320 }}                        bordered                        size="small"                    />                </Spin>            </Modal>        );    },});export default ReminderLog;
 |