patent.jsx 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. import React from 'react';
  2. import { Icon, Button, Input, Select, Spin, Table, message } from 'antd';
  3. import { patentTypeList, patentStateList } from '../../dataDic.js';
  4. import { getPatentType, getPatentState, getTime, setUserContactsList } from '../../tools.js';
  5. import ajax from 'jquery/src/ajax/xhr.js'
  6. import $ from 'jquery/src/ajax';
  7. import './patent.less';
  8. import PatentAdd from './patentAdd.jsx';
  9. import PatentDesc from './patentDesc.jsx';
  10. const Patent = React.createClass({
  11. loadData(pageNo) {
  12. this.state.data = [];
  13. this.setState({
  14. loading: true
  15. });
  16. $.ajax({
  17. method: "get",
  18. dataType: "json",
  19. crossDomain: false,
  20. url: globalConfig.context + "/api/user/patent/clientApplyList",
  21. data: {
  22. pageNo: pageNo || 1,
  23. pageSize: this.state.pagination.pageSize,
  24. patentNumber: this.state.searchNum,
  25. patentName: this.state.searchName,
  26. patentCatagory: this.state.searchType,
  27. patentState: this.state.searchState
  28. },
  29. success: function (data) {
  30. if (!data.data) {
  31. if (data.error && data.error.length) {
  32. message.warning(data.error[0].message);
  33. this.state.ButtonDisabled = true;
  34. }
  35. return;
  36. };
  37. for (let i = 0; i < data.data.list.length; i++) {
  38. let thisdata = data.data.list[i];
  39. this.state.data.push({
  40. key: i,
  41. pid: thisdata.id,
  42. number: thisdata.serialNumber,
  43. patentNum: thisdata.patentNumber,
  44. patentName: thisdata.patentName,
  45. patentCatagory: thisdata.patentCatagory ? getPatentType(thisdata.patentCatagory) : '',
  46. patentState: getPatentState(thisdata.patentState),
  47. patentField: thisdata.patentField,
  48. patentDes: thisdata.patentDes,
  49. patentProryStatementUrl: thisdata.patentProryStatementUrl, //专利代理委托书
  50. patentWritingUrl: thisdata.patentWritingUrl, //专利稿件
  51. authorizationNoticeUrl: thisdata.authorizationNoticeUrl, //授权通知书
  52. patentCertificateUrl: thisdata.patentCertificateUrl, //专利证书
  53. confirmState: thisdata.confirmState, //稿件确认状态
  54. authorizedTime: getTime(thisdata.authorizedDate),
  55. startTime: getTime(thisdata.patentApplicationDate),
  56. endTime: getTime(thisdata.patentApplicationDate, 2),
  57. firstInventorName: thisdata.firstInventorName,
  58. firstInventorNationality: thisdata.firstInventorNationality, //国籍
  59. firstInventorIdNumber: thisdata.firstInventorIdNumber, //id
  60. firstInventorIsPublish: thisdata.firstInventorIsPublish, //是否公布
  61. secondInventorName: thisdata.secondInventorName,
  62. secondInventorNationality: thisdata.secondInventorNationality,
  63. secondInventorIsPublish: thisdata.secondInventorIsPublish,
  64. thirdInventorName: thisdata.thirdInventorName,
  65. thirdInventorNationality: thisdata.thirdInventorNationality,
  66. thirdInventorIsPublish: thisdata.thirdInventorIsPublish,
  67. createTime: thisdata.createTime, //派单日
  68. author: thisdata.author, //撰写人
  69. office: thisdata.office, //事务所
  70. principal: thisdata.principal //负责人
  71. });
  72. };
  73. this.state.pagination.current = data.data.pageNo;
  74. this.state.pagination.total = data.data.totalCount;
  75. this.setState({
  76. dataSource: this.state.data,
  77. pagination: this.state.pagination
  78. });
  79. }.bind(this),
  80. }).always(function () {
  81. this.setState({
  82. loading: false
  83. });
  84. }.bind(this));
  85. },
  86. getInitialState() {
  87. return {
  88. patentTypeOption: [],
  89. patentStateOption: [],
  90. data: [],
  91. //dataSource: [],
  92. loading: false,
  93. pagination: {
  94. defaultCurrent: 1,
  95. defaultPageSize: 10,
  96. showQuickJumper: true,
  97. pageSize: 10,
  98. onChange: function (page) {
  99. this.loadData(page);
  100. }.bind(this),
  101. showTotal: function (total) {
  102. return '共' + total + '条数据';
  103. }
  104. },
  105. columns: [
  106. {
  107. title: '编号',
  108. dataIndex: 'number',
  109. key: 'number',
  110. }, {
  111. title: '申请号/专利号',
  112. dataIndex: 'patentNum',
  113. key: 'patentNum',
  114. }, {
  115. title: '专利类型',
  116. dataIndex: 'patentType',
  117. key: 'patentType',
  118. }, {
  119. title: '专利名称',
  120. dataIndex: 'patentName',
  121. key: 'patentName',
  122. }, {
  123. title: '专利类型',
  124. dataIndex: 'patentCatagory',
  125. key: 'patentCatagory',
  126. }, {
  127. title: '专利状态',
  128. dataIndex: 'patentState',
  129. key: 'patentState',
  130. }, {
  131. title: '申请日',
  132. dataIndex: 'startTime',
  133. key: 'startTime',
  134. }, {
  135. title: '授权缴费截止日',
  136. dataIndex: 'endTime',
  137. key: 'endTime',
  138. }
  139. ],
  140. dataSource: []
  141. };
  142. },
  143. componentWillMount() {
  144. let _me = this;
  145. patentTypeList.map(function (item) {
  146. _me.state.patentTypeOption.push(
  147. <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
  148. )
  149. });
  150. patentStateList.map(function (item) {
  151. _me.state.patentStateOption.push(
  152. <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
  153. )
  154. });
  155. this.loadData();
  156. this.state.contactsOption = setUserContactsList();
  157. },
  158. tableRowClick(record, index) {
  159. this.state.RowData = record;
  160. this.setState({
  161. showDesc: true
  162. });
  163. },
  164. closeDesc(e, s) {
  165. this.state.showDesc = e;
  166. if (s) {
  167. this.loadData();
  168. };
  169. },
  170. search() {
  171. this.state.searchNum;
  172. this.state.searchName;
  173. this.state.searchType;
  174. this.state.searchState;
  175. this.loadData();
  176. },
  177. reset() {
  178. this.state.searchNum = "";
  179. this.state.searchName = "";
  180. this.state.searchType = "";
  181. this.state.searchState = "";
  182. this.loadData();
  183. },
  184. render() {
  185. return (
  186. <div className="patent-content" >
  187. <div className="content-title">
  188. <span>专利申请管理</span>
  189. {userData.type == '0' ? <span></span> : <PatentAdd ButtonDisabled={this.state.ButtonDisabled} closeDesc={this.closeDesc} />}
  190. </div>
  191. <div className="patent-query">
  192. <Input placeholder="专利号" value={this.state.searchNum} onChange={(e) => { this.setState({ searchNum: e.target.value }); }} />
  193. <Input placeholder="专利名称" value={this.state.searchName} onChange={(e) => { this.setState({ searchName: e.target.value }); }} />
  194. <Select placeholder="专利类型" value={this.state.searchType} style={{ width: 200 }} onChange={(e) => { this.setState({ searchType: e }); }}>{this.state.patentTypeOption}</Select>
  195. <Select placeholder="专利状态" value={this.state.searchState} style={{ width: 200 }} onChange={(e) => { this.setState({ searchState: e }); }}>{this.state.patentStateOption}</Select>
  196. <Button type="primary" onClick={this.search}>搜索</Button>
  197. <Button type="ghost" onClick={this.reset}>重置</Button>
  198. </div>
  199. <div className="patent-table">
  200. <Spin spinning={this.state.loading}>
  201. <Table columns={this.state.columns}
  202. dataSource={this.state.dataSource}
  203. pagination={this.state.pagination}
  204. onRowClick={this.tableRowClick} />
  205. </Spin>
  206. </div>
  207. <PatentDesc data={this.state.RowData} showDesc={this.state.showDesc} closeDesc={this.closeDesc} />
  208. </div >
  209. );
  210. }
  211. });
  212. export default Patent;