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