kede-client/js/component/manageCenter/set/projectConfigure/addOfficialFeePrice.js

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,
            list:[]
        }
        this.getContactsOption = this.getContactsOption.bind(this);
    }

    componentDidMount() {
        this.getContactsOption();
    }

    //增加 修改
    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));
            }
        });
    }

    getContactsOption() {
        $.ajax({
            method: "get",
            dataType: "json",
            crossDomain: false,
            url: globalConfig.context + '/api/admin/orderProject/getPatentType',
            success: function (data) {
                if (data.error.length === 0) {
                    this.setState({
                        list:data.data
                    })
                }else{
                    message.warning(data.error[0].message);
                };
            }.bind(this)
        });
    }

    render() {
        const { getFieldDecorator } = this.props.form;
        return (
            <Modal
                maskClosable={false}
                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('patentType', {
                                initialValue: this.props.infor.patentType,
                                rules: [{ required: true, message: '请选择项目类型!' }],
                            })(
                                <Select style={{ width:'200px'}}>
                                    {
                                        this.state.list.map((v,k)=>(
                                            <Select.Option key={k} value={v.id}>{v.name}</Select.Option>
                                        ))
                                    }
                                </Select>
                            )}
                        </Form.Item>
                        <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: false, message: '请输入减缴比例85%!' }],
                            })(
                                <Input placeholder="请输入减缴比例85%" type={'number'} style={{width:'250px'}}/>
                            )}
                        </Form.Item>
                        <Form.Item  label="备注">
                            {getFieldDecorator('remarks', {
                                initialValue: this.props.infor.remarks,
                                rules: [{ required: false, 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