auditDesc.jsx 42 KB

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