patent.jsx 8.7 KB

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