patentDesc.jsx 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. import React from 'react';
  2. import { Icon, Modal, message, Spin, Timeline, Button } from 'antd';
  3. import { getPatentType, getPatentState, getTime, getPatentField } from '../../tools.js';
  4. import './patent.less';
  5. import ajax from 'jquery/src/ajax/xhr.js'
  6. import $ from 'jquery/src/ajax';
  7. const PatentDesc = React.createClass({
  8. getInitialState() {
  9. return {
  10. visible: false,
  11. loading: false,
  12. stepList: []
  13. };
  14. },
  15. showModal() {
  16. this.setState({
  17. visible: true,
  18. });
  19. },
  20. handleOk() {
  21. this.setState({
  22. visible: false,
  23. });
  24. this.props.closeDesc(false, true);
  25. },
  26. getStepList(thepid) {
  27. this.state.stepList = [];
  28. $.ajax({
  29. method: "post",
  30. dataType: "json",
  31. crossDomain: false,
  32. url: globalConfig.context + "/techservice/patent/patentProcess",
  33. data: {
  34. pid: thepid
  35. },
  36. success: function (data) {
  37. if (data.error && data.error.length && !data.data) {
  38. return;
  39. };
  40. let _me = this;
  41. for (var item in data.data) {
  42. _me.state.stepList.push(
  43. <Timeline.Item key={item}> <span>{getPatentState(data.data[item].state)}</span> {getTime(data.data[item].recordTime)}</Timeline.Item>
  44. )
  45. };
  46. this.setState({
  47. stepList: this.state.stepList
  48. });
  49. }.bind(this),
  50. });
  51. },
  52. getPatentInfo(thepid) {
  53. $.ajax({
  54. method: "post",
  55. dataType: "json",
  56. crossDomain: false,
  57. url: globalConfig.context + "/techservice/patent/clientPatentInfo",
  58. data: {
  59. patentId: thepid
  60. },
  61. success: function (data) {
  62. let thisData = data.data;
  63. if (data.error && data.error.length && !data.data) {
  64. return;
  65. };
  66. this.setState({
  67. serialNumber: thisData.serialNumber,
  68. patentNumber: thisData.patentNumber,
  69. patentName: thisData.patentName,
  70. patentCatagory: thisData.patentCatagory,
  71. patentState: thisData.patentState,
  72. patentField: thisData.patentField,
  73. patentDes: thisData.patentDes,
  74. patentProryStatementUrl: thisData.patentProryStatementUrl,
  75. patentWritingUrl: thisData.patentWritingUrl,
  76. authorizationNoticeUrl: thisData.authorizationNoticeUrl,
  77. patentCertificateUrl: thisData.patentCertificateUrl,
  78. patentApplicationDate: thisData.patentApplicationDate,
  79. firstInventorName: thisData.firstInventorName,
  80. firstInventorNationality: thisData.firstInventorNationality,
  81. firstInventorIdNumber: thisData.firstInventorIdNumber,
  82. firstInventorIsPublish: thisData.firstInventorIsPublish,
  83. secondInventorName: thisData.secondInventorName,
  84. secondInventorNationality: thisData.secondInventorNationality,
  85. secondInventorIsPublish: thisData.secondInventorIsPublish,
  86. thirdInventorName: thisData.thirdInventorName,
  87. thirdInventorNationality: thisData.thirdInventorNationality,
  88. thirdInventorIsPublish: thisData.thirdInventorIsPublish,
  89. createTime: thisData.createTime,
  90. author: thisData.author,
  91. office: thisData.office,
  92. principal: thisData.principal,
  93. });
  94. }.bind(this),
  95. });
  96. },
  97. componentWillReceiveProps(nextProps) {
  98. this.state.visible = nextProps.showDesc
  99. if (nextProps.data && nextProps.data.pid !== null) {
  100. this.getStepList(nextProps.data.pid);
  101. this.getPatentInfo(nextProps.data.pid);
  102. }
  103. },
  104. handleCancel(e) {
  105. this.setState({
  106. visible: false,
  107. });
  108. this.props.closeDesc(false);
  109. },
  110. downloadFile(url, type) {
  111. window.open(globalConfig.context + "/techservice/patent/downloadFile?path=" + url + "&sign=" + type)
  112. },
  113. confirmButton() {
  114. this.setState({
  115. loading: true
  116. });
  117. $.ajax({
  118. method: "post",
  119. dataType: "json",
  120. crossDomain: false,
  121. url: globalConfig.context + "/techservice/patent/clientConfirm",
  122. data: {
  123. pid: this.props.data.pid
  124. }
  125. }).done(function (data) {
  126. if (data.error && data.error.length) {
  127. message.warning(data.error[0].message);
  128. }
  129. }.bind(this)).always(function () {
  130. this.setState({
  131. loading: false
  132. });
  133. }.bind(this));
  134. },
  135. render() {
  136. let theData = this.state;
  137. if (this.props.data) {
  138. return (
  139. <div className="patent-desc">
  140. <Spin spinning={this.state.loading} className='spin-box'>
  141. <Modal title="专利详情" visible={this.state.visible}
  142. onOk={this.handleOk} onCancel={this.handleCancel}
  143. width='800px'
  144. footer=''
  145. className="patent-desc-content">
  146. <div>
  147. <p className="widthHalf"><span>编号:</span>{theData.serialNumber}</p>
  148. <p className="widthHalf"><span>申请号/专利号:</span>{theData.patentNumber}</p>
  149. </div>
  150. <div>
  151. <p className="widthHalf"><span>专利名称:</span>{theData.patentName}</p>
  152. <p className="widthHalf"><span>专利类型:</span>{getPatentType(theData.patentCatagory)}</p>
  153. </div>
  154. <div>
  155. <p className="widthHalf"><span>专利状态:</span>{getPatentState(theData.patentState)}</p>
  156. <p className="widthHalf"><span>专利领域:</span>{getPatentField(theData.patentField)}</p>
  157. </div>
  158. <div>
  159. <span>简介:</span>{theData.patentDes}
  160. </div>
  161. <div>
  162. <span>专利相关材料:</span>
  163. {theData.patentWritingUrl !== null && theData.patentWritingUrl !== undefined && theData.patentWritingUrl !== '' ?
  164. <p className="download-file">
  165. <a href="" onClick={this.downloadFile.bind(this, theData.patentWritingUrl, "patent_writing")}>专利稿件</a>
  166. {theData.confirmState == '0' ?
  167. <Button onClick={this.confirmButton}>确认稿件</Button> : <span></span>
  168. }
  169. </p> :
  170. <span>专利稿件未上传</span>
  171. }
  172. {theData.authorizationNoticeUrl !== null && theData.authorizationNoticeUrl !== undefined && theData.authorizationNoticeUrl !== '' ?
  173. <p className="download-file">
  174. <a href="" onClick={this.downloadFile.bind(this, theData.authorizationNoticeUrl, "authorization_notice")}>授权通知书</a>
  175. </p> :
  176. <span>授权通知书未上传</span>
  177. }
  178. {theData.patentCertificateUrl !== null && theData.patentCertificateUrl !== undefined && theData.patentCertificateUrl !== '' ?
  179. <p className="download-file">
  180. <a href="" onClick={this.downloadFile.bind(this, theData.patentCertificateUrl, "patent_certificate")}>专利证书</a>
  181. </p> :
  182. <span>专利证书未上传</span>
  183. }
  184. </div>
  185. <div>
  186. <span>专利申请日:</span>{theData.startTime}
  187. </div>
  188. <div>
  189. <span>专利授权日:</span>{theData.authorizedTime}
  190. </div>
  191. <div>
  192. <span>每年年费缴费截止日:</span>{theData.endTime}
  193. </div>
  194. <div>
  195. <p>第一发明人:</p>
  196. <p><span>姓名:</span>{theData.firstInventorName}</p>
  197. <p><span>身份证:</span>{theData.firstInventorIdNumber}</p>
  198. </div>
  199. <div style={theData.secondInventorName === '' ? { display: 'none' } : {}}>
  200. <p>第二发明人:</p>
  201. <p><span>姓名:</span>{theData.secondInventorName}</p>
  202. </div>
  203. <div style={theData.thirdInventorName === '' ? { display: 'none' } : {}}>
  204. <p>第三发明人:</p>
  205. <p><span>姓名:</span>{theData.thirdInventorName}</p>
  206. </div>
  207. <Timeline className="time-line">
  208. {this.state.stepList}
  209. </Timeline>
  210. </Modal>
  211. </Spin>
  212. </div>
  213. );
  214. } else {
  215. return <div></div>
  216. }
  217. },
  218. });
  219. export default PatentDesc;