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