achievementDetaiel.jsx 10 KB

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