| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 | 
							- import React from 'react';
 
- import { Spin, Form, Button, Select, message } from 'antd';
 
- import ajax from 'jquery/src/ajax/xhr.js'
 
- import $ from 'jquery/src/ajax';
 
- import { accessMethods, legalStatus, maintenanceStatus, confidentialities, decidabilities, rightLimitations } from './dict.js';
 
- const FormItem = Form.Item;
 
- const Option = Select.Option;
 
- const formItemLayout = {
 
-   labelCol: { span: 6 },
 
-   wrapperCol: { span: 10 }
 
- };
 
- const EvaluateStep2 = Form.create({})(React.createClass({
 
-   getInitialState() {
 
-     return {
 
-       loading: false,
 
-       initialData: {}
 
-     };
 
-   },
 
-   componentWillMount() {
 
-     this.state.initialData = this.props.data || {};
 
-   },
 
-   next() {
 
-     if (this.state.loading) {
 
-       return;
 
-     }
 
-     this.props.form.validateFields((err, values) => {
 
-       if (!err) {
 
-         this.setState({
 
-           loading: true
 
-         })
 
-         values.id = this.props.id;
 
-         $.ajax({
 
-           url: globalConfig.context + '/api/user/evaluate/step2',
 
-           method: 'post',
 
-           data: values
 
-         }).done(function (res) {
 
-           if (res.error && res.error.length) {
 
-             message.error(res.error[0].message)
 
-           } else {
 
-             if (this.props.next) {
 
-               this.props.next(values);
 
-             }
 
-           }
 
-         }.bind(this)).fail(function () {
 
-           this.setState({
 
-             loading: false
 
-           })
 
-         }.bind(this));
 
-       }
 
-     });
 
-   },
 
-   prev() {
 
-     if (this.props.prev) {
 
-       this.props.prev();
 
-     }
 
-   },
 
-   stringify(val) {
 
-     return val && String(val)
 
-   },
 
-   render() {
 
-     let { loading, initialData } = this.state;
 
-     const { getFieldDecorator } = this.props.form;
 
-     return (
 
-       <Spin spinning={loading}>
 
-         <Form className="steps-form">
 
-           <FormItem label="取得方式" {...formItemLayout}>
 
-             {getFieldDecorator('accessMethod', {
 
-               rules: [{ required: true, message: '请选择技术取得的方式!' }],
 
-               initialValue: this.stringify(initialData.accessMethod)
 
-             })(
 
-               <Select placeholder="请选择技术取得的方式">
 
-                 {accessMethods.map((it) => {
 
-                   return <Option key={it.id} value={it.id}>{it.text}</Option>
 
-                 })}
 
-               </Select>
 
-               )}
 
-           </FormItem>
 
-           <FormItem label="法律状态" {...formItemLayout}>
 
-             {getFieldDecorator('legalStatus', {
 
-               rules: [{ required: true, message: '请选择法律保护状态!' }],
 
-               initialValue: this.stringify(initialData.legalStatus)
 
-             })(
 
-               <Select placeholder="请选择法律保护状态">
 
-                 {legalStatus.map((it) => {
 
-                   return <Option key={it.id} value={it.id}>{it.text}</Option>
 
-                 })}
 
-               </Select>
 
-               )}
 
-           </FormItem>
 
-           <FormItem label="专利维护" {...formItemLayout}>
 
-             {getFieldDecorator('patentMaintenance', {
 
-               rules: [{ required: true, message: '请选择专利维护状态!' }],
 
-               initialValue: this.stringify(initialData.patentMaintenance)
 
-             })(
 
-               <Select placeholder="请选择专利维护状态">
 
-                 {maintenanceStatus.map((it) => {
 
-                   return <Option key={it.id} value={it.id}>{it.text}</Option>
 
-                 })}
 
-               </Select>
 
-               )}
 
-           </FormItem>
 
-           <FormItem label="保密性" {...formItemLayout}>
 
-             {getFieldDecorator('confidentiality', {
 
-               rules: [{ required: true, message: '请选择保密性!' }],
 
-               initialValue: this.stringify(initialData.confidentiality)
 
-             })(
 
-               <Select placeholder="请选择保密性">
 
-                 {confidentialities.map((it) => {
 
-                   return <Option key={it.id} value={it.id}>{it.text}</Option>
 
-                 })}
 
-               </Select>
 
-               )}
 
-           </FormItem>
 
-           <FormItem label="他人侵权的易判定性" {...formItemLayout}>
 
-             {getFieldDecorator('decidability', {
 
-               rules: [{ required: true, message: '请选择他人侵权的易判定性!' }],
 
-               initialValue: this.stringify(initialData.decidability)
 
-             })(
 
-               <Select placeholder="请选择他人侵权的易判定性">
 
-                 {decidabilities.map((it) => {
 
-                   return <Option key={it.id} value={it.id}>{it.text}</Option>
 
-                 })}
 
-               </Select>
 
-               )}
 
-           </FormItem>
 
-           <FormItem label="是否涉及质押、担保、诉讼等权利限制" {...formItemLayout}>
 
-             {getFieldDecorator('hasRightLimitation', {
 
-               rules: [{ required: true, message: '请选择是否涉及质押、担保、诉讼等权利限制!' }],
 
-               initialValue: this.stringify(initialData.hasRightLimitation)
 
-             })(
 
-               <Select placeholder="请选择是否涉及质押、担保、诉讼等权利限制">
 
-                 {rightLimitations.map((it) => {
 
-                   return <Option key={it.id} value={it.id}>{it.text}</Option>
 
-                 })}
 
-               </Select>
 
-               )}
 
-           </FormItem>
 
-         </Form>
 
-         <div className="steps-action">
 
-           <Button type="primary" onClick={this.next}>保存,下一步</Button>
 
-           <Button style={{ marginLeft: 8 }} onClick={this.prev}>上一步</Button>
 
-         </div>
 
-       </Spin>
 
-     )
 
-   },
 
- }));
 
- export default EvaluateStep2;
 
 
  |