auditDesc.jsx 42 KB

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