123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- import React from 'react';
- import { Icon, Modal, message, Spin, Timeline, Button } from 'antd';
- import { getPatentState, getTime } from '../../tools.js';
- import './patent.less';
- import ajax from 'jquery/src/ajax/xhr.js'
- import $ from 'jquery/src/ajax';
- const PatentDesc = React.createClass({
- getInitialState() {
- return {
- visible: false,
- loading: false,
- stepList: []
- };
- },
- showModal() {
- this.setState({
- visible: true,
- });
- },
- handleOk() {
- this.setState({
- visible: false,
- });
- this.props.closeDesc(false);
- },
- getStepList(thepid) {
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/techservice/patent/patentProcess",
- data: {
- pid: thepid
- },
- success: function (data) {
- if (data.error && data.error.length || !data.data) {
- return;
- };
- let _me = this;
- for (var item in data.data) {
- _me.state.stepList.push(
- <Timeline.Item key={item}> <span>{getPatentState(data.data[item].state)}</span> {getTime(data.data[item].recordTime)}</Timeline.Item>
- )
- };
- this.setState({
- stepList: this.state.stepList
- });
- }.bind(this),
- });
- },
- componentWillReceiveProps(nextProps) {
- this.state.visible = nextProps.showDesc
- if (nextProps.data && nextProps.data.pid !== null) {
- this.getStepList(nextProps.data.pid);
- }
- },
- handleCancel(e) {
- this.setState({
- visible: false,
- });
- this.props.closeDesc(false);
- },
- downloadFile(url, type) {
- window.open(globalConfig.context + "/techservice/patent/downloadFile?path=" + url + "&sign=" + type)
- },
- confirmButton() {
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/techservice/patent/clientConfirm",
- data: {
- pid: this.props.data.pid
- }
- }).done(function (data) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- }
- }.bind(this)).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- render() {
- const theData = this.props.data;
- if (this.props.data) {
- return (
- <div className="patent-desc">
- <Spin spinning={this.state.loading} className='spin-box'>
- <Modal title="专利详情" visible={this.state.visible}
- onOk={this.handleOk} onCancel={this.handleCancel}
- width='800px'
- footer=''
- className="patent-desc-content">
- <div>
- <p className="widthHalf"><span>编号:</span>{theData.number}</p>
- <p className="widthHalf"><span>申请号/专利号:</span>{theData.patentNum}</p>
- </div>
- <div>
- <p className="widthHalf"><span>专利名称:</span>{theData.patentName}</p>
- <p className="widthHalf"><span>专利类型:</span>{theData.patentType}</p>
- </div>
- <div>
- <p className="widthHalf"><span>专利状态:</span>{theData.patentState}</p>
- <p className="widthHalf"><span>专利领域:</span>{theData.patentField}</p>
- </div>
- <div>
- <span>简介:</span>{theData.patentDes}
- </div>
- <div>
- <span>专利相关材料:</span>
- {theData.patentWritingUrl !== null && theData.patentWritingUrl !== undefined && theData.patentWritingUrl !== '' ?
- <p className="download-file">
- <a href="" onClick={this.downloadFile.bind(this, theData.patentWritingUrl, "patent_writing")}>专利稿件</a>
- {theData.confirmState == '0' ?
- <Button onClick={this.confirmButton}>确认稿件</Button> : <span></span>
- }
- </p> :
- <span></span>
- }
- {theData.authorizationNoticeUrl !== null && theData.authorizationNoticeUrl !== undefined && theData.authorizationNoticeUrl !== '' ?
- <p className="download-file">
- <a href="" onClick={this.downloadFile.bind(this, theData.authorizationNoticeUrl, "authorization_notice")}>授权通知书</a>
- </p> :
- <span></span>
- }
- {theData.patentCertificateUrl !== null && theData.patentCertificateUrl !== undefined && theData.patentCertificateUrl !== '' ?
- <p className="download-file">
- <a href="" onClick={this.downloadFile.bind(this, theData.patentCertificateUrl, "patent_certificate")}>专利证书</a>
- </p> :
- <span></span>
- }
- </div>
- <div>
- <span>专利申请日:</span>{theData.startTime}
- </div>
- <div>
- <span>专利授权日:</span>{theData.authorizedTime}
- </div>
- <div>
- <span>每年年费缴费截止日:</span>{theData.endTime}
- </div>
- <div>
- <p>第一发明人:</p>
- <p><span>姓名:</span>{theData.firstInventorName}</p>
- <p><span>身份证:</span>{theData.firstInventorIdNumber}</p>
- </div>
- <div style={theData.secondInventorName === '' ? { display: 'none' } : {}}>
- <p>第二发明人:</p>
- <p><span>姓名:</span>{theData.secondInventorName}</p>
- </div>
- <div style={theData.thirdInventorName === '' ? { display: 'none' } : {}}>
- <p>第三发明人:</p>
- <p><span>姓名:</span>{theData.thirdInventorName}</p>
- </div>
- <Timeline className="time-line">
- {this.state.stepList}
- </Timeline>
- </Modal>
- </Spin>
- </div>
- );
- } else {
- return <div></div>
- }
- },
- });
- export default PatentDesc;
|