| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 | import React from 'react';import { Icon, Modal, message, Spin, Button, Input, Radio } from 'antd';import './comprehensive.less';import ajax from 'jquery/src/ajax/xhr.js';import $ from 'jquery/src/ajax';const PatentDesc = React.createClass({    getInitialState() {        return {            visible: false,            loading: false        };    },    showModal() {        this.setState({            visible: true,        });    },    handleOk() {        this.setState({            loading: true        });        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/patent/registerApplicationFee",            data: {                cid: this.props.data.cid,                applicationFee: this.state.applicationFee,                //                trialFee: this.state.applicationFee,                //                printingFee: this.state.printingFee,                funds: this.state.funds,                reimbursement: this.state.reimbursement,                paymentState: this.state.paymentState            },            success: function (data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                    return;                } else {                    message.success('保存成功!');                    this.props.closeDesc(false, true);                };            }.bind(this),        }).always(function () {            this.setState({                loading: false,                visible: false,            });        }.bind(this));    },    handleConfirm() {        this.state.paymentState = 1;        this.handleOk();    },    handleCancel(e) {        this.setState({            visible: false,        });        this.props.closeDesc(false);    },    componentWillReceiveProps(nextProps) {        this.state.visible = nextProps.showDesc;        if (nextProps.data) {            this.state.applicationFee = nextProps.data.applicationFee;            // this.state.trialFee = nextProps.data.trialFee;            // this.state.printingFee = nextProps.data.printingFee;            this.state.funds = nextProps.data.funds;            this.state.reimbursement = nextProps.data.reimbursement;            this.state.paymentState = nextProps.data.paymentState;        };    },    render() {        if (this.props.data) {            return (                <div className="applyFee-desc">                    <Spin spinning={this.state.loading} className='spin-box'>                        <Modal maskClosable={false} title="登记申请费用" visible={this.state.visible}                            onOk={this.handleOk} onCancel={this.handleCancel}                            width='360px'                            footer={[                                <Button key="submit" type="primary" size="large" onClick={this.handleOk}>保存</Button>,                                <Button key="confirm" type="ghost" size="large"                                    style={this.props.data.paymentState == 1 ? { display: 'none' } : {}}                                    onClick={this.handleConfirm}>确认缴费</Button>,                                <Button key="back" type="ghost" size="large" onClick={this.handleCancel}>取消</Button>,                            ]}                            className="applyFee-desc-content">                            <p className="applyFee-title">                                <span>专利号 : {this.props.data.patentNumber}</span>                                <span>专利名 : {this.props.data.patentName}</span>                            </p>                            <p className="applyFee-fee">                                <span>申请费:</span>                                <Input value={this.state.applicationFee} onChange={(e) => { this.setState({ applicationFee: e.target.value }); }} />                                <span>元</span>                                </p>                            <div className="applyFee-fee">                                <span>是否申请:</span>                                <Radio.Group value={this.state.funds} onChange={(e) => { this.setState({ funds: e.target.value }) }}>                                    <Radio value="1">是</Radio>                                    <Radio value="0">否</Radio>                                </Radio.Group>                            </div>                            <div className="applyFee-fee">                                <span>是否报销:</span>                                <Radio.Group value={this.state.reimbursement} onChange={(e) => { this.setState({ reimbursement: e.target.value }) }}>                                    <Radio value="1">是</Radio>                                    <Radio value="0">否</Radio>                                </Radio.Group>                            </div>                        </Modal>                    </Spin>                </div>            );        } else {            return <div></div>        }    },});export default PatentDesc;// <p className="applyFee-fee">//     <span>实审费:</span>//     <Input value={this.state.trialFee} onChange={(e) => { this.setState({ trialFee: e.target.value }); }} />// </p>//     <p className="applyFee-fee">//         <span>文印费:</span>//         <Input value={this.state.printingFee} onChange={(e) => { this.setState({ printingFee: e.target.value }); }} />//     </p>
 |