import * as React from 'react';
import { Table, Drawer, } from 'kts-xui';
/** Props接口 */
interface IProps {
    onClose: () => void;
    id: string;
}

export default class UIComponents extends React.Component<IProps, any> {
    columns = [
        {
            title: '申诉时间',
            dataIndex: 'shensushijian',
        },
        {
            title: '申诉原因',
            dataIndex: 'shensu',
        },
        {
            title: '申诉人',
            dataIndex: 'shensuren',
        },
        {
            title: '处理结果',
            dataIndex: 'jieguo',
        },
        {
            title: '处理时间',
            dataIndex: 'shijian',
        },
        {
            title: '拒绝原因',
            dataIndex: 'yuanyin',
        },
        {
            title: '处理人',
            dataIndex: 'chuliren',
        },
    ]
    constructor(props) {
        super(props);
        this.state = {
            id: props.id
        }
    }
    onClose = () => {
        this.props.onClose();
    }
    render() {
        const dataSource = this.state.list;
        return (
            <Drawer
                title="拒绝"
                onClose={this.onClose}
                visible={true}
                footer={null}
                width={700}
            >
                <Table bordered dataSource={dataSource} columns={this.columns} />
            </Drawer>
        );
    }
}
