highTechApply.jsx 52 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273
  1. import React from 'react';
  2. import { Icon, InputNumber, Form, Button, Input, Radio, Select, Spin, Table, DatePicker, message, Cascader, Modal } from 'antd';
  3. import { cognizanceStateList } from '../../../dataDic.js';
  4. import { provinceSelect, getProvince } from '../../../NewDicProvinceList';
  5. import { techFieldList } from '../../../DicTechFieldList.js';
  6. import { getTime, getCognizanceState, companySearch, getSearchUrl } from '../../../tools.js';
  7. import ajax from 'jquery/src/ajax/xhr.js';
  8. import $ from 'jquery/src/ajax';
  9. import moment from 'moment';
  10. import './highTechFoster.less';
  11. const CognizanceDescFrom = Form.create()(React.createClass({
  12. loadData(uid, cid, year) {
  13. this.setState({
  14. loading: true
  15. });
  16. $.ajax({
  17. method: "post",
  18. dataType: "json",
  19. crossDomain: false,
  20. url: globalConfig.context + "/api/admin/cognizanceDetail",
  21. data: {
  22. cid: cid || this.props.data.cid,
  23. uid: uid || this.props.data.uid,
  24. year: year || this.props.data.year
  25. },
  26. success: function (data) {
  27. if (!data.data) {
  28. if (data.error && data.error.length) {
  29. message.warning(data.error[0].message);
  30. };
  31. return;
  32. };
  33. this.state.data = data.data;
  34. this.state.cid = this.props.data.cid;
  35. this.state.moneyTable = [{
  36. key: 1,
  37. year: '前一年',
  38. netAsset: data.data.netAsset1,
  39. salesRevenue: data.data.salesRevenue1,
  40. grossProfit: data.data.grossProfit1
  41. }, {
  42. key: 2,
  43. year: '前二年',
  44. netAsset: data.data.netAsset2,
  45. salesRevenue: data.data.salesRevenue2,
  46. grossProfit: data.data.grossProfit2
  47. }, {
  48. key: 3,
  49. year: '前三年',
  50. netAsset: data.data.netAsset3,
  51. salesRevenue: data.data.salesRevenue3,
  52. grossProfit: data.data.grossProfit3
  53. }];
  54. if (data.data.netAsset2 == 0) {
  55. this.state.netAssetRate = 0;
  56. } else if (data.data.netAsset3 == 0) {
  57. this.state.netAssetRate = (data.data.netAsset1 / data.data.netAsset2) - 1;
  58. } else {
  59. this.state.netAssetRate = 1 / 2 * (data.data.netAsset2 / data.data.netAsset3 + data.data.netAsset1 / data.data.netAsset2) - 1;
  60. };
  61. if (this.state.netAssetRate < 0 || isNaN(this.state.netAssetRate)) {
  62. this.state.netAssetRate = 0
  63. };
  64. if (data.data.salesRevenue2 == 0) {
  65. this.state.salesRevenueRate = 0;
  66. } else if (data.data.salesRevenue3 == 0) {
  67. this.state.salesRevenueRate = (data.data.salesRevenue1 / data.data.salesRevenue2) - 1;
  68. } else {
  69. this.state.salesRevenueRate = 1 / 2 * (data.data.salesRevenue2 / data.data.salesRevenue3 + data.data.salesRevenue1 / data.data.salesRevenue2) - 1;
  70. };
  71. if (this.state.salesRevenueRate < 0 || isNaN(this.state.salesRevenueRate)) {
  72. this.state.salesRevenueRate = 0
  73. };
  74. }.bind(this),
  75. }).always(function () {
  76. this.setState({
  77. loading: false
  78. });
  79. }.bind(this));
  80. },
  81. getStateData(cid) {
  82. this.setState({
  83. loading: true
  84. });
  85. $.ajax({
  86. method: "post",
  87. dataType: "json",
  88. crossDomain: false,
  89. url: globalConfig.context + "/api/admin/cognizanceLog",
  90. data: {
  91. cid: cid || this.props.data.cid
  92. },
  93. success: function (data) {
  94. if (!data.data) {
  95. if (data.error && data.error.length) {
  96. message.warning(data.error[0].message);
  97. }
  98. return;
  99. };
  100. this.state.stateTable = [];
  101. for (let i = 0; i < data.data.length; i++) {
  102. this.state.stateTable.push({
  103. key: i,
  104. recordTimeFormattedDate: data.data[i].recordTimeFormattedDate,
  105. state: data.data[i].state,
  106. principal: data.data[i].principal,
  107. operator: data.data[i].operator,
  108. comment: data.data[i].comment
  109. });
  110. };
  111. }.bind(this),
  112. }).always(function () {
  113. this.setState({
  114. loading: false
  115. });
  116. }.bind(this));
  117. },
  118. getBusinessCount(uid) {
  119. this.setState({
  120. loading: true
  121. });
  122. $.ajax({
  123. method: "get",
  124. dataType: "json",
  125. crossDomain: false,
  126. url: globalConfig.context + "/api/admin/getBusinessCount",
  127. data: {
  128. uid: uid || this.props.data.uid
  129. },
  130. success: function (data) {
  131. if (!data.data) {
  132. if (data.error && data.error.length) {
  133. message.warning(data.error[0].message);
  134. }
  135. return;
  136. };
  137. this.setState({
  138. patentDone: data.data.patentDone, //专利已下证数量
  139. patentUndone: data.data.patentUndone, //专利未下证数量
  140. copyrightDone: data.data.copyrightDone,//软著已下证数量
  141. copyrightUndone: data.data.copyrightUndone,//软著未下证数量
  142. techProjectDone: data.data.techProjectDone,//科技项目申报审批已通过数量
  143. techProjectUndone: data.data.techProjectUndone//科技项目申报审批未通过数量
  144. });
  145. }.bind(this),
  146. }).always(function () {
  147. this.setState({
  148. loading: false
  149. });
  150. }.bind(this));
  151. },
  152. getContactsList(uid) {
  153. $.ajax({
  154. method: "get",
  155. dataType: "json",
  156. crossDomain: false,
  157. url: globalConfig.context + "/api/admin/getContacts",
  158. data: {
  159. uid: uid || this.props.data.uid
  160. },
  161. success: function (data) {
  162. let theOption = [];
  163. if (data.error.length || !data.data) {
  164. return;
  165. };
  166. for (let item in data.data) {
  167. let theData = data.data[item];
  168. theOption.push(
  169. <Select.Option value={item} key={theData}>{theData}</Select.Option>
  170. );
  171. };
  172. this.setState({
  173. contactsOption: theOption
  174. });
  175. }.bind(this),
  176. });
  177. },
  178. getOptionList() {
  179. this.setState({
  180. loading: true
  181. });
  182. $.ajax({
  183. method: "get",
  184. dataType: "json",
  185. crossDomain: false,
  186. url: globalConfig.context + "/api/admin/cognizanceStatus",
  187. success: function (data) {
  188. let _me = this;
  189. if (!data.data) {
  190. if (data.error && data.error.length) {
  191. message.warning(data.error[0].message);
  192. return;
  193. };
  194. };
  195. _me.state.stateOption = [];
  196. for (var item in data.data) {
  197. _me.state.stateOption.push(
  198. <Select.Option value={item} key={item}>{data.data[item]}</Select.Option>
  199. )
  200. };
  201. }.bind(this),
  202. }).always(function () {
  203. this.setState({
  204. loading: false
  205. });
  206. }.bind(this));
  207. },
  208. getInitialState() {
  209. return {
  210. loading: false,
  211. stateOption: [],
  212. moneyColumns: [{
  213. title: '',
  214. dataIndex: 'year',
  215. key: 'year',
  216. }, {
  217. title: '净资产',
  218. dataIndex: 'netAsset',
  219. key: 'netAsset',
  220. }, {
  221. title: '销售收入',
  222. dataIndex: 'salesRevenue',
  223. key: 'salesRevenue',
  224. }, {
  225. title: '利润总额',
  226. dataIndex: 'grossProfit',
  227. key: 'grossProfit',
  228. }],
  229. stateColumns: [{
  230. title: '认证状态',
  231. dataIndex: 'state',
  232. key: 'state',
  233. render: (text) => { return getCognizanceState(text) }
  234. }, {
  235. title: '处理时间',
  236. dataIndex: 'recordTimeFormattedDate',
  237. key: 'recordTimeFormattedDate',
  238. }, {
  239. title: '负责人',
  240. dataIndex: 'principal',
  241. key: 'principal',
  242. }, {
  243. title: '操作人',
  244. dataIndex: 'operator',
  245. key: 'operator',
  246. }, {
  247. title: '备注',
  248. dataIndex: 'comment',
  249. key: 'comment',
  250. }]
  251. };
  252. },
  253. componentWillMount() {
  254. this.loadData();
  255. this.getBusinessCount();
  256. this.getOptionList();
  257. this.getStateData();
  258. this.getContactsList();
  259. },
  260. handleSubmit(e) {
  261. e.preventDefault();
  262. this.props.form.validateFields((err, values) => {
  263. if (values.state || values.principal || values.recordTime || values.comment) {
  264. if (!values.state || !values.principal || !values.recordTime) {
  265. message.warning("请填写完整的状态流转信息!");
  266. return;
  267. };
  268. };
  269. if (!err) {
  270. this.props.spinState(true);
  271. $.ajax({
  272. method: "POST",
  273. dataType: "json",
  274. crossDomain: false,
  275. url: globalConfig.context + "/api/admin/disposeCognizanceDetail",
  276. data: {
  277. id: this.props.data.cid,
  278. uid: this.props.data.uid,
  279. technicalField1: values.technicalField[0],
  280. technicalField2: values.technicalField[1],
  281. technicalField3: values.technicalField[2],
  282. basicResearchCost: values.basicResearchCost,
  283. largeOrder: values.largeOrder,
  284. contacts: values.contacts,
  285. accident: values.accident,
  286. certificateNumber: values.certificateNumber,
  287. recordTimeFormattedDate: values.recordTime ? values.recordTime.format("YYYY-MM-DD HH:mm:ss") : undefined,
  288. state: values.state,
  289. principal: values.principal,
  290. comment: values.comment,
  291. year: this.state.data.year
  292. }
  293. }).done(function (data) {
  294. if (!data.error.length) {
  295. message.success('保存成功!');
  296. this.props.clickOk();
  297. this.props.form.resetFields();
  298. this.state.targetKeys = [];
  299. this.state.selectedKeys = [];
  300. this.props.spinState(false);
  301. } else {
  302. message.warning(data.error[0].message);
  303. this.props.spinState(false);
  304. }
  305. }.bind(this));
  306. }
  307. });
  308. },
  309. componentWillReceiveProps(nextProps) {
  310. if (!this.props.visible && nextProps.visible) {
  311. this.getStateData(nextProps.data.cid);
  312. this.getBusinessCount(nextProps.data.uid);
  313. this.loadData(nextProps.data.uid, nextProps.data.cid, nextProps.data.year);
  314. this.getContactsList(nextProps.data.uid);
  315. this.props.form.resetFields();
  316. };
  317. },
  318. render() {
  319. const FormItem = Form.Item;
  320. const { getFieldDecorator } = this.props.form;
  321. const theData = this.state.data;
  322. const formItemLayout = {
  323. labelCol: { span: 6 },
  324. wrapperCol: { span: 12 },
  325. };
  326. const _me = this;
  327. if (this.state.data) {
  328. return (
  329. <Spin spinning={this.state.loading} >
  330. <Form onSubmit={this.handleSubmit} id="highTechApply-form">
  331. <div className="clearfix">
  332. <div className="half-item">
  333. <span className="item-title">公司名称: </span>
  334. <span>{theData.unitName}</span>
  335. </div>
  336. <div className="half-item">
  337. <span className="item-title">公司组织机构代码: </span>
  338. <span>{theData.orgCode}</span>
  339. </div>
  340. <div className="half-item">
  341. <span className="item-title">公司地址: </span>
  342. <span>{theData.postalAddress}</span>
  343. </div>
  344. <div className="half-item">
  345. <span className="item-title">申请年份: </span>
  346. <span>{theData.year}</span>
  347. </div>
  348. </div>
  349. <div className="form-title">相关科技服务详情: </div>
  350. <div className="clearfix">
  351. <div className="half-item">
  352. <span className="item-title">
  353. <a href={globalConfig.context + "/admin/servicesManage/patent.html?uid=" + theData.uid + "#comprehensive"}>专利数量: </a>
  354. </span>
  355. <span> 已下证 {this.state.patentDone || 0} 项</span>
  356. <span> 未下证 {this.state.patentUndone || 0} 项</span>
  357. </div>
  358. <div className="half-item">
  359. <span className="item-title">
  360. <a href={globalConfig.context + "/admin/servicesManage/copyright.html?uid=" + theData.uid + "#copyright"}>软著数量: </a>
  361. </span>
  362. <span> 已下证 {this.state.copyrightDone || 0} 项</span>
  363. <span> 未下证 {this.state.copyrightUndone || 0} 项</span>
  364. </div>
  365. <div className="half-item">
  366. <span className="item-title">
  367. <a href={globalConfig.context + "/admin/servicesManage/technology.html?uid=" + theData.uid + "#applyManage"}>科技项目数量: </a>
  368. </span>
  369. <span> 已通过 {this.state.techProjectDone || 0} 项</span>
  370. <span> 未通过 {this.state.techProjectUndone || 0} 项</span>
  371. </div>
  372. </div>
  373. <div className="form-title">状态流转记录: </div>
  374. <Table style={{ background: "#eee" }}
  375. pagination={false}
  376. dataSource={this.state.stateTable}
  377. columns={this.state.stateColumns} />
  378. <div className="clearfix" style={{ paddingTop: '20px', background: '#eee' }}>
  379. <FormItem className="half-item"
  380. labelCol={{ span: 4 }}
  381. wrapperCol={{ span: 18 }}
  382. label="状态流转"
  383. >
  384. {getFieldDecorator('state')(
  385. <Select
  386. style={{ width: 200 }}
  387. placeholder="选择一个状态">
  388. {this.state.stateOption}
  389. </Select>
  390. )}
  391. </FormItem>
  392. <FormItem className="half-item"
  393. labelCol={{ span: 4 }}
  394. wrapperCol={{ span: 18 }}
  395. label="处理时间"
  396. >
  397. {getFieldDecorator('recordTime')(
  398. <DatePicker />
  399. )}
  400. </FormItem>
  401. <FormItem className="half-item"
  402. labelCol={{ span: 4 }}
  403. wrapperCol={{ span: 18 }}
  404. label="负责人"
  405. >
  406. {getFieldDecorator('principal')(
  407. <Select
  408. showSearch
  409. filterOption={companySearch}
  410. placeholder="选择负责人">
  411. {this.props.authorOption}
  412. </Select>
  413. )}
  414. </FormItem>
  415. <FormItem className="half-item"
  416. labelCol={{ span: 4 }}
  417. wrapperCol={{ span: 18 }}
  418. label="备注">
  419. {getFieldDecorator('comment')(
  420. <Input />
  421. )}
  422. </FormItem>
  423. </div>
  424. <div className="clearfix">
  425. <FormItem className="half-item"
  426. labelCol={{ span: 3 }}
  427. wrapperCol={{ span: 14 }}
  428. >
  429. <span className="item-title">联系人: </span>
  430. {getFieldDecorator('contacts', {
  431. rules: [{ required: true, message: '此项为必填项!' }],
  432. initialValue: theData.contacts
  433. })(
  434. <Select
  435. style={{ display: 'inline-block', width: '200px' }}
  436. placeholder='选择一个联系人'>
  437. {this.state.contactsOption}
  438. </Select>
  439. )}
  440. </FormItem>
  441. <FormItem className="half-item"
  442. labelCol={{ span: 3 }}
  443. wrapperCol={{ span: 14 }}
  444. >
  445. <span className="item-title">证书编号: </span>
  446. {getFieldDecorator('certificateNumber', {
  447. initialValue: theData.certificateNumber
  448. })(
  449. <Input style={{ width: '200px' }} placeholder='高企证书编号' />
  450. )}
  451. </FormItem>
  452. <FormItem className="half-item"
  453. labelCol={{ span: 3 }}
  454. wrapperCol={{ span: 14 }}
  455. >
  456. <span className="item-title">订单金额超过十万: </span>
  457. {getFieldDecorator('largeOrder', {
  458. initialValue: theData.largeOrder
  459. })(
  460. <Radio.Group>
  461. <Radio value="0">否</Radio>
  462. <Radio value="1">是</Radio>
  463. </Radio.Group>
  464. )}
  465. </FormItem>
  466. </div>
  467. <FormItem style={{ width: '50%' }}
  468. labelCol={{ span: 0 }}
  469. wrapperCol={{ span: 24 }}
  470. label="技术领域"
  471. >
  472. <span className="item-title">技术领域: </span>
  473. {getFieldDecorator('technicalField', {
  474. rules: [{ type: 'array', required: true, message: '此项为必填项!' }],
  475. initialValue: [theData.technicalField1, theData.technicalField2, theData.technicalField3]
  476. })(
  477. <Cascader options={techFieldList} placeholder="请选择技术领域" />
  478. )}
  479. </FormItem>
  480. <div className="clearfix">
  481. <div>
  482. <span className="form-title">获得知识产权数量(件): </span>
  483. </div>
  484. <div className="half-item">
  485. <span className="item-title">一类: </span>
  486. <span>{theData.firstCatagory}</span>
  487. </div>
  488. <div className="half-item">
  489. <span className="item-title">二类: </span>
  490. <span>{theData.secondCatagory}</span>
  491. </div>
  492. </div>
  493. <div className="clearfix">
  494. <div>
  495. <span className="form-title">人力资源状况(人): </span>
  496. </div>
  497. <div className="half-item">
  498. <span className="item-title">职工总数: </span>
  499. <span>{theData.firmTotal}</span>
  500. </div>
  501. <div className="half-item">
  502. <span className="item-title">科技人员数: </span>
  503. <span>{theData.techTotal}</span>
  504. </div>
  505. </div>
  506. <div className="form-title">近三年经营状况(万元): </div>
  507. <Table pagination={false} dataSource={this.state.moneyTable} columns={this.state.moneyColumns} />
  508. <div className="clearfix">
  509. <div className="half-item">
  510. <span className="item-title">净资产增长率: </span>
  511. <span>{(this.state.netAssetRate * 100).toFixed(2) + '%'}</span>
  512. </div>
  513. <div className="half-item">
  514. <span className="item-title">销售收入增长率: </span>
  515. <span>{(this.state.salesRevenueRate * 100).toFixed(2) + '%'}</span>
  516. </div>
  517. </div>
  518. <div className="clearfix">
  519. <div><span className="form-title">近三年研究开发费用总额(万元): </span></div>
  520. <div className="third-item">
  521. <div className="item-title">近三年研究开发费用总额</div>
  522. <p>{theData.researchCost}</p>
  523. </div>
  524. <div className="third-item">
  525. <div className="item-title">其中: 在中国境内研发费用总和</div>
  526. <p>{theData.territory}</p>
  527. </div>
  528. <div className="third-item">
  529. <div className="item-title">其中: 基础研究投入费用总额</div>
  530. <div>
  531. <FormItem
  532. labelCol={{ span: 0 }}
  533. wrapperCol={{ span: 24 }}
  534. >
  535. {getFieldDecorator('basicResearchCost', {
  536. rules: [{ type: 'number', required: true, message: '此项为必填项!' }],
  537. initialValue: theData.basicResearchCost
  538. })(
  539. <InputNumber min={0} max={999999} step={0.01} />
  540. )}
  541. </FormItem>
  542. </div>
  543. </div>
  544. </div>
  545. <div>
  546. <span className="item-title">近一年企业总收入(万元): </span>
  547. <span>{theData.totalRevenue}</span>
  548. </div>
  549. <div>
  550. <span className="item-title">近一年高新技术产品收入(万元): </span>
  551. <span>{theData.lastYearRevenue}</span>
  552. </div>
  553. <div className="item-title">申请认定前一年内是否发生过重大安全、重大质量或严重环境违法行为</div>
  554. <FormItem
  555. labelCol={{ span: 0 }}
  556. wrapperCol={{ span: 24 }}
  557. >
  558. {getFieldDecorator('accident', {
  559. rules: [{ type: 'number', required: true, message: '此项为必填项!' }],
  560. initialValue: theData.accident
  561. })(
  562. <Radio.Group>
  563. <Radio value={0}>否</Radio>
  564. <Radio value={1}>是</Radio>
  565. </Radio.Group>
  566. )}
  567. </FormItem>
  568. <FormItem style={{ marginTop: '20px' }}>
  569. <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
  570. <Button type="ghost" style={{ marginLeft: '20px' }} onClick={this.props.closeModal}>取消</Button>
  571. </FormItem>
  572. </Form >
  573. </Spin>
  574. );
  575. } else {
  576. return (<div></div>)
  577. };
  578. },
  579. }));
  580. const CognizanceDesc = React.createClass({
  581. getInitialState() {
  582. return {
  583. visible: false,
  584. loading: false
  585. };
  586. },
  587. componentWillReceiveProps(nextProps) {
  588. this.state.visible = nextProps.showDesc
  589. },
  590. showModal() {
  591. this.setState({
  592. visible: true,
  593. });
  594. },
  595. handleOk() {
  596. this.setState({
  597. visible: false,
  598. });
  599. this.props.closeDesc(false, true);
  600. },
  601. handleCancel(e) {
  602. this.setState({
  603. visible: false,
  604. });
  605. this.props.closeDesc(false);
  606. },
  607. spinChange(e) {
  608. this.setState({
  609. loading: e
  610. });
  611. },
  612. render() {
  613. return (
  614. <div className="patent-addNew">
  615. <Modal maskClosable={false} title="高企管理" visible={this.state.visible}
  616. onOk={this.handleOk} onCancel={this.handleCancel}
  617. width='1000px'
  618. footer='' >
  619. <Spin spinning={this.state.loading} className='spin-box'>
  620. <CognizanceDescFrom
  621. visible={this.state.visible}
  622. contactsOption={this.props.contactsOption}
  623. authorOption={this.props.authorOption}
  624. data={this.props.data}
  625. spinState={this.spinChange} closeModal={this.handleCancel} clickOk={this.handleOk} />
  626. </Spin>
  627. </Modal>
  628. </div>
  629. );
  630. }
  631. });
  632. const CognizanceAdd = React.createClass({
  633. getInitialState() {
  634. return {
  635. visible: false,
  636. loading: false,
  637. yearOption: []
  638. };
  639. },
  640. getContactsList(theUid) {
  641. $.ajax({
  642. method: "get",
  643. dataType: "json",
  644. crossDomain: false,
  645. url: globalConfig.context + "/api/admin/getContacts",
  646. data: {
  647. uid: theUid
  648. },
  649. success: function (data) {
  650. let theOption = [];
  651. if (data.error.length || !data.data) {
  652. return;
  653. };
  654. for (let item in data.data) {
  655. let theData = data.data[item];
  656. theOption.push(
  657. <Select.Option value={item} key={theData}>{theData}</Select.Option>
  658. );
  659. };
  660. this.setState({
  661. contactsOption: theOption
  662. });
  663. }.bind(this),
  664. });
  665. },
  666. componentWillReceiveProps(nextProps) {
  667. if (!this.props.showAdd && nextProps.showAdd) {
  668. this.state.year = undefined;
  669. this.state.contacts = undefined;
  670. this.state.comment = undefined;
  671. this.state.consultant = undefined;
  672. this.state.salesman = undefined;
  673. this.state.uid = undefined;
  674. };
  675. this.state.visible = nextProps.showAdd;
  676. },
  677. componentWillMount() {
  678. let d = new Date();
  679. let _me = this;
  680. d = d.getFullYear() - 1;
  681. this.state.thisYear = d;
  682. for (let i = d; i < d + 20; i++) {
  683. _me.state.yearOption.push(
  684. <Select.Option value={i.toString()} key={i}>{i}</Select.Option>
  685. )
  686. };
  687. },
  688. showModal() {
  689. this.setState({
  690. visible: true,
  691. });
  692. },
  693. handleOk() {
  694. this.setState({
  695. loading: true
  696. });
  697. if (!this.state.year) {
  698. message.warning('请选择年份!');
  699. this.setState({
  700. loading: false
  701. });
  702. return;
  703. };
  704. if (!this.state.contacts) {
  705. message.warning('请选择一个联系人!');
  706. this.setState({
  707. loading: false
  708. });
  709. return;
  710. };
  711. if (!this.state.salesman) {
  712. message.warning('请选择一个营销员!');
  713. this.setState({
  714. loading: false
  715. });
  716. return;
  717. };
  718. $.ajax({
  719. method: "POST",
  720. dataType: "json",
  721. crossDomain: false,
  722. url: globalConfig.context + "/api/admin/applyCognizance",
  723. data: {
  724. year: this.state.year,
  725. contacts: this.state.contacts,
  726. comment: this.state.comment,
  727. consultant: this.state.consultant,
  728. salesman: this.state.salesman,
  729. largeOrder: this.state.largeOrder,
  730. uid: this.state.uid
  731. }
  732. }).done(function (data) {
  733. if (!data.error.length) {
  734. message.success('保存成功!');
  735. this.setState({
  736. visible: false,
  737. loading: false
  738. });
  739. this.props.closeAdd(false, true);
  740. } else {
  741. message.warning(data.error[0].message);
  742. this.setState({
  743. loading: false
  744. });
  745. }
  746. }.bind(this));
  747. },
  748. handleCancel(e) {
  749. this.setState({
  750. visible: false,
  751. });
  752. this.props.closeAdd(false);
  753. },
  754. spinChange(e) {
  755. this.setState({
  756. loading: e
  757. });
  758. },
  759. render() {
  760. return (
  761. <div className="cognizance-add">
  762. <Modal maskClosable={false} title="高企申请" visible={this.state.visible}
  763. onOk={this.handleOk} onCancel={this.handleCancel}
  764. width='800px'
  765. footer={[
  766. <Button key="submit" type="primary" loading={this.state.loading} onClick={this.handleOk}>
  767. 提交
  768. </Button>,
  769. <Button key="back" onClick={this.handleCancel}>
  770. 返回
  771. </Button>,
  772. ]} >
  773. <Spin spinning={this.state.loading} className='spin-box'>
  774. <div className="clearfix" style={{ marginBottom: '10px' }}>
  775. <div className="half-item">
  776. <span>选择公司: </span>
  777. <Select
  778. placeholder="请选择公司"
  779. style={{ width: 260 }}
  780. showSearch
  781. filterOption={companySearch}
  782. value={this.state.uid}
  783. onSelect={(e, n) => { this.setState({ uid: e }); this.getContactsList(e); }}>
  784. {this.props.companyOption}
  785. </Select>
  786. </div>
  787. </div>
  788. <div className="clearfix">
  789. <div className="half-item">
  790. <span>选择申请年份: </span>
  791. <Select placeholder="请选择年份" style={{ width: 200 }}
  792. value={this.state.year}
  793. onSelect={(e, n) => { this.setState({ year: e }); }}>
  794. {this.state.yearOption}
  795. </Select>
  796. </div>
  797. <div className="half-item">
  798. <span>订单金额超过十万: </span>
  799. <Radio.Group onChange={(e) => { this.state.largeOrder = e.target.value }}>
  800. <Radio value="0">否</Radio>
  801. <Radio value="1">是</Radio>
  802. </Radio.Group>
  803. </div>
  804. <div className="half-item">
  805. <span>选择联系人: </span>
  806. <Select placeholder="请选择联系人" style={{ width: 200 }}
  807. value={this.state.contacts}
  808. onSelect={(e, n) => { this.setState({ contacts: e }); }}>
  809. {this.state.contactsOption}
  810. </Select>
  811. </div>
  812. </div>
  813. <div>
  814. <div>
  815. <span>派单详情: </span>
  816. <Input type="textarea" rows={6}
  817. value={this.state.comment}
  818. onChange={(e) => { this.setState({ comment: e.target.value }); }} />
  819. </div>
  820. </div>
  821. <div className="clearfix" style={{ marginTop: 20 }}>
  822. <div className="half-item">
  823. <span>选择营销员: </span>
  824. <Select placeholder="请选择营销员" style={{ width: 200 }}
  825. value={this.state.salesman}
  826. onSelect={(e, n) => { this.setState({ salesman: e }); }}>
  827. {this.props.salesmanOption}
  828. </Select>
  829. </div>
  830. </div>
  831. </Spin>
  832. </Modal>
  833. </div>
  834. );
  835. }
  836. });
  837. const Cognizance = React.createClass({
  838. loadData(pageNo) {
  839. this.state.data = [];
  840. this.setState({
  841. loading: true
  842. });
  843. $.ajax({
  844. method: "post",
  845. dataType: "json",
  846. crossDomain: false,
  847. url: globalConfig.context + "/api/admin/listCognizance",
  848. data: {
  849. pageNo: pageNo || 1,
  850. pageSize: this.state.pagination.pageSize,
  851. locationProvince: this.state.province ? this.state.province[0] : undefined,
  852. uid: this.state.unitName,
  853. contractId: this.state.contractId
  854. },
  855. success: function (data) {
  856. let theArr = [];
  857. if (data.error.length || !data.data || !data.data.list) {
  858. message.warning(data.error[0].message);
  859. return;
  860. };
  861. for (let i = 0; i < data.data.list.length; i++) {
  862. let thisdata = data.data.list[i];
  863. theArr.push({
  864. key: i,
  865. uid: thisdata.uid,
  866. cid: thisdata.cid,
  867. year: thisdata.year,
  868. contractNumber: thisdata.contractNumber,
  869. serialNumber: thisdata.serialNumber,
  870. locationProvince: thisdata.locationProvince,
  871. unitName: thisdata.unitName,
  872. largeOrder: thisdata.largeOrder,
  873. contacts: [thisdata.contacts, {
  874. '1': thisdata.firstContacts,
  875. '2': thisdata.secondContacts,
  876. '3': thisdata.thirdContacts
  877. }],
  878. createTime: thisdata.createTime,
  879. comment: thisdata.comment,
  880. state: thisdata.state,
  881. certificateNumber: thisdata.certificateNumber,
  882. issuingDate: thisdata.issuingDate,
  883. consultant: thisdata.consultant,
  884. createTimeFormattedDate: thisdata.createTimeFormattedDate,
  885. issuingDateFormattedDate: thisdata.issuingDateFormattedDate,
  886. founder: thisdata.founder
  887. });
  888. };
  889. this.state.pagination.current = data.data.pageNo;
  890. this.state.pagination.total = data.data.totalCount;
  891. this.setState({
  892. dataSource: theArr,
  893. pagination: this.state.pagination
  894. });
  895. }.bind(this),
  896. }).always(function () {
  897. this.setState({
  898. loading: false
  899. });
  900. }.bind(this));
  901. },
  902. getAuthorList() {
  903. this.setState({
  904. loading: true
  905. });
  906. $.ajax({
  907. method: "get",
  908. dataType: "json",
  909. crossDomain: false,
  910. url: globalConfig.context + "/api/admin/getPrincipal",
  911. success: function (data) {
  912. if (!data.data) {
  913. if (data.error && data.error.length) {
  914. message.warning(data.error[0].message);
  915. };
  916. return;
  917. };
  918. let _me = this;
  919. for (var item in data.data) {
  920. _me.state.authorOption.push(
  921. <Select.Option value={item} key={item}>{data.data[item]}</Select.Option>
  922. )
  923. };
  924. }.bind(this),
  925. }).always(function () {
  926. this.setState({
  927. loading: false
  928. });
  929. }.bind(this));
  930. },
  931. getSalesmanList() {
  932. this.setState({
  933. loading: true
  934. });
  935. $.ajax({
  936. method: "get",
  937. dataType: "json",
  938. crossDomain: false,
  939. url: globalConfig.context + "/api/admin/salesman",
  940. success: function (data) {
  941. if (!data.data) {
  942. if (data.error && data.error.length) {
  943. message.warning(data.error[0].message);
  944. }
  945. return;
  946. };
  947. let _me = this, theArr = [];
  948. for (var item in data.data) {
  949. theArr.push(
  950. <Select.Option value={item} key={item}>{data.data[item]}</Select.Option>
  951. )
  952. };
  953. this.setState({
  954. salesmanOption: theArr
  955. });
  956. }.bind(this),
  957. }).always(function () {
  958. this.setState({
  959. loading: false
  960. });
  961. }.bind(this));
  962. },
  963. getCompanyList() {
  964. this.setState({
  965. loading: true
  966. });
  967. $.ajax({
  968. method: "get",
  969. dataType: "json",
  970. crossDomain: false,
  971. url: globalConfig.context + "/api/admin/getUnitNames",
  972. success: function (data) {
  973. if (data.error.length || !data.data) {
  974. return;
  975. };
  976. let _me = this;
  977. for (var item in data.data) {
  978. _me.state.companyOption.push(
  979. <Select.Option value={item} key={item}>{data.data[item]}</Select.Option>
  980. )
  981. };
  982. }.bind(this),
  983. }).always(function () {
  984. this.setState({
  985. loading: false
  986. });
  987. }.bind(this));
  988. },
  989. getInitialState() {
  990. return {
  991. companyOption: [],
  992. authorOption: [],
  993. selectedRowKeys: [],
  994. selectedRows: [],
  995. loading: false,
  996. showAdd: false,
  997. showDesc: false,
  998. pagination: {
  999. defaultCurrent: 1,
  1000. defaultPageSize: 10,
  1001. showQuickJumper: true,
  1002. pageSize: 10,
  1003. onChange: function (page) {
  1004. this.loadData(page);
  1005. }.bind(this),
  1006. showTotal: function (total) {
  1007. return '共' + total + '条数据';
  1008. }
  1009. },
  1010. columns: [
  1011. {
  1012. title: '编号',
  1013. dataIndex: 'serialNumber',
  1014. key: 'serialNumber'
  1015. }, {
  1016. title: '省份',
  1017. dataIndex: 'locationProvince',
  1018. key: 'locationProvince',
  1019. render: text => { return getProvince(text) }
  1020. }, {
  1021. title: '公司',
  1022. dataIndex: 'unitName',
  1023. key: 'unitName'
  1024. }, {
  1025. title: '联系人',
  1026. dataIndex: 'contacts',
  1027. key: 'contacts',
  1028. render: (text) => {
  1029. for (let item in text[1]) {
  1030. if (text[0] == item) {
  1031. return text[1][item];
  1032. };
  1033. };
  1034. }
  1035. }, {
  1036. title: '合同编号',
  1037. dataIndex: 'contractNumber',
  1038. key: 'contractNumber'
  1039. }, {
  1040. title: '年份',
  1041. dataIndex: 'year',
  1042. key: 'year'
  1043. }, {
  1044. title: '派单日',
  1045. dataIndex: 'createTimeFormattedDate',
  1046. key: 'createTimeFormattedDate'
  1047. }, {
  1048. title: '状态',
  1049. dataIndex: 'state',
  1050. key: 'state',
  1051. render: (text) => { return getCognizanceState(text) }
  1052. }, {
  1053. title: '证书编号',
  1054. dataIndex: 'certificateNumber',
  1055. key: 'certificateNumber'
  1056. }, {
  1057. title: '发证日',
  1058. dataIndex: 'issuingDateFormattedDate',
  1059. key: 'issuingDateFormattedDate'
  1060. }, {
  1061. title: '到期日',
  1062. dataIndex: 'issuingDate',
  1063. key: 'issuingDate',
  1064. render: (text) => { return getTime(text, 36) }
  1065. }, {
  1066. title: '创建人',
  1067. dataIndex: 'founder',
  1068. key: 'founder'
  1069. }
  1070. ],
  1071. dataSource: []
  1072. };
  1073. },
  1074. getContractList() {
  1075. this.setState({
  1076. loading: true
  1077. });
  1078. $.ajax({
  1079. method: "get",
  1080. dataType: "json",
  1081. crossDomain: false,
  1082. url: globalConfig.context + "/api/admin/contract/serialNumber",
  1083. success: function (data) {
  1084. if (!data.data) {
  1085. if (data.error && data.error.length) {
  1086. message.warning(data.error[0].message);
  1087. };
  1088. return;
  1089. };
  1090. let theArr = [];
  1091. for (let i = 0; i < data.data.length; i++) {
  1092. let item = data.data[i];
  1093. theArr.push(
  1094. <Select.Option value={item.contractId} key={item.contractId}>{item.serialNumber}</Select.Option>
  1095. );
  1096. };
  1097. this.setState({
  1098. contractListOption: theArr
  1099. });
  1100. }.bind(this),
  1101. }).always(function () {
  1102. this.setState({
  1103. loading: false
  1104. });
  1105. }.bind(this));
  1106. },
  1107. componentWillMount() {
  1108. let _me = this;
  1109. this.getAuthorList();
  1110. this.getSalesmanList();
  1111. this.getCompanyList();
  1112. this.getContractList();
  1113. if (window.location.search) {
  1114. let theObj = getSearchUrl(window.location.search);
  1115. if (theObj.rid) {
  1116. theObj.cid = theObj.rid;
  1117. if (theObj.rid != 'null' && theObj.uid != 'null' && theObj.year != 'null') {
  1118. this.tableRowClick(theObj);
  1119. };
  1120. } else {
  1121. if (theObj.uid) {
  1122. this.state.unitName = theObj.uid;
  1123. } else if (theObj.contractId) {
  1124. this.state.contractId = theObj.contractId;
  1125. };
  1126. };
  1127. };
  1128. this.loadData();
  1129. // this.getContactsList();
  1130. },
  1131. tableRowClick(record, index) {
  1132. this.state.RowData = record;
  1133. this.setState({
  1134. showDesc: true
  1135. });
  1136. },
  1137. addClick() {
  1138. this.setState({
  1139. showAdd: true
  1140. });
  1141. },
  1142. delectRow() {
  1143. let deletedIds = [];
  1144. for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
  1145. let rowItem = this.state.selectedRows[idx];
  1146. if (rowItem.cid) {
  1147. deletedIds.push(rowItem.cid)
  1148. }
  1149. }
  1150. this.setState({
  1151. selectedRowKeys: [],
  1152. loading: deletedIds.length > 0
  1153. });
  1154. $.ajax({
  1155. method: "POST",
  1156. dataType: "json",
  1157. crossDomain: false,
  1158. url: globalConfig.context + "/api/admin/deleteCognizance",
  1159. data: {
  1160. ids: deletedIds
  1161. }
  1162. }).done(function (data) {
  1163. if (!data.error.length) {
  1164. message.success('删除成功!');
  1165. this.setState({
  1166. loading: false,
  1167. });
  1168. } else {
  1169. message.warning(data.error[0].message);
  1170. };
  1171. this.loadData();
  1172. }.bind(this));
  1173. },
  1174. closeDesc(e, s) {
  1175. this.state.showDesc = e;
  1176. if (s) {
  1177. this.loadData();
  1178. };
  1179. },
  1180. closeAdd(e, s) {
  1181. this.state.showAdd = e;
  1182. if (s) {
  1183. this.loadData();
  1184. };
  1185. },
  1186. search() {
  1187. this.loadData();
  1188. },
  1189. reset() {
  1190. this.state.province = undefined;
  1191. this.state.unitName = undefined;
  1192. this.state.contractId = undefined;
  1193. this.loadData();
  1194. },
  1195. render() {
  1196. const rowSelection = {
  1197. selectedRowKeys: this.state.selectedRowKeys,
  1198. onChange: (selectedRowKeys, selectedRows) => {
  1199. this.setState({
  1200. selectedRows: selectedRows,
  1201. selectedRowKeys: selectedRowKeys
  1202. });
  1203. }
  1204. };
  1205. const hasSelected = this.state.selectedRowKeys.length > 0;
  1206. return (
  1207. <div className="foster-content" >
  1208. <div className="content-title">
  1209. <span>高企申请管理</span>
  1210. </div>
  1211. <div className="foster-query">
  1212. <Cascader placeholder="选择省份"
  1213. style={{ width: 100, marginTop: "-4px", marginRight: '20px' }}
  1214. value={this.state.province}
  1215. options={provinceSelect()}
  1216. showSearch
  1217. filterOption={companySearch}
  1218. onChange={(e) => { this.setState({ province: e }) }} />
  1219. <Select placeholder="选择公司"
  1220. style={{ width: 200 }}
  1221. value={this.state.unitName}
  1222. showSearch
  1223. filterOption={companySearch}
  1224. onChange={(e) => { this.setState({ unitName: e }) }}>
  1225. {this.state.companyOption}
  1226. </Select>
  1227. <Select placeholder="选择合同编号"
  1228. style={{ width: 120 }}
  1229. value={this.state.contractId}
  1230. showSearch
  1231. filterOption={companySearch}
  1232. onChange={(e) => { this.setState({ contractId: e }) }}>
  1233. {this.state.contractListOption}
  1234. </Select>
  1235. <Button type="primary" onClick={this.search}>搜索</Button>
  1236. <Button onClick={this.reset}>重置</Button>
  1237. <Button style={{ background: "#3fcf9e", border: "none", color: "#fff" }}
  1238. disabled={!hasSelected}
  1239. onClick={this.delectRow}>删除<Icon type="minus" /></Button>
  1240. </div>
  1241. <div className="patent-table">
  1242. <Spin spinning={this.state.loading}>
  1243. <Table columns={this.state.columns}
  1244. dataSource={this.state.dataSource}
  1245. pagination={this.state.pagination}
  1246. rowSelection={rowSelection}
  1247. onRowClick={this.tableRowClick} />
  1248. </Spin>
  1249. </div>
  1250. <CognizanceDesc
  1251. data={this.state.RowData}
  1252. authorOption={this.state.authorOption}
  1253. showDesc={this.state.showDesc}
  1254. closeDesc={this.closeDesc} />
  1255. <CognizanceAdd
  1256. authorOption={this.state.authorOption}
  1257. salesmanOption={this.state.salesmanOption}
  1258. companyOption={this.state.companyOption}
  1259. showAdd={this.state.showAdd}
  1260. closeAdd={this.closeAdd} />
  1261. </div >
  1262. );
  1263. }
  1264. });
  1265. export default Cognizance;
  1266. //<Button style={{ background: "#ea0862", border: "none", color: "#fff", float: 'right' }}
  1267. //onClick={this.addClick}>添加新申请<Icon type="plus" /></Button>