newDetails.jsx 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. import React from 'react';
  2. import $ from 'jquery/src/ajax';
  3. import {
  4. Modal,
  5. message,
  6. Spin,
  7. Upload,
  8. Button,
  9. Form,
  10. } from 'antd';
  11. import {getProvince} from '@/NewDicProvinceList';
  12. import {getReleaseStateList,getNewPosition} from '@/tools';
  13. const NewDetail = Form.create()(React.createClass({
  14. getInitialState() {
  15. return {
  16. visible: false,
  17. loading: false,
  18. auditStatus: 0,
  19. textFileList: [],
  20. videoFileList: [],
  21. pictureUrl: [],
  22. };
  23. },
  24. loadData(id) {
  25. this.setState({
  26. loading: true
  27. });
  28. $.ajax({
  29. method: "get",
  30. dataType: "json",
  31. crossDomain: false,
  32. url: globalConfig.context + '/api/user/achievement/achievementDetail' ,
  33. data: {
  34. id: id
  35. },
  36. success: function (data) {
  37. let thisData = data.data;
  38. if (!thisData) {
  39. if (data.error && data.error.length) {
  40. message.warning(data.error[0].message);
  41. };
  42. thisData = {};
  43. };
  44. let publishPagesArr = [];
  45. thisData.publishPages.map(item=>{
  46. publishPagesArr.push(item.publishPage)
  47. });
  48. let ProvinceS = thisData.locationProvince, //getprovince
  49. citys = thisData.locationCity,
  50. Areas = thisData.locationArea,
  51. ProvinceCity = getProvince(ProvinceS, citys, Areas);
  52. this.setState({
  53. id:thisData.id,
  54. publishPagesArr:publishPagesArr,
  55. data: thisData,
  56. ProvinceCity:ProvinceCity,
  57. auditStatus:thisData.auditStatus,
  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. cancelFun(){
  68. this.props.closeDesc();
  69. },
  70. //刷新发布
  71. updateFun(inex){
  72. this.setState({
  73. loading:true
  74. })
  75. $.ajax({
  76. method: "POST",
  77. dataType: "json",
  78. crossDomain: false,
  79. url: globalConfig.context +'/api/user/achievement/refreshPublish',
  80. data: {
  81. id: this.state.id,
  82. auditStatus:this.state.auditStatus
  83. }
  84. }).done(function (data) {
  85. if (!data.error.length) {
  86. message.success('刷新成功!');
  87. this.setState({
  88. loading: false,
  89. });
  90. } else {
  91. message.warning(data.error[0].message);
  92. };
  93. this.props.handOk();
  94. }.bind(this));
  95. },
  96. //撤销发布
  97. revokeFun(){
  98. this.setState({
  99. loading:true
  100. })
  101. $.ajax({
  102. method: "POST",
  103. dataType: "json",
  104. crossDomain: false,
  105. url: globalConfig.context + '/api/user/achievement/offShelf',
  106. data: {
  107. id: this.state.id,
  108. }
  109. }).done(function (data) {
  110. if (!data.error.length) {
  111. message.success('撤销成功!');
  112. this.setState({
  113. loading: false,
  114. });
  115. } else {
  116. message.warning(data.error[0].message);
  117. };
  118. this.props.handOk();
  119. }.bind(this));
  120. },
  121. componentWillMount() {
  122. if (this.props.data.id) {
  123. this.loadData(this.props.data.id);
  124. } else {
  125. this.state.data = {};
  126. };
  127. },
  128. componentWillReceiveProps(nextProps) {
  129. if (!this.props.visible && nextProps.visible) {
  130. this.state.textFileList = [];
  131. this.state.videoFileList = [];
  132. if (nextProps.data.id) {
  133. this.loadData(nextProps.data.id);
  134. } else {
  135. this.state.data = {};
  136. this.state.pictureUrl = [];
  137. };
  138. this.props.form.resetFields();
  139. };
  140. },
  141. render() {
  142. const theData = this.state.data || {};
  143. const FormItem = Form.Item
  144. const formItemLayout = {
  145. labelCol: { span: 6 },
  146. wrapperCol: { span: 12 },
  147. };
  148. return (
  149. <div className='login'>
  150. <Form layout="horizontal" id="demand-form">
  151. <Spin spinning={this.state.loading}>
  152. <div className="clearfix">
  153. <FormItem className="half-item" {...formItemLayout} label="新闻标题">
  154. <span>{theData.name}</span>
  155. </FormItem>
  156. <FormItem className="half-item" {...formItemLayout} label="热门">
  157. <span>{theData.isHot=='0'&&'否'}{theData.isHot=='1'&&'是'}</span>
  158. </FormItem>
  159. <FormItem className="half-item" {...formItemLayout} label="新闻来源">
  160. <span>{theData.patentCase}</span>
  161. </FormItem>
  162. <FormItem className="half-item" {...formItemLayout} label="来源链接">
  163. <span>{theData.parameter}</span>
  164. </FormItem>
  165. <FormItem className="half-item" {...formItemLayout} label="省市区">
  166. <span>{this.state.ProvinceCity}</span>
  167. </FormItem>
  168. </div>
  169. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="新闻图片">
  170. <div className="clearfix">
  171. <Upload className="demandDetailShow-upload"
  172. listType="picture-card"
  173. fileList={this.state.pictureUrl}
  174. onPreview={(file) => {
  175. this.setState({
  176. previewImage: file.url || file.thumbUrl,
  177. previewVisible: true,
  178. });
  179. }} >
  180. </Upload>
  181. <Modal maskClosable={false} footer={null}
  182. visible={this.state.previewVisible}
  183. onCancel={() => { this.setState({ previewVisible: false }) }}>
  184. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  185. </Modal>
  186. </div>
  187. </FormItem>
  188. <div className="clearfix">
  189. <FormItem className="half-item" {...formItemLayout} label="发布状态">
  190. <span>{getReleaseStateList(theData.auditStatus)}</span>
  191. </FormItem>
  192. <FormItem className="half-item" {...formItemLayout} label="发布时间">
  193. <span>{theData.createTime}</span>
  194. </FormItem>
  195. </div>
  196. <div className="clearfix">
  197. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="发布位置">
  198. <span>{getNewPosition(theData.publishPages)}</span>
  199. </FormItem>
  200. </div>
  201. <div className="clearfix">
  202. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="新闻简介">
  203. <span>{theData.introduce}</span>
  204. </FormItem>
  205. <FormItem labelCol={{ span: 3 }} wrapperCol={{ span: 18 }} label="新闻正文">
  206. <span>{theData.edit}</span>
  207. </FormItem>
  208. </div>
  209. <div className="clearfix">
  210. {this.props.data.auditStatus=='2'&&<FormItem wrapperCol={{ span: 12, offset: 3 }}>
  211. <Button className="set-submit" type="primary" onClick={(e)=>{this.updateFun()}} >
  212. 刷新发布
  213. </Button>
  214. <Button type="danger" style={{marginRight:20}} onClick={(e)=>{this.revokeFun()}}>
  215. 撤销发布
  216. </Button>
  217. <Button className="set-submit" type="ghost" onClick={this.cancelFun}>
  218. 取消
  219. </Button>
  220. </FormItem>}
  221. </div>
  222. </Spin>
  223. </Form>
  224. </div>
  225. )
  226. }
  227. }));
  228. export default NewDetail;