auditDesc.jsx 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979
  1. import React from 'react';
  2. import { Tabs, Table, Icon, Tooltip, Modal, message, AutoComplete, Spin, Upload, Input, InputNumber, Select, Button, Radio, Form, Cascader, Tag, Switch } from 'antd';
  3. import '../techAchievement.less';
  4. import ajax from 'jquery/src/ajax/xhr.js';
  5. import $ from 'jquery/src/ajax';
  6. import { maturityList, innovationList, transferModeList } from '../../../dataDic';
  7. import { IndustryObject, getIndustryCategory } from '../../../DicIndustryList.js';
  8. import { beforeUploadFile, splitUrl, companySearch, getTransferMode, getAchievementCategory, getTechAuditStatus, getDemandType, getMaturity, getInnovation,beforeUpload, getBase64,getboutique } from '../../../tools.js';
  9. import throttle from '../../../throttle.js';
  10. const KeyWordTagGroup = React.createClass({
  11. getInitialState() {
  12. return {
  13. tags: [],
  14. inputVisible: false,
  15. inputValue: ''
  16. };
  17. },
  18. handleClose(removedTag) {
  19. const tags = this.state.tags.filter(tag => tag !== removedTag);
  20. this.props.tagsArr(tags);
  21. this.setState({ tags });
  22. },
  23. showInput() {
  24. this.setState({ inputVisible: true }, () => this.input.focus());
  25. },
  26. handleInputChange(e) {
  27. this.setState({ inputValue: e.target.value });
  28. },
  29. handleInputConfirm() {
  30. const state = this.state;
  31. const inputValue = state.inputValue;
  32. let tags = state.tags;
  33. if (inputValue && tags.indexOf(inputValue) === -1 && inputValue.replace(/(^\s*)|(\s*$)/g, "").length != 0) {
  34. tags = [...tags, inputValue.replace(/(^\s*)|(\s*$)/g, "")];
  35. };
  36. this.props.tagsArr(tags);
  37. this.setState({
  38. tags,
  39. inputVisible: false,
  40. inputValue: '',
  41. });
  42. },
  43. componentWillMount() {
  44. this.state.tags = this.props.keyWordArr;
  45. },
  46. componentWillReceiveProps(nextProps) {
  47. if (this.props.keyWordArr != nextProps.keyWordArr) {
  48. this.state.tags = nextProps.keyWordArr;
  49. };
  50. },
  51. render() {
  52. const { tags, inputVisible, inputValue } = this.state;
  53. return (
  54. <div className="keyWord-tips">
  55. {tags.map((tag, index) => {
  56. const isLongTag = tag.length > 10;
  57. const tagElem = (
  58. <Tag key={tag} closable={index !== -1} afterClose={() => this.handleClose(tag)}>
  59. {isLongTag ? `${tag.slice(0, 10)}...` : tag}
  60. </Tag>
  61. );
  62. return isLongTag ? <Tooltip key={tag} title={tag}>{tagElem}</Tooltip> : tagElem;
  63. })}
  64. {inputVisible && (
  65. <Input
  66. ref={input => this.input = input}
  67. type="text"
  68. style={{ width: 78 }}
  69. value={inputValue}
  70. onChange={this.handleInputChange}
  71. onBlur={this.handleInputConfirm}
  72. onPressEnter={this.handleInputConfirm}
  73. />
  74. )}
  75. {!inputVisible && <Button className="addtips" type="dashed" disabled={tags.length > 9 ? true : false} onClick={this.showInput}>+ 新关键词</Button>}
  76. </div>
  77. );
  78. }
  79. });
  80. const PicturesWall = React.createClass({
  81. getInitialState() {
  82. return {
  83. previewVisible: false,
  84. previewImage: '',
  85. fileList: [],
  86. }
  87. },
  88. handleCancel() {
  89. this.setState({ previewVisible: false })
  90. },
  91. handlePreview(file) {
  92. this.setState({
  93. previewImage: file.url || file.thumbUrl,
  94. previewVisible: true,
  95. });
  96. },
  97. handleChange(info) {
  98. let fileList = info.fileList;
  99. this.setState({ fileList });
  100. this.props.fileList(fileList);
  101. },
  102. componentWillReceiveProps(nextProps) {
  103. this.state.fileList = nextProps.pictureUrl;
  104. },
  105. render() {
  106. const { previewVisible, previewImage, fileList } = this.state;
  107. const uploadButton = (
  108. <div>
  109. <Icon type="plus" />
  110. <div className="ant-upload-text">点击上传</div>
  111. </div>
  112. );
  113. return (
  114. <div className="clearfix">
  115. <Upload
  116. action={globalConfig.context + "/api/admin/achievement/uploadPicture"}
  117. data={{ 'sign': this.props.pictureSign }}
  118. listType="picture-card"
  119. fileList={fileList}
  120. onPreview={this.handlePreview}
  121. onChange={this.handleChange} >
  122. {fileList.length >= 5 ? null : uploadButton}
  123. </Upload>
  124. <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
  125. <img alt="example" style={{ width: '100%' }} src={previewImage} />
  126. </Modal>
  127. </div>
  128. );
  129. }
  130. });
  131. const AchievementDetailShow = Form.create()(React.createClass({
  132. getInitialState() {
  133. return {
  134. loading: false,
  135. buttonLoading: false,
  136. contactsObj: {},
  137. data: {},
  138. tags: [],
  139. technicalPictureUrl: [],
  140. coverImg: [],
  141. maturityPictureUrl: [],
  142. textFileList: [],
  143. techPlanFileList: [],
  144. businessPlanFileList: []
  145. };
  146. },
  147. loadData(id, detailApiUrl,ownerType) {
  148. this.setState({
  149. loading: true
  150. });
  151. $.ajax({
  152. method: "get",
  153. dataType: "json",
  154. crossDomain: false,
  155. url: globalConfig.context + detailApiUrl,
  156. data: {
  157. id: id,
  158. ownerType:ownerType?ownerType:this.props.data.ownerType
  159. },
  160. success: function (data) {
  161. let thisData = data.data;
  162. if (!thisData) {
  163. if (data.error && data.error.length) {
  164. message.warning(data.error[0].message);
  165. };
  166. thisData = {};
  167. };
  168. this.setState({
  169. data: thisData,
  170. orgDisplay: thisData.ownerType,
  171. switchValue: Boolean(!thisData.ownerId),
  172. radios:thisData.hot==='1'?true:false,
  173. tags: thisData.keyword ? (thisData.keyword.replace(/(,|、)/g, ",")).split(',') : [],
  174. technicalPictureUrl: thisData.technicalPictureUrl ? splitUrl(thisData.technicalPictureUrl, ',', globalConfig.avatarHost + '/upload') : [],
  175. coverImg: thisData.coverImg ? splitUrl(thisData.coverImg, ',', globalConfig.avatarHost + '/upload') : [],
  176. maturityPictureUrl: thisData.maturityPictureUrl ? splitUrl(thisData.maturityPictureUrl, ',', globalConfig.avatarHost + '/upload') : [],
  177. });
  178. if (thisData.ownerId) {
  179. this.getContactsList(thisData.ownerId);
  180. };
  181. }.bind(this),
  182. }).always(function () {
  183. this.setState({
  184. loading: false
  185. });
  186. }.bind(this));
  187. },
  188. offShelf() {
  189. this.setState({
  190. loading: true
  191. });
  192. $.ajax({
  193. method: "post",
  194. dataType: "json",
  195. crossDomain: false,
  196. url: globalConfig.context + "/api/admin/achievement/offShelf",
  197. data: { "id": this.props.data.id }
  198. }).done(function (data) {
  199. if (!data.error.length) {
  200. message.success('撤销成功!');
  201. this.setState({
  202. visible: false,
  203. releaseSubmitVisible: false
  204. });
  205. this.props.handleOk();
  206. } else {
  207. message.warning(data.error[0].message);
  208. }
  209. }.bind(this));
  210. },
  211. modifyBroker() {
  212. this.props.form.validateFields((err, values) => {
  213. if (!err) {
  214. this.setState({
  215. loading: true
  216. });
  217. $.ajax({
  218. method: "POST",
  219. dataType: "json",
  220. crossDomain: false,
  221. url: globalConfig.context + '/api/admin/audit/modifyAchievementTechBroker',
  222. data: {
  223. id: this.props.data.id,
  224. techBrokerId: values.modifyTechBrokerId
  225. }
  226. }).done(function (data) {
  227. this.state.auditStatus = 0;
  228. this.setState({
  229. loading: false
  230. });
  231. if (data.error && data.error.length) {
  232. message.warning(data.error[0].message);
  233. } else {
  234. message.success('保存成功!');
  235. this.props.handleOk();
  236. };
  237. }.bind(this));
  238. }
  239. });
  240. },
  241. formSubmit() {
  242. this.props.form.validateFields((err, values) => {
  243. if (values.auditStatus == 3 && !values.techBrokerId) {
  244. message.warning('必须选择一个技术经纪人!');
  245. return
  246. };
  247. if (!err) {
  248. this.setState({
  249. loading: true
  250. });
  251. $.ajax({
  252. method: "POST",
  253. dataType: "json",
  254. crossDomain: false,
  255. url: globalConfig.context + '/api/admin/audit/achievement',
  256. data: {
  257. id: this.props.data.id,
  258. techBroderId: values.techBrokerId,
  259. auditStatus: values.auditStatus,
  260. releaseStatus:0
  261. }
  262. }).done(function (data) {
  263. this.state.auditStatus = 0;
  264. this.setState({
  265. loading: false
  266. });
  267. if (!data.error.length) {
  268. message.success('保存成功!');
  269. this.setState({
  270. formSubmitVisible: false
  271. });
  272. this.props.handleOk();
  273. } else {
  274. message.warning(data.error[0].message);
  275. };
  276. }.bind(this));
  277. }
  278. });
  279. },
  280. handleSubmit(e) {
  281. e.preventDefault();
  282. this.props.form.validateFields((err, values) => {
  283. if (values.auditStatus == 4) {
  284. this.setState({
  285. formSubmitVisible: true
  286. });
  287. } else {
  288. this.formSubmit();
  289. };
  290. });
  291. },
  292. buildMatchList() {
  293. this.setState({
  294. buttonLoading: true
  295. });
  296. $.ajax({
  297. method: "POST",
  298. dataType: "json",
  299. crossDomain: false,
  300. url: globalConfig.context + '/api/admin/achievement/matchDemand',
  301. data: {
  302. id: this.props.data.id,
  303. }
  304. }).done(function (data) {
  305. this.setState({
  306. buttonLoading: false
  307. });
  308. if (!data.error.length) {
  309. message.success('匹配完成!匹配到' + data.data + '条记录');
  310. } else {
  311. message.warning(data.error[0].message);
  312. };
  313. }.bind(this));
  314. },
  315. getContactsList(theUid) {
  316. $.ajax({
  317. method: "get",
  318. dataType: "json",
  319. crossDomain: false,
  320. url: globalConfig.context + "/api/admin/getContacts",
  321. data: {
  322. uid: theUid
  323. },
  324. success: function (data) {
  325. if (!data.data) {
  326. if (data.error && data.error.length) {
  327. message.warning(data.error[0].message);
  328. return;
  329. };
  330. } else {
  331. this.setState({
  332. contactsObj: data.data || {}
  333. });
  334. };
  335. }.bind(this),
  336. });
  337. },
  338. componentWillMount() {
  339. this.loadData(this.props.data.id, this.props.detailApiUrl,this.props.data.ownerType);
  340. },
  341. componentWillReceiveProps(nextProps) {
  342. if (!this.props.visible && nextProps.visible) {
  343. this.loadData(nextProps.data.id, nextProps.detailApiUrl,nextProps.data.ownerType);
  344. this.state.textFileList = [];
  345. this.state.techPlanFileList = [];
  346. this.state.businessPlanFileList = [];
  347. this.props.form.resetFields();
  348. };
  349. },
  350. render() {
  351. const theData = this.state.data || {};
  352. const { getFieldDecorator } = this.props.form;
  353. const FormItem = Form.Item
  354. const formItemLayout = {
  355. labelCol: { span: 8 },
  356. wrapperCol: { span: 14 },
  357. };
  358. return (
  359. <Form horizontal onSubmit={this.handleSubmit} id="demand-form">
  360. <Spin spinning={this.state.loading}>
  361. <div className="clearfix">
  362. <FormItem className="half-item"
  363. {...formItemLayout}
  364. label="编号" >
  365. <span>{theData.serialNumber}</span>
  366. </FormItem>
  367. <FormItem className="half-item"
  368. {...formItemLayout}
  369. label="名称" >
  370. <span>{theData.name}</span>
  371. </FormItem>
  372. <FormItem className="half-item"
  373. {...formItemLayout}
  374. label="数据类别" >
  375. {(() => {
  376. switch (theData.dataCategory) {
  377. case "0":
  378. return <span>成果</span>;
  379. case "1":
  380. return <span>技术</span>;
  381. case "2":
  382. return <span>项目</span>;
  383. }
  384. })()}
  385. </FormItem>
  386. <FormItem className="half-item"
  387. {...formItemLayout}
  388. label="类型" >
  389. <span>{getAchievementCategory(theData.category)}</span>
  390. </FormItem>
  391. <FormItem className="half-item"
  392. {...formItemLayout}
  393. label="精品成果" >
  394. {(() => {
  395. switch (theData.boutique) {
  396. case "0":
  397. return <span>否</span>;
  398. case "1":
  399. return <span>是</span>;
  400. }
  401. })()}
  402. </FormItem>
  403. <FormItem className="half-item"
  404. {...formItemLayout}
  405. label="首页展示" >
  406. {(() => {
  407. switch (theData.hot) {
  408. case "0":
  409. return <span>否</span>;
  410. case "1":
  411. return <span>是</span>;
  412. }
  413. })()}
  414. </FormItem>
  415. </div>
  416. {this.state.radios==true ?<FormItem
  417. labelCol={{ span: 4 }}
  418. wrapperCol={{ span: 18 }}
  419. label="首页展示图片:" >
  420. <div className="clearfix">
  421. <Upload className="demandDetailShow-upload"
  422. listType="picture-card"
  423. fileList={this.state.coverImg}
  424. onPreview={(file) => {
  425. this.setState({
  426. previewImage: file.url || file.thumbUrl,
  427. previewVisible: true,
  428. });
  429. }} >
  430. </Upload>
  431. <Modal maskClosable={false} footer={null}
  432. visible={this.state.previewVisible}
  433. onCancel={() => { this.setState({ previewVisible: false }) }}>
  434. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  435. </Modal>
  436. </div>
  437. </FormItem>:<div></div>}
  438. <div className="clearfix">
  439. <FormItem className="half-item"
  440. {...formItemLayout}
  441. label="是否发布" >
  442. <span>未发布</span>
  443. </FormItem>
  444. <FormItem className="half-item"
  445. {...formItemLayout}
  446. label="发布时间" >
  447. <span>{theData.releaseDateFormattedDate}</span>
  448. </FormItem>
  449. <FormItem className="half-item"
  450. {...formItemLayout}
  451. label="审核状态" >
  452. <span>{getTechAuditStatus(theData.auditStatus)}</span>
  453. </FormItem>
  454. <FormItem className="half-item"
  455. {...formItemLayout}
  456. label="是否国际" >
  457. <span>{getboutique(theData.internationalFlag)}</span>
  458. </FormItem>
  459. </div>
  460. <FormItem
  461. labelCol={{ span: 4 }}
  462. wrapperCol={{ span: 18 }}
  463. label="关键词" >
  464. {this.state.tags.map((tag) => {
  465. return <Tooltip key={tag} title={tag}>
  466. <Tag key={tag}>{tag}</Tag>
  467. </Tooltip>;
  468. })}
  469. </FormItem>
  470. <FormItem
  471. labelCol={{ span: 4 }}
  472. wrapperCol={{ span: 18 }}
  473. label="摘要" >
  474. <span>{theData.summary}</span>
  475. </FormItem>
  476. <FormItem
  477. labelCol={{ span: 4 }}
  478. wrapperCol={{ span: 18 }}
  479. label="成果简介" >
  480. <span>{theData.introduction}</span>
  481. </FormItem>
  482. <FormItem
  483. labelCol={{ span: 4 }}
  484. wrapperCol={{ span: 18 }}
  485. label="备注" >
  486. <span>{theData.remark}</span>
  487. </FormItem>
  488. <FormItem
  489. labelCol={{ span: 4 }}
  490. wrapperCol={{ span: 18 }}
  491. label="技术图片" >
  492. <div className="clearfix">
  493. <Upload className="demandDetailShow-upload"
  494. listType="picture-card"
  495. fileList={this.state.technicalPictureUrl}
  496. onPreview={(file) => {
  497. this.setState({
  498. previewImage: file.url || file.thumbUrl,
  499. previewVisible: true,
  500. });
  501. }} >
  502. </Upload>
  503. <Modal maskClosable={false} footer={null}
  504. visible={this.state.previewVisible}
  505. onCancel={() => { this.setState({ previewVisible: false }) }}>
  506. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  507. </Modal>
  508. </div>
  509. </FormItem>
  510. <FormItem
  511. labelCol={{ span: 4 }}
  512. wrapperCol={{ span: 18 }}
  513. label="应用领域" >
  514. <span>{getIndustryCategory(theData.fieldA, theData.fieldB)}</span>
  515. </FormItem>
  516. <div className="clearfix">
  517. <FormItem className="half-item"
  518. {...formItemLayout}
  519. label="成熟度" >
  520. <span>{getMaturity(theData.maturity)}</span>
  521. </FormItem>
  522. <FormItem className="half-item"
  523. {...formItemLayout}
  524. label="创新度" >
  525. <span>{getInnovation(theData.innovation)}</span>
  526. </FormItem>
  527. </div>
  528. <FormItem
  529. labelCol={{ span: 4 }}
  530. wrapperCol={{ span: 18 }}
  531. label="成熟度证明材料(图片)" >
  532. <Upload className="demandDetailShow-upload"
  533. listType="picture-card"
  534. fileList={this.state.maturityPictureUrl}
  535. onPreview={(file) => {
  536. this.setState({
  537. previewImage: file.url || file.thumbUrl,
  538. previewVisible: true,
  539. });
  540. }} >
  541. </Upload>
  542. </FormItem>
  543. <FormItem
  544. labelCol={{ span: 4 }}
  545. wrapperCol={{ span: 6 }}
  546. label="成熟度证明材料(文本)" >
  547. <p>{theData.maturityTextFileUrl ?
  548. <span className="download-file">
  549. <a onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/download?id=' + this.props.data.id + '&sign=achievement_maturity_text_file') }}>成熟度证明材料(文本文件)</a>
  550. </span>
  551. : <span><Icon type="exclamation-circle" style={{ color: '#ffbf00', marginRight: '6px' }} />未上传!</span>}</p>
  552. </FormItem>
  553. <FormItem
  554. labelCol={{ span: 4 }}
  555. wrapperCol={{ span: 18 }}
  556. label="成熟度证明材料(视频地址)" >
  557. <span>{theData.maturityVideoUrl}</span>
  558. </FormItem>
  559. {this.state.switchValue ?
  560. <div className="clearfix" >
  561. <FormItem className="half-item"
  562. {...formItemLayout}
  563. label="成果所有人名称" >
  564. <span>{theData.ownerName}</span>
  565. </FormItem>
  566. <FormItem className="half-item"
  567. {...formItemLayout}
  568. label="联系电话" >
  569. <span>{theData.ownerMobile}</span>
  570. </FormItem>
  571. <FormItem className="half-item"
  572. {...formItemLayout}
  573. label="证件号" >
  574. <span>{theData.ownerIdNumber}</span>
  575. </FormItem>
  576. <FormItem className="half-item"
  577. {...formItemLayout}
  578. label="电子邮箱" >
  579. <span>{theData.ownerEmail}</span>
  580. </FormItem>
  581. <FormItem className="half-item"
  582. {...formItemLayout}
  583. label="通讯地址" >
  584. <span>{theData.ownerPostalAddress}</span>
  585. </FormItem>
  586. </div> : <div className="clearfix" >
  587. <FormItem className="half-item"
  588. {...formItemLayout}
  589. label="成果所有人名称" >
  590. <span>{theData.iOwnerName}</span>
  591. </FormItem>
  592. <FormItem className="half-item"
  593. {...formItemLayout}
  594. label="联系电话" >
  595. {theData.ownerType == "1" ? <span>{this.state.contactsObj[theData.contacts]}</span> : <span>{theData.iOwnerMobile}</span>}
  596. </FormItem>
  597. <FormItem className="half-item"
  598. {...formItemLayout}
  599. label="证件号" >
  600. <span>{theData.iOwnerIdNumber}</span>
  601. </FormItem>
  602. <FormItem className="half-item"
  603. {...formItemLayout}
  604. label="电子邮箱" >
  605. <span>{theData.iOwnerEmail}</span>
  606. </FormItem>
  607. <FormItem className="half-item"
  608. {...formItemLayout}
  609. label="通讯地址" >
  610. <span>{theData.iOwnerPostalAddress}</span>
  611. </FormItem>
  612. </div>}
  613. <div className="clearfix">
  614. <FormItem className="half-item"
  615. {...formItemLayout}
  616. label="合作方式" >
  617. {(() => {
  618. switch (theData.cooperationMode) {
  619. case "0":
  620. return <span>技术转让</span>;
  621. case "1":
  622. return <span>授权生产</span>;
  623. }
  624. })()}
  625. </FormItem>
  626. <FormItem className="half-item"
  627. {...formItemLayout}
  628. label="转让方式" >
  629. <span>{getTransferMode(theData.transferMode)}</span>
  630. </FormItem>
  631. </div>
  632. <div className="clearfix">
  633. <FormItem className="half-item"
  634. {...formItemLayout}
  635. label="议价方式" >
  636. {(() => {
  637. switch (theData.bargainingMode) {
  638. case "0":
  639. return <span>面议</span>;
  640. case "1":
  641. return <span>定价</span>;
  642. }
  643. })()}
  644. </FormItem>
  645. {theData.bargainingMode == 0 ? <div></div> : <FormItem className="half-item"
  646. {...formItemLayout}
  647. label="转让价格" >
  648. <span>{theData.transferPrice} 万元</span>
  649. </FormItem>}
  650. </div>
  651. <FormItem
  652. labelCol={{ span: 4 }}
  653. wrapperCol={{ span: 18 }}
  654. label="技术场景" >
  655. <span>{theData.technicalScene}</span>
  656. </FormItem>
  657. <FormItem
  658. labelCol={{ span: 4 }}
  659. wrapperCol={{ span: 18 }}
  660. label="技术突破" >
  661. <span>{theData.breakthrough}</span>
  662. </FormItem>
  663. <FormItem
  664. labelCol={{ span: 4 }}
  665. wrapperCol={{ span: 18 }}
  666. label="专利情况" >
  667. <span>{theData.patentCase}</span>
  668. </FormItem>
  669. <FormItem
  670. labelCol={{ span: 4 }}
  671. wrapperCol={{ span: 18 }}
  672. label="获奖情况" >
  673. <span>{theData.awards}</span>
  674. </FormItem>
  675. <FormItem
  676. labelCol={{ span: 4 }}
  677. wrapperCol={{ span: 18 }}
  678. label="技术团队情况" >
  679. <span>{theData.teamDes}</span>
  680. </FormItem>
  681. <FormItem
  682. labelCol={{ span: 4 }}
  683. wrapperCol={{ span: 18 }}
  684. label="技术参数" >
  685. <span>{theData.parameter}</span>
  686. </FormItem>
  687. <FormItem
  688. labelCol={{ span: 4 }}
  689. wrapperCol={{ span: 6 }}
  690. label="技术方案" >
  691. <p>{theData.techPlanUrl ?
  692. <span className="download-file">
  693. <a onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/download?id=' + this.props.data.id + '&sign=achievement_tech_plan') }}>技术方案</a>
  694. </span>
  695. : <span><Icon type="exclamation-circle" style={{ color: '#ffbf00', marginRight: '6px' }} />未上传!</span>}</p>
  696. </FormItem>
  697. <FormItem
  698. labelCol={{ span: 4 }}
  699. wrapperCol={{ span: 6 }}
  700. label="商业计划书" >
  701. <p>{theData.businessPlanUrl ?
  702. <span className="download-file">
  703. <a onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/download?id=' + this.props.data.id + '&sign=achievement_business_plan') }}>商业计划书</a>
  704. </span>
  705. : <span><Icon type="exclamation-circle" style={{ color: '#ffbf00', marginRight: '6px' }} />未上传!</span>}</p>
  706. </FormItem>
  707. <div className="clearfix">
  708. <FormItem className="half-item"
  709. {...formItemLayout}
  710. label="审核状态" >
  711. {getFieldDecorator('auditStatus')(
  712. <Radio.Group>
  713. <Radio value={3}>审核通过</Radio>
  714. <Radio value={4}>审核未通过</Radio>
  715. </Radio.Group>
  716. )}
  717. </FormItem>
  718. <FormItem className="half-item"
  719. {...formItemLayout}
  720. label="技术经纪人" >
  721. {getFieldDecorator('techBrokerId', {
  722. initialValue: theData.techBrokerId
  723. })(
  724. <Select style={{ width: 260 }}
  725. placeholder="请选择技术经纪人"
  726. notFoundContent="未获取到经纪人列表"
  727. showSearch
  728. filterOption={companySearch}>
  729. {this.props.techBrodersOption}
  730. </Select>
  731. )}
  732. </FormItem>
  733. </div>
  734. {window.showAuditStatus && theData.auditStatus == 3 ? <div className="clearfix">
  735. <FormItem className="half-item"
  736. {...formItemLayout}
  737. label="指派新经纪人" >
  738. {getFieldDecorator('modifyTechBrokerId', {
  739. initialValue: theData.techBrokerId
  740. })(
  741. <Select style={{ width: 260 }}
  742. placeholder="请选择要指派的新经纪人"
  743. notFoundContent="未获取到经纪人列表"
  744. showSearch
  745. filterOption={companySearch}>
  746. {this.props.techBrodersOption}
  747. </Select>
  748. )}
  749. </FormItem>
  750. </div> : <div></div>}
  751. <FormItem wrapperCol={{ span: 12, offset: 4 }}>
  752. <Button className="set-submit" type="primary" htmlType="submit">确认</Button>
  753. <Button className="set-submit" type="ghost" onClick={this.props.closeDesc}>取消</Button>
  754. {window.showAuditStatus ? <Button className="set-submit" loading={this.state.buttonLoading} type="primary" onClick={this.buildMatchList} style={{"display":"none"}}>生成匹配列表</Button> : <span></span>}
  755. </FormItem>
  756. <Modal maskClosable={false} title="确认"
  757. visible={this.state.formSubmitVisible}
  758. width='360px'
  759. footer={null}
  760. onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
  761. <span>确认该需求审核未通过?</span>
  762. <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
  763. <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
  764. </Modal>
  765. </Spin>
  766. </Form >
  767. )
  768. }
  769. }));
  770. const AchievementDetail = React.createClass({
  771. getInitialState() {
  772. return {
  773. visible: false,
  774. tabsKey: 1,
  775. loading: false,
  776. columns: [
  777. {
  778. title: '编号',
  779. dataIndex: 'serialNumber',
  780. key: 'serialNumber',
  781. }, {
  782. title: '数据类型',
  783. dataIndex: 'dataCategory',
  784. key: 'dataCategory',
  785. render: text => {
  786. switch (text) {
  787. case "0":
  788. return <span>成果</span>;
  789. case "1":
  790. return <span>技术</span>;
  791. case "2":
  792. return <span>项目</span>;
  793. }
  794. }
  795. }, {
  796. title: '名称',
  797. dataIndex: 'name',
  798. key: 'name',
  799. }, {
  800. title: '关键字',
  801. dataIndex: 'keyword',
  802. key: 'keyword',
  803. }, {
  804. title: '类型',
  805. dataIndex: 'demandType',
  806. key: 'demandType',
  807. render: text => { return getDemandType(text); }
  808. }, {
  809. title: '所有人名称',
  810. dataIndex: 'theName',
  811. key: 'theName',
  812. }, {
  813. title: '发布时间',
  814. dataIndex: 'releaseDateFormattedDate',
  815. key: 'releaseDateFormattedDate',
  816. }, {
  817. title: '有效期限',
  818. dataIndex: 'validityPeriodFormattedDate',
  819. key: 'validityPeriodFormattedDate',
  820. },
  821. ],
  822. dataSource: [],
  823. };
  824. },
  825. getTechBrodersList() {
  826. this.setState({
  827. loading: true
  828. });
  829. $.ajax({
  830. method: "get",
  831. dataType: "json",
  832. crossDomain: false,
  833. url: globalConfig.context + "/api/admin/audit/techBroders",
  834. success: function (data) {
  835. if (!data.data) {
  836. if (data.error && data.error.length) {
  837. message.warning(data.error[0].message);
  838. }
  839. return;
  840. };
  841. let _me = this, theArr = [];
  842. for (var item in data.data) {
  843. theArr.push(
  844. <Select.Option key={item}>{data.data[item]}</Select.Option>
  845. )
  846. };
  847. this.setState({
  848. techBrodersOption: theArr,
  849. techBrodersObj: data.data
  850. });
  851. }.bind(this),
  852. }).always(function () {
  853. this.setState({
  854. loading: false
  855. });
  856. }.bind(this));
  857. },
  858. getTableList() {
  859. this.setState({
  860. loading: true
  861. });
  862. $.ajax({
  863. method: "get",
  864. dataType: "json",
  865. crossDomain: false,
  866. url: globalConfig.context + "/api/admin/achievement/achievementDemand",
  867. data: { id: this.props.data.id },
  868. success: function (data) {
  869. let theArr = [];
  870. if (!data.data) {
  871. if (data.error && data.error.length) {
  872. message.warning(data.error[0].message);
  873. };
  874. } else if (data.data.length) {
  875. for (let i = 0; i < data.data.length; i++) {
  876. let thisdata = data.data[i];
  877. theArr.push({
  878. key: i,
  879. id: thisdata.id,
  880. serialNumber: thisdata.serialNumber,
  881. dataCategory: thisdata.dataCategory,
  882. name: thisdata.name,
  883. keyword: thisdata.keyword,
  884. demandType: thisdata.demandType,
  885. theName: thisdata.username || thisdata.unitName,
  886. releaseDateFormattedDate: thisdata.releaseDateFormattedDate,
  887. validityPeriodFormattedDate: thisdata.validityPeriodFormattedDate,
  888. coverImg: thisdata.coverImg,
  889. hot: thisdata.hot,
  890. internationalFlag:thisdata.internationalFlag,
  891. });
  892. };
  893. };
  894. this.setState({
  895. dataSource: theArr,
  896. });
  897. }.bind(this),
  898. }).always(function () {
  899. this.setState({
  900. loading: false
  901. });
  902. }.bind(this));
  903. },
  904. tableRowClick(record, index) {
  905. window.open(globalConfig.context + '/portal/detail/demandDetail.html?id=' + record.id + '&type=' + record.dataCategory);
  906. },
  907. handleCancel(e) {
  908. this.setState({
  909. visible: false,
  910. });
  911. this.props.closeDesc(false);
  912. },
  913. handleOk(e) {
  914. this.setState({
  915. visible: false,
  916. });
  917. this.props.closeDesc(false, true);
  918. },
  919. componentWillMount() {
  920. this.getTechBrodersList();
  921. },
  922. componentWillReceiveProps(nextProps) {
  923. if (!this.state.visible && nextProps.showDesc) {
  924. this.state.tabsKey = "1";
  925. };
  926. this.state.visible = nextProps.showDesc;
  927. },
  928. render() {
  929. if (this.props.data) {
  930. return (
  931. <div className="patent-desc">
  932. <Modal maskClosable={false} visible={this.state.visible}
  933. onOk={this.checkPatentProcess} onCancel={this.handleCancel}
  934. width='1000px'
  935. footer=''
  936. className="admin-desc-content">
  937. <Spin spinning={this.state.loading}>
  938. <Tabs activeKey={this.state.tabsKey}
  939. onChange={(e) => {
  940. this.setState({ tabsKey: e });
  941. if (e == "2") {
  942. this.getTableList();
  943. };
  944. }} >
  945. <Tabs.TabPane tab="成果详情" key="1">
  946. <AchievementDetailShow
  947. data={this.props.data}
  948. detailApiUrl={this.props.detailApiUrl}
  949. techBrodersOption={this.state.techBrodersOption}
  950. techBrodersObj={this.state.techBrodersObj}
  951. closeDesc={this.handleCancel}
  952. visible={this.state.visible}
  953. handleOk={this.handleOk} />
  954. </Tabs.TabPane>
  955. <Tabs.TabPane tab="匹配列表" key="2" disabled={!this.props.data.id}>
  956. <Table columns={this.state.columns}
  957. dataSource={this.state.dataSource}
  958. pagination={false}
  959. onRowClick={this.tableRowClick} />
  960. </Tabs.TabPane>
  961. </Tabs>
  962. </Spin>
  963. </Modal>
  964. </div>
  965. );
  966. } else {
  967. return <div></div>
  968. }
  969. },
  970. });
  971. export default AchievementDetail;