import React,{Component} from "react";
import {Form, Input, Button, Checkbox, Select, Spin} from 'antd';
import $ from "jquery/src/ajax";
import {message, Modal} from "antd";

class AddOfficialFeePrice extends Component{
    constructor(props) {
        super(props);
        this.state={
            loading: false
        }
    }

    //增加 修改
    addSoftWritingPriceFn(e) {
        e.preventDefault();
        this.props.form.validateFields((err, values) => {
            if (!err) {
                this.setState({
                    loading: true
                });
                let api ;
                if(Object.keys(this.props.infor).length){
                    api = '/api/admin/company/updateOfficialFeePrice';
                    values.id = this.props.infor.id;
                } else {
                    api = '/api/admin/company/addOfficialFeePrice';
                }
                $.ajax({
                    method: "post",
                    dataType: "json",
                    crossDomain: false,
                    url:globalConfig.context + api,
                    data:values,
                }).done(function (data) {
                    this.setState({
                        loading: false
                    });
                    if (!data.error.length) {
                        message.success(Object.keys(this.props.infor).length ? '修改成功!' : '新增成功!');
                        this.props.successFn();
                    } else {
                        message.warning(data.error[0].message);
                    }
                }.bind(this));
            }
        });
    }

    render() {
        const { getFieldDecorator } = this.props.form;
        return (
            <Modal
                className="customeDetails"
                title={Object.keys(this.props.infor).length ? "修改" : "新增"}
                width='350px'
                visible={this.props.visible}
                onCancel={this.props.onCancel}
                footer={null}
            >
                <Spin spinning={this.state.loading}>
                    <Form onSubmit={(e)=>{
                        this.addSoftWritingPriceFn(e)
                    }}>
                        <Form.Item label="专利类型">
                            {getFieldDecorator('type', {
                                initialValue: this.props.infor.type,
                                rules: [{ required: true, message: '请选择专利类型!' }],
                            })(
                                <Select style={{ width:'200px'}}>
                                    <Select.Option value={0}>实用新型</Select.Option>
                                    <Select.Option value={1}>外观专利</Select.Option>
                                    <Select.Option value={2}>发明专利</Select.Option>
                                </Select>
                            )}
                        </Form.Item>
                        <Form.Item  label="金额">
                            {getFieldDecorator('amount', {
                                initialValue: this.props.infor.amount,
                                rules: [{ required: true, message: '请输入金额!' }],
                            })(
                                <Input placeholder="请输入金额" type={'number'} style={{width:'250px'}}/>
                            )}
                        </Form.Item>
                        <Form.Item  label="减缴比例85%">
                            {getFieldDecorator('proportion85', {
                                initialValue: this.props.infor.proportion85,
                                rules: [{ required: true, message: '请输入减缴比例85%!' }],
                            })(
                                <Input placeholder="请输入减缴比例85%" type={'number'} style={{width:'250px'}}/>
                            )}
                        </Form.Item>
                        <Form.Item  label="备注">
                            {getFieldDecorator('remarks', {
                                initialValue: this.props.infor.remarks,
                                rules: [{ required: true, message: '请输入备注!' }],
                            })(
                                <Input placeholder="请输入备注" type={'textarea'} style={{width:'250px'}}/>
                            )}
                        </Form.Item>
                        <Form.Item>
                            <Button style={{
                                width: '100%',
                                marginTop: '18px',
                            }} type="primary" htmlType="submit">
                                {
                                    Object.keys(this.props.infor).length ? '确定修改' : '确定添加'
                                }
                            </Button>
                        </Form.Item>
                    </Form>
                </Spin>
            </Modal>
        )
    }

}

const WrappedHorizontalLoginForm = Form.create()(AddOfficialFeePrice);
export default WrappedHorizontalLoginForm