achievementDetails.jsx 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. import React from 'react';
  2. import $ from 'jquery/src/ajax';
  3. import {
  4. Icon,
  5. Tabs,
  6. Table,
  7. Tooltip,
  8. Modal,
  9. Popover,
  10. message,
  11. Spin,
  12. Upload,
  13. Input,
  14. InputNumber,
  15. Select,
  16. DatePicker,
  17. Button,
  18. Radio,
  19. Form,
  20. Cascader,
  21. Tag,
  22. Checkbox,
  23. Row,
  24. Col
  25. } from 'antd';
  26. import { getIndustryCategory } from '@/DicIndustryList.js';
  27. import { splitUrl ,getMaturity,getTransaction,getAchievementPosition,getAchievementCategory,getReleaseStateList,getInnovation} from '@/tools.js';
  28. const DemandDetail = Form.create()(React.createClass({
  29. getInitialState() {
  30. return {
  31. visible: false,
  32. loading: false,
  33. auditStatus: 0,
  34. textFileList: [],
  35. videoFileList: [],
  36. pictureUrl: [],
  37. };
  38. },
  39. loadData(id) {
  40. this.setState({
  41. loading: true
  42. });
  43. $.ajax({
  44. method: "get",
  45. dataType: "json",
  46. crossDomain: false,
  47. url: globalConfig.context + '/api/user/demand/demandDetail' ,
  48. data: {
  49. id: id
  50. },
  51. success: function (data) {
  52. let thisData = data.data;
  53. if (!thisData) {
  54. if (data.error && data.error.length) {
  55. message.warning(data.error[0].message);
  56. };
  57. thisData = {};
  58. };
  59. let publishPagesArr = [];
  60. thisData.publishPages.map(item=>{
  61. publishPagesArr.push(item.publishPage)
  62. })
  63. this.setState({
  64. id:thisData.id,
  65. publishPagesArr:publishPagesArr,
  66. data: thisData,
  67. auditStatus:thisData.auditStatus,
  68. isHot:thisData.isHot,
  69. isUrgent:thisData.isUrgent,
  70. status:thisData.status,
  71. isHot:thisData.isHot,
  72. pictureUrl: thisData.pictureUrl ? splitUrl(thisData.pictureUrl, ',', globalConfig.avatarHost + '/upload') : []
  73. });
  74. }.bind(this),
  75. }).always(function () {
  76. this.setState({
  77. loading: false
  78. });
  79. }.bind(this));
  80. },
  81. getTagsArr(e) {
  82. this.setState({ tags: e });
  83. },
  84. getPictureUrl(e) {
  85. this.setState({ pictureUrl: e });
  86. },
  87. cancelFun(){
  88. this.props.closeDesc();
  89. },
  90. //刷新发布
  91. updateFun(inex){
  92. this.setState({
  93. loading:true
  94. })
  95. $.ajax({
  96. method: "POST",
  97. dataType: "json",
  98. crossDomain: false,
  99. url: globalConfig.context +'/api/user/demand/refreshPublish',
  100. data: {
  101. id: this.state.id,
  102. auditStatus:this.state.auditStatus
  103. }
  104. }).done(function (data) {
  105. if (!data.error.length) {
  106. message.success('刷新成功!');
  107. this.setState({
  108. loading: false,
  109. });
  110. } else {
  111. message.warning(data.error[0].message);
  112. };
  113. this.props.handOk();
  114. }.bind(this));
  115. },
  116. //撤销发布
  117. revokeFun(){
  118. this.setState({
  119. loading:true
  120. })
  121. $.ajax({
  122. method: "POST",
  123. dataType: "json",
  124. crossDomain: false,
  125. url: globalConfig.context + '/api/user/demand/offShelf',
  126. data: {
  127. id: this.state.id,
  128. auditStatus:this.state.auditStatus
  129. }
  130. }).done(function (data) {
  131. if (!data.error.length) {
  132. message.success('撤销成功!');
  133. this.setState({
  134. loading: false,
  135. });
  136. } else {
  137. message.warning(data.error[0].message);
  138. };
  139. this.props.handOk();
  140. }.bind(this));
  141. },
  142. componentWillMount() {
  143. if (this.props.data.id) {
  144. this.loadData(this.props.data.id);
  145. } else {
  146. this.state.data = {};
  147. };
  148. },
  149. componentWillReceiveProps(nextProps) {
  150. if (!this.props.visible && nextProps.visible) {
  151. this.state.textFileList = [];
  152. this.state.videoFileList = [];
  153. if (nextProps.data.id) {
  154. this.loadData(nextProps.data.id);
  155. } else {
  156. this.state.data = {};
  157. this.state.isUrgent=undefined;//加急需求
  158. this.state.isHot=undefined;//是否悬赏
  159. this.state.status=undefined;
  160. this.state.pictureUrl = [];
  161. };
  162. this.props.form.resetFields();
  163. };
  164. },
  165. render() {
  166. const theData = this.state.data || {};
  167. const { getFieldDecorator } = this.props.form;
  168. const FormItem = Form.Item
  169. const formItemLayout = {
  170. labelCol: { span: 6 },
  171. wrapperCol: { span: 12 },
  172. };
  173. return (
  174. <div className='login'>
  175. <Form layout="horizontal" id="demand-form">
  176. <Spin spinning={this.state.loading}>
  177. <div className="clearfix">
  178. <FormItem className="half-item" {...formItemLayout} label="标题">
  179. <span>{theData.name}</span>
  180. </FormItem>
  181. </div>
  182. <div className="clearfix">
  183. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="发个成果吧">
  184. <span>{theData.problemDes}</span>
  185. </FormItem>
  186. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="知识产权情况">
  187. <span>{theData.problemDes}</span>
  188. </FormItem>
  189. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="技术参数">
  190. <span>{theData.problemDes}</span>
  191. </FormItem>
  192. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="团队情况">
  193. <span>{theData.problemDes}</span>
  194. </FormItem>
  195. </div>
  196. <div className="clearfix">
  197. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="关键字">
  198. <span>{theData.keyword}</span>
  199. </FormItem>
  200. </div>
  201. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="行业领域">
  202. <span>{getIndustryCategory(theData.industryCategoryA,theData.industryCategoryB)}</span>
  203. </FormItem>
  204. <div className="clearfix">
  205. <FormItem className="half-item" {...formItemLayout} label="成果类型">
  206. <span>{getTransaction(theData.achievementType)}</span>
  207. </FormItem>
  208. <FormItem className="half-item" {...formItemLayout} label="知识产权类型">
  209. <span>{getAchievementCategory(theData.achievementType)}</span>
  210. </FormItem>
  211. <FormItem className="half-item" {...formItemLayout} label="创新度">
  212. <span>{getInnovation(theData.achievementType)}</span>
  213. </FormItem>
  214. <FormItem className="half-item" {...formItemLayout} label="成熟度">
  215. <span>{getMaturity(theData.achievementType)}</span>
  216. </FormItem>
  217. <FormItem className="half-item" {...formItemLayout} label="交易形式">
  218. <span>{getTransaction(theData.achievementType)}</span>
  219. </FormItem>
  220. </div>
  221. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="成果文件(图片)">
  222. <div className="clearfix">
  223. <Upload className="demandDetailShow-upload"
  224. listType="picture-card"
  225. fileList={this.state.pictureUrl}
  226. onPreview={(file) => {
  227. this.setState({
  228. previewImage: file.url || file.thumbUrl,
  229. previewVisible: true,
  230. });
  231. }} >
  232. </Upload>
  233. <Modal maskClosable={false} footer={null}
  234. visible={this.state.previewVisible}
  235. onCancel={() => { this.setState({ previewVisible: false }) }}>
  236. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  237. </Modal>
  238. </div>
  239. </FormItem>
  240. <div>
  241. <FormItem className="half-item" {...formItemLayout} label="发布状态">
  242. <span>{getReleaseStateList(theData.auditStatus)}</span>
  243. </FormItem>
  244. </div>
  245. <div>
  246. <FormItem className="half-item" labelCol={{ span: 6 }}
  247. wrapperCol={{ span: 18 }} label="发布位置">
  248. <span>{getAchievementPosition(this.state.publishPagesArr)}</span>
  249. </FormItem>
  250. </div>
  251. <div className="clearfix">
  252. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="审核信息">
  253. <span>{theData.auditInfo}</span>
  254. </FormItem>
  255. </div>
  256. <div className="clearfix">
  257. {this.props.data.auditStatus=='2'&&<FormItem wrapperCol={{ span: 12, offset: 3 }}>
  258. <Button className="set-submit" type="primary" onClick={(e)=>{this.updateFun()}} >
  259. 刷新发布
  260. </Button>
  261. <Button type="danger" style={{marginRight:20}} onClick={(e)=>{this.revokeFun()}}>
  262. 撤销发布
  263. </Button>
  264. <Button className="set-submit" type="ghost" onClick={this.cancelFun}>
  265. 取消
  266. </Button>
  267. </FormItem>}
  268. </div>
  269. </Spin>
  270. </Form>
  271. </div>
  272. )
  273. }
  274. }));
  275. export default DemandDetail;