import React from 'react'; import { Icon, Modal, message, Spin, Steps, Input, Select, Upload, DatePicker, Button } from 'antd'; import './comprehensive.less'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import { patentTypeList, patentFieldList, patentStateList } from '../../../dataDic.js'; import { getBase64, beforeUpload, getPatentState, getTime } from '../../../tools.js'; class Avatar extends React.Component { constructor(props) { super(props); this.state = { imageUrl: '' } } handleChange(info) { if (info.file.status === 'done') { // Get this url from response in real world. getBase64(info.file.originFileObj, imageUrl => this.setState({ imageUrl })); this.props.urlData(info.file.response.data); } } render() { const imageUrl = this.state.imageUrl; return ( { imageUrl ? : } ); } }; const PatentDesc = React.createClass({ getInitialState() { return { visible: false, loading: false, patentTypeOption: [], patentFieldOption: [], patentStateOption: [], adminOption: [], patentProcess: [] }; }, loadData() { this.state.data = []; this.setState({ loading: true }); $.when($.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + "/techservice/patent/patentProcess", data: { pid: this.state.pid } }), $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/techservice/patent/getAdmin" })).done((data1, data2) => { if (data1[0].error.length) { message.warning(data1[0].error[0].message); return; }; let _me = this; data1[0].data.map(function (item) { _me.state.patentProcess.push(

专利状态: {getPatentState(item.state)} 处理时间: {getTime(item.recordTime)} 负责人:{item.principal} 操作人:{item.operator}

) }); if (data2[0].error.length) { message.warning(data2[0].error[0].message); return; }; for (var item in data2[0].data) { _me.state.adminOption.push( {data2[0].data[item]} ) }; }).always(function () { this.setState({ loading: false }); }.bind(this)); }, componentWillMount() { let _me = this; patentTypeList.map(function (item) { _me.state.patentTypeOption.push( {item.key} ) }); patentFieldList.map(function (item) { _me.state.patentFieldOption.push( {item.key} ) }); patentStateList.map(function (item) { _me.state.patentStateOption.push( {item.key} ) }); }, downloadPic(type) { window.open(globalConfig.context + "/open/downLoadPicture?path=" + type) }, showModal() { this.setState({ visible: true, }); }, handleOk() { this.setState({ visible: false, }); this.props.closeDesc(false); }, componentWillReceiveProps(nextProps) { this.state.visible = nextProps.showDesc; if (nextProps.data) { this.state.pid = nextProps.data.pid; this.loadData() } }, handleCancel(e) { this.setState({ visible: false, }); this.props.closeDesc(false); }, getPatentWritingUrl(e) { this.state.patentWritingUrl = e; }, getAuthorizationNoticeUrl(e) { this.state.authorizationNoticeUrl = e; }, getPatentCertificateUrl(e) { this.state.patentCertificateUrl = e; }, render() { const Step = Steps.Step; const theData = this.props.data; if (this.props.data) { return (
保存, , ]} className="patent-desc-content">

公司名称:{theData.companyName}

公司组织机构代码:{theData.companyNum}

公司地址:{theData.companyAddress}

联系人:{theData.companyContacts}

编号:{theData.number}

申请号/专利号 { this.setState({ patentNum: e.target.value }); }} />

专利名称: { this.setState({ patentName: e.target.value }); }} />

专利类型

专利状态:{theData.patentState}

专利领域
专利简介: { this.setState({ patentDes: e.target.value }); } } rows={6} />

第一发明人:

姓名:{theData.firstInventorName}

身份证:{theData.firstInventorIdNumber}

国籍:中国

第二发明人:

姓名:{theData.secondInventorName}

国籍:中国

第三发明人:

姓名:{theData.thirdInventorName}

国籍:中国

材料管理: {theData.patentProryStatementUrl !== null ? 专利代理委托书 : ""} {theData.lastYearTaxReportUrl !== null ? 上年度纳税表 : ""}

专利稿件上传授权通知书上传专利证书上传

专利状态流转记录:

状态流转:

处理时间:

负责人:
); } else { return
} }, }); export default PatentDesc;