auditDesc.jsx 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980
  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. console.log(nextProps)
  343. if (!this.props.visible && nextProps.visible) {
  344. this.loadData(nextProps.data.id, nextProps.detailApiUrl,nextProps.data.ownerType);
  345. this.state.textFileList = [];
  346. this.state.techPlanFileList = [];
  347. this.state.businessPlanFileList = [];
  348. this.props.form.resetFields();
  349. };
  350. },
  351. render() {
  352. const theData = this.state.data || {};
  353. const { getFieldDecorator } = this.props.form;
  354. const FormItem = Form.Item
  355. const formItemLayout = {
  356. labelCol: { span: 8 },
  357. wrapperCol: { span: 14 },
  358. };
  359. return (
  360. <Form horizontal onSubmit={this.handleSubmit} id="demand-form">
  361. <Spin spinning={this.state.loading}>
  362. <div className="clearfix">
  363. <FormItem className="half-item"
  364. {...formItemLayout}
  365. label="编号" >
  366. <span>{theData.serialNumber}</span>
  367. </FormItem>
  368. <FormItem className="half-item"
  369. {...formItemLayout}
  370. label="名称" >
  371. <span>{theData.name}</span>
  372. </FormItem>
  373. <FormItem className="half-item"
  374. {...formItemLayout}
  375. label="数据类别" >
  376. {(() => {
  377. switch (theData.dataCategory) {
  378. case "0":
  379. return <span>成果</span>;
  380. case "1":
  381. return <span>技术</span>;
  382. case "2":
  383. return <span>项目</span>;
  384. }
  385. })()}
  386. </FormItem>
  387. <FormItem className="half-item"
  388. {...formItemLayout}
  389. label="类型" >
  390. <span>{getAchievementCategory(theData.category)}</span>
  391. </FormItem>
  392. <FormItem className="half-item"
  393. {...formItemLayout}
  394. label="精品成果" >
  395. {(() => {
  396. switch (theData.boutique) {
  397. case "0":
  398. return <span>否</span>;
  399. case "1":
  400. return <span>是</span>;
  401. }
  402. })()}
  403. </FormItem>
  404. <FormItem className="half-item"
  405. {...formItemLayout}
  406. label="首页展示" >
  407. {(() => {
  408. switch (theData.hot) {
  409. case "0":
  410. return <span>否</span>;
  411. case "1":
  412. return <span>是</span>;
  413. }
  414. })()}
  415. </FormItem>
  416. </div>
  417. {this.state.radios==true ?<FormItem
  418. labelCol={{ span: 4 }}
  419. wrapperCol={{ span: 18 }}
  420. label="首页展示图片:" >
  421. <div className="clearfix">
  422. <Upload className="demandDetailShow-upload"
  423. listType="picture-card"
  424. fileList={this.state.coverImg}
  425. onPreview={(file) => {
  426. this.setState({
  427. previewImage: file.url || file.thumbUrl,
  428. previewVisible: true,
  429. });
  430. }} >
  431. </Upload>
  432. <Modal maskClosable={false} footer={null}
  433. visible={this.state.previewVisible}
  434. onCancel={() => { this.setState({ previewVisible: false }) }}>
  435. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  436. </Modal>
  437. </div>
  438. </FormItem>:<div></div>}
  439. <div className="clearfix">
  440. <FormItem className="half-item"
  441. {...formItemLayout}
  442. label="是否发布" >
  443. <span>未发布</span>
  444. </FormItem>
  445. <FormItem className="half-item"
  446. {...formItemLayout}
  447. label="发布时间" >
  448. <span>{theData.releaseDateFormattedDate}</span>
  449. </FormItem>
  450. <FormItem className="half-item"
  451. {...formItemLayout}
  452. label="审核状态" >
  453. <span>{getTechAuditStatus(theData.auditStatus)}</span>
  454. </FormItem>
  455. <FormItem className="half-item"
  456. {...formItemLayout}
  457. label="是否国际" >
  458. <span>{getboutique(theData.internationalFlag)}</span>
  459. </FormItem>
  460. </div>
  461. <FormItem
  462. labelCol={{ span: 4 }}
  463. wrapperCol={{ span: 18 }}
  464. label="关键词" >
  465. {this.state.tags.map((tag) => {
  466. return <Tooltip key={tag} title={tag}>
  467. <Tag key={tag}>{tag}</Tag>
  468. </Tooltip>;
  469. })}
  470. </FormItem>
  471. <FormItem
  472. labelCol={{ span: 4 }}
  473. wrapperCol={{ span: 18 }}
  474. label="摘要" >
  475. <span>{theData.summary}</span>
  476. </FormItem>
  477. <FormItem
  478. labelCol={{ span: 4 }}
  479. wrapperCol={{ span: 18 }}
  480. label="成果简介" >
  481. <span>{theData.introduction}</span>
  482. </FormItem>
  483. <FormItem
  484. labelCol={{ span: 4 }}
  485. wrapperCol={{ span: 18 }}
  486. label="备注" >
  487. <span>{theData.remark}</span>
  488. </FormItem>
  489. <FormItem
  490. labelCol={{ span: 4 }}
  491. wrapperCol={{ span: 18 }}
  492. label="技术图片" >
  493. <div className="clearfix">
  494. <Upload className="demandDetailShow-upload"
  495. listType="picture-card"
  496. fileList={this.state.technicalPictureUrl}
  497. onPreview={(file) => {
  498. this.setState({
  499. previewImage: file.url || file.thumbUrl,
  500. previewVisible: true,
  501. });
  502. }} >
  503. </Upload>
  504. <Modal maskClosable={false} footer={null}
  505. visible={this.state.previewVisible}
  506. onCancel={() => { this.setState({ previewVisible: false }) }}>
  507. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  508. </Modal>
  509. </div>
  510. </FormItem>
  511. <FormItem
  512. labelCol={{ span: 4 }}
  513. wrapperCol={{ span: 18 }}
  514. label="应用领域" >
  515. <span>{getIndustryCategory(theData.fieldA, theData.fieldB)}</span>
  516. </FormItem>
  517. <div className="clearfix">
  518. <FormItem className="half-item"
  519. {...formItemLayout}
  520. label="成熟度" >
  521. <span>{getMaturity(theData.maturity)}</span>
  522. </FormItem>
  523. <FormItem className="half-item"
  524. {...formItemLayout}
  525. label="创新度" >
  526. <span>{getInnovation(theData.innovation)}</span>
  527. </FormItem>
  528. </div>
  529. <FormItem
  530. labelCol={{ span: 4 }}
  531. wrapperCol={{ span: 18 }}
  532. label="成熟度证明材料(图片)" >
  533. <Upload className="demandDetailShow-upload"
  534. listType="picture-card"
  535. fileList={this.state.maturityPictureUrl}
  536. onPreview={(file) => {
  537. this.setState({
  538. previewImage: file.url || file.thumbUrl,
  539. previewVisible: true,
  540. });
  541. }} >
  542. </Upload>
  543. </FormItem>
  544. <FormItem
  545. labelCol={{ span: 4 }}
  546. wrapperCol={{ span: 6 }}
  547. label="成熟度证明材料(文本)" >
  548. <p>{theData.maturityTextFileUrl ?
  549. <span className="download-file">
  550. <a onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/download?id=' + this.props.data.id + '&sign=achievement_maturity_text_file') }}>成熟度证明材料(文本文件)</a>
  551. </span>
  552. : <span><Icon type="exclamation-circle" style={{ color: '#ffbf00', marginRight: '6px' }} />未上传!</span>}</p>
  553. </FormItem>
  554. <FormItem
  555. labelCol={{ span: 4 }}
  556. wrapperCol={{ span: 18 }}
  557. label="成熟度证明材料(视频地址)" >
  558. <span>{theData.maturityVideoUrl}</span>
  559. </FormItem>
  560. {this.state.switchValue ?
  561. <div className="clearfix" >
  562. <FormItem className="half-item"
  563. {...formItemLayout}
  564. label="成果所有人名称" >
  565. <span>{theData.ownerName}</span>
  566. </FormItem>
  567. <FormItem className="half-item"
  568. {...formItemLayout}
  569. label="联系电话" >
  570. <span>{theData.ownerMobile}</span>
  571. </FormItem>
  572. <FormItem className="half-item"
  573. {...formItemLayout}
  574. label="证件号" >
  575. <span>{theData.ownerIdNumber}</span>
  576. </FormItem>
  577. <FormItem className="half-item"
  578. {...formItemLayout}
  579. label="电子邮箱" >
  580. <span>{theData.ownerEmail}</span>
  581. </FormItem>
  582. <FormItem className="half-item"
  583. {...formItemLayout}
  584. label="通讯地址" >
  585. <span>{theData.ownerPostalAddress}</span>
  586. </FormItem>
  587. </div> : <div className="clearfix" >
  588. <FormItem className="half-item"
  589. {...formItemLayout}
  590. label="成果所有人名称" >
  591. <span>{theData.iOwnerName}</span>
  592. </FormItem>
  593. <FormItem className="half-item"
  594. {...formItemLayout}
  595. label="联系电话" >
  596. {theData.ownerType == "1" ? <span>{this.state.contactsObj[theData.contacts]}</span> : <span>{theData.iOwnerMobile}</span>}
  597. </FormItem>
  598. <FormItem className="half-item"
  599. {...formItemLayout}
  600. label="证件号" >
  601. <span>{theData.iOwnerIdNumber}</span>
  602. </FormItem>
  603. <FormItem className="half-item"
  604. {...formItemLayout}
  605. label="电子邮箱" >
  606. <span>{theData.iOwnerEmail}</span>
  607. </FormItem>
  608. <FormItem className="half-item"
  609. {...formItemLayout}
  610. label="通讯地址" >
  611. <span>{theData.iOwnerPostalAddress}</span>
  612. </FormItem>
  613. </div>}
  614. <div className="clearfix">
  615. <FormItem className="half-item"
  616. {...formItemLayout}
  617. label="合作方式" >
  618. {(() => {
  619. switch (theData.cooperationMode) {
  620. case "0":
  621. return <span>技术转让</span>;
  622. case "1":
  623. return <span>授权生产</span>;
  624. }
  625. })()}
  626. </FormItem>
  627. <FormItem className="half-item"
  628. {...formItemLayout}
  629. label="转让方式" >
  630. <span>{getTransferMode(theData.transferMode)}</span>
  631. </FormItem>
  632. </div>
  633. <div className="clearfix">
  634. <FormItem className="half-item"
  635. {...formItemLayout}
  636. label="议价方式" >
  637. {(() => {
  638. switch (theData.bargainingMode) {
  639. case "0":
  640. return <span>面议</span>;
  641. case "1":
  642. return <span>定价</span>;
  643. }
  644. })()}
  645. </FormItem>
  646. {theData.bargainingMode == 0 ? <div></div> : <FormItem className="half-item"
  647. {...formItemLayout}
  648. label="转让价格" >
  649. <span>{theData.transferPrice} 万元</span>
  650. </FormItem>}
  651. </div>
  652. <FormItem
  653. labelCol={{ span: 4 }}
  654. wrapperCol={{ span: 18 }}
  655. label="技术场景" >
  656. <span>{theData.technicalScene}</span>
  657. </FormItem>
  658. <FormItem
  659. labelCol={{ span: 4 }}
  660. wrapperCol={{ span: 18 }}
  661. label="技术突破" >
  662. <span>{theData.breakthrough}</span>
  663. </FormItem>
  664. <FormItem
  665. labelCol={{ span: 4 }}
  666. wrapperCol={{ span: 18 }}
  667. label="专利情况" >
  668. <span>{theData.patentCase}</span>
  669. </FormItem>
  670. <FormItem
  671. labelCol={{ span: 4 }}
  672. wrapperCol={{ span: 18 }}
  673. label="获奖情况" >
  674. <span>{theData.awards}</span>
  675. </FormItem>
  676. <FormItem
  677. labelCol={{ span: 4 }}
  678. wrapperCol={{ span: 18 }}
  679. label="技术团队情况" >
  680. <span>{theData.teamDes}</span>
  681. </FormItem>
  682. <FormItem
  683. labelCol={{ span: 4 }}
  684. wrapperCol={{ span: 18 }}
  685. label="技术参数" >
  686. <span>{theData.parameter}</span>
  687. </FormItem>
  688. <FormItem
  689. labelCol={{ span: 4 }}
  690. wrapperCol={{ span: 6 }}
  691. label="技术方案" >
  692. <p>{theData.techPlanUrl ?
  693. <span className="download-file">
  694. <a onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/download?id=' + this.props.data.id + '&sign=achievement_tech_plan') }}>技术方案</a>
  695. </span>
  696. : <span><Icon type="exclamation-circle" style={{ color: '#ffbf00', marginRight: '6px' }} />未上传!</span>}</p>
  697. </FormItem>
  698. <FormItem
  699. labelCol={{ span: 4 }}
  700. wrapperCol={{ span: 6 }}
  701. label="商业计划书" >
  702. <p>{theData.businessPlanUrl ?
  703. <span className="download-file">
  704. <a onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/download?id=' + this.props.data.id + '&sign=achievement_business_plan') }}>商业计划书</a>
  705. </span>
  706. : <span><Icon type="exclamation-circle" style={{ color: '#ffbf00', marginRight: '6px' }} />未上传!</span>}</p>
  707. </FormItem>
  708. <div className="clearfix">
  709. <FormItem className="half-item"
  710. {...formItemLayout}
  711. label="审核状态" >
  712. {getFieldDecorator('auditStatus')(
  713. <Radio.Group>
  714. <Radio value={3}>审核通过</Radio>
  715. <Radio value={4}>审核未通过</Radio>
  716. </Radio.Group>
  717. )}
  718. </FormItem>
  719. <FormItem className="half-item"
  720. {...formItemLayout}
  721. label="技术经纪人" >
  722. {getFieldDecorator('techBrokerId', {
  723. initialValue: theData.techBrokerId
  724. })(
  725. <Select style={{ width: 260 }}
  726. placeholder="请选择技术经纪人"
  727. notFoundContent="未获取到经纪人列表"
  728. showSearch
  729. filterOption={companySearch}>
  730. {this.props.techBrodersOption}
  731. </Select>
  732. )}
  733. </FormItem>
  734. </div>
  735. {window.showAuditStatus && theData.auditStatus == 3 ? <div className="clearfix">
  736. <FormItem className="half-item"
  737. {...formItemLayout}
  738. label="指派新经纪人" >
  739. {getFieldDecorator('modifyTechBrokerId', {
  740. initialValue: theData.techBrokerId
  741. })(
  742. <Select style={{ width: 260 }}
  743. placeholder="请选择要指派的新经纪人"
  744. notFoundContent="未获取到经纪人列表"
  745. showSearch
  746. filterOption={companySearch}>
  747. {this.props.techBrodersOption}
  748. </Select>
  749. )}
  750. </FormItem>
  751. </div> : <div></div>}
  752. <FormItem wrapperCol={{ span: 12, offset: 4 }}>
  753. <Button className="set-submit" type="primary" htmlType="submit">确认</Button>
  754. <Button className="set-submit" type="ghost" onClick={this.props.closeDesc}>取消</Button>
  755. {window.showAuditStatus ? <Button className="set-submit" loading={this.state.buttonLoading} type="primary" onClick={this.buildMatchList} style={{"display":"none"}}>生成匹配列表</Button> : <span></span>}
  756. </FormItem>
  757. <Modal maskClosable={false} title="确认"
  758. visible={this.state.formSubmitVisible}
  759. width='360px'
  760. footer={null}
  761. onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
  762. <span>确认该需求审核未通过?</span>
  763. <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
  764. <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
  765. </Modal>
  766. </Spin>
  767. </Form >
  768. )
  769. }
  770. }));
  771. const AchievementDetail = React.createClass({
  772. getInitialState() {
  773. return {
  774. visible: false,
  775. tabsKey: 1,
  776. loading: false,
  777. columns: [
  778. {
  779. title: '编号',
  780. dataIndex: 'serialNumber',
  781. key: 'serialNumber',
  782. }, {
  783. title: '数据类型',
  784. dataIndex: 'dataCategory',
  785. key: 'dataCategory',
  786. render: text => {
  787. switch (text) {
  788. case "0":
  789. return <span>成果</span>;
  790. case "1":
  791. return <span>技术</span>;
  792. case "2":
  793. return <span>项目</span>;
  794. }
  795. }
  796. }, {
  797. title: '名称',
  798. dataIndex: 'name',
  799. key: 'name',
  800. }, {
  801. title: '关键字',
  802. dataIndex: 'keyword',
  803. key: 'keyword',
  804. }, {
  805. title: '类型',
  806. dataIndex: 'demandType',
  807. key: 'demandType',
  808. render: text => { return getDemandType(text); }
  809. }, {
  810. title: '所有人名称',
  811. dataIndex: 'theName',
  812. key: 'theName',
  813. }, {
  814. title: '发布时间',
  815. dataIndex: 'releaseDateFormattedDate',
  816. key: 'releaseDateFormattedDate',
  817. }, {
  818. title: '有效期限',
  819. dataIndex: 'validityPeriodFormattedDate',
  820. key: 'validityPeriodFormattedDate',
  821. },
  822. ],
  823. dataSource: [],
  824. };
  825. },
  826. getTechBrodersList() {
  827. this.setState({
  828. loading: true
  829. });
  830. $.ajax({
  831. method: "get",
  832. dataType: "json",
  833. crossDomain: false,
  834. url: globalConfig.context + "/api/admin/audit/techBroders",
  835. success: function (data) {
  836. if (!data.data) {
  837. if (data.error && data.error.length) {
  838. message.warning(data.error[0].message);
  839. }
  840. return;
  841. };
  842. let _me = this, theArr = [];
  843. for (var item in data.data) {
  844. theArr.push(
  845. <Select.Option key={item}>{data.data[item]}</Select.Option>
  846. )
  847. };
  848. this.setState({
  849. techBrodersOption: theArr,
  850. techBrodersObj: data.data
  851. });
  852. }.bind(this),
  853. }).always(function () {
  854. this.setState({
  855. loading: false
  856. });
  857. }.bind(this));
  858. },
  859. getTableList() {
  860. this.setState({
  861. loading: true
  862. });
  863. $.ajax({
  864. method: "get",
  865. dataType: "json",
  866. crossDomain: false,
  867. url: globalConfig.context + "/api/admin/achievement/achievementDemand",
  868. data: { id: this.props.data.id },
  869. success: function (data) {
  870. let theArr = [];
  871. if (!data.data) {
  872. if (data.error && data.error.length) {
  873. message.warning(data.error[0].message);
  874. };
  875. } else if (data.data.length) {
  876. for (let i = 0; i < data.data.length; i++) {
  877. let thisdata = data.data[i];
  878. theArr.push({
  879. key: i,
  880. id: thisdata.id,
  881. serialNumber: thisdata.serialNumber,
  882. dataCategory: thisdata.dataCategory,
  883. name: thisdata.name,
  884. keyword: thisdata.keyword,
  885. demandType: thisdata.demandType,
  886. theName: thisdata.username || thisdata.unitName,
  887. releaseDateFormattedDate: thisdata.releaseDateFormattedDate,
  888. validityPeriodFormattedDate: thisdata.validityPeriodFormattedDate,
  889. coverImg: thisdata.coverImg,
  890. hot: thisdata.hot,
  891. internationalFlag:thisdata.internationalFlag,
  892. });
  893. };
  894. };
  895. this.setState({
  896. dataSource: theArr,
  897. });
  898. }.bind(this),
  899. }).always(function () {
  900. this.setState({
  901. loading: false
  902. });
  903. }.bind(this));
  904. },
  905. tableRowClick(record, index) {
  906. window.open(globalConfig.context + '/portal/detail/demandDetail.html?id=' + record.id + '&type=' + record.dataCategory);
  907. },
  908. handleCancel(e) {
  909. this.setState({
  910. visible: false,
  911. });
  912. this.props.closeDesc(false);
  913. },
  914. handleOk(e) {
  915. this.setState({
  916. visible: false,
  917. });
  918. this.props.closeDesc(false, true);
  919. },
  920. componentWillMount() {
  921. this.getTechBrodersList();
  922. },
  923. componentWillReceiveProps(nextProps) {
  924. if (!this.state.visible && nextProps.showDesc) {
  925. this.state.tabsKey = "1";
  926. };
  927. this.state.visible = nextProps.showDesc;
  928. },
  929. render() {
  930. if (this.props.data) {
  931. return (
  932. <div className="patent-desc">
  933. <Modal maskClosable={false} visible={this.state.visible}
  934. onOk={this.checkPatentProcess} onCancel={this.handleCancel}
  935. width='1000px'
  936. footer=''
  937. className="admin-desc-content">
  938. <Spin spinning={this.state.loading}>
  939. <Tabs activeKey={this.state.tabsKey}
  940. onChange={(e) => {
  941. this.setState({ tabsKey: e });
  942. if (e == "2") {
  943. this.getTableList();
  944. };
  945. }} >
  946. <Tabs.TabPane tab="成果详情" key="1">
  947. <AchievementDetailShow
  948. data={this.props.data}
  949. detailApiUrl={this.props.detailApiUrl}
  950. techBrodersOption={this.state.techBrodersOption}
  951. techBrodersObj={this.state.techBrodersObj}
  952. closeDesc={this.handleCancel}
  953. visible={this.state.visible}
  954. handleOk={this.handleOk} />
  955. </Tabs.TabPane>
  956. <Tabs.TabPane tab="匹配列表" key="2" disabled={!this.props.data.id}>
  957. <Table columns={this.state.columns}
  958. dataSource={this.state.dataSource}
  959. pagination={false}
  960. onRowClick={this.tableRowClick} />
  961. </Tabs.TabPane>
  962. </Tabs>
  963. </Spin>
  964. </Modal>
  965. </div>
  966. );
  967. } else {
  968. return <div></div>
  969. }
  970. },
  971. });
  972. export default AchievementDetail;