import * as React from 'react';
import { Button, Drawer, Input, Form ,message} from 'kts-xui';
import agent from '../Server';
import { FormInstance } from 'kts-components-antd-x4/lib/form';
/** Props接口 */
interface IProps {
    onClose: () => void;
    onSuccess: () => void;
    list: string[];
}

export default class UIComponents extends React.Component<IProps, any> {
    formRef:any = React.createRef<FormInstance>();
    constructor(props) {
        super(props);
        this.state = {
            list: props.list
        }
        console.log(props.list);

    }
    onClose = () => {
        this.props.onClose();
    }
    onSubmit = () => {
        this.formRef.current!.submit();
    }
    onFinish =async values => {
        const params={
            ...values,
            idList:this.props.list
        }
        const res: any = await agent.post('/web/verifier/valid/invoiceDetail/refuseDetail', params, this);
        if (res.err) {
            return;
        } else {
            message.success('操作成功');
            this.props.onSuccess();
        }
    }
    render() {
        return (
            <div>

                <Drawer
                    title="拒绝"
                    onClose={this.onClose}
                    visible={true}
                    footer={
                        <div
                            style={{
                                textAlign: 'right',
                            }}
                        >
                            <Button style={{ marginRight: 8 }} key='1' type="primary" onClick={this.onSubmit}>提交</Button>
                            <Button key='2' onClick={this.onClose}>取消</Button>
                        </div>}
                >
                    <Form
                        ref={this.formRef}
                        layout='vertical'
                        onFinish={this.onFinish}
                    >
                        <Form.Item
                            name='refusalCause'
                            label='拒绝原因'
                            rules={[
                                { required: true, max: 80,message: '最多80个字符' }
                            ]}
                        >
                            <Input />
                        </Form.Item>
                    </Form>
                </Drawer>

            </div>
        );
    }
}
