patent.jsx 8.8 KB

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