businessDetails.jsx 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. import React from 'react';
  2. import $ from 'jquery/src/ajax';
  3. import { Modal, message, Spin, Upload, Button, Form } from 'antd';
  4. import { getprovince, splitUrl } from '@/tools.js';
  5. const DemandDetail = Form.create()(
  6. React.createClass({
  7. getInitialState() {
  8. return {
  9. visible: false,
  10. loading: false,
  11. auditStatus: 0,
  12. textFileList: [],
  13. videoFileList: [],
  14. pictureUrl: []
  15. };
  16. },
  17. loadData(id) {
  18. this.setState({
  19. loading: true
  20. });
  21. $.ajax({
  22. method: 'get',
  23. dataType: 'json',
  24. crossDomain: false,
  25. url: globalConfig.context + '/api/user/jtBusiness/project/detail',
  26. data: {
  27. id: id
  28. },
  29. success: function(data) {
  30. let thisData = data.data;
  31. if (!thisData) {
  32. if (data.error && data.error.length) {
  33. message.warning(data.error[0].message);
  34. }
  35. thisData = {};
  36. }
  37. let categoryList = this.props.categoryList,name='';
  38. categoryList.map(item=>{
  39. if((item.children).length){
  40. (item.children).map(atem=>{
  41. if(atem.value==thisData.categoryId){
  42. name=item.label+'/'+atem.label;
  43. return;
  44. }
  45. })
  46. }
  47. })
  48. this.setState({
  49. id: thisData.id,
  50. data: thisData,
  51. name:name,
  52. createTime: thisData.createTime ? new Date(thisData.createTime).toLocaleString() : '',
  53. auditStatus: thisData.auditStatus,
  54. orgCodeUrl: thisData.minImgUrl
  55. ? splitUrl(thisData.minImgUrl, ',', globalConfig.avatarHost + '/upload')
  56. : [],
  57. companyLogoUrl: thisData.maxImgUrl
  58. ? splitUrl(thisData.maxImgUrl, ',', globalConfig.avatarHost + '/upload')
  59. : []
  60. });
  61. }.bind(this)
  62. }).always(
  63. function() {
  64. this.setState({
  65. loading: false
  66. });
  67. }.bind(this)
  68. );
  69. },
  70. cancelFun() {
  71. this.props.closeDesc();
  72. },
  73. //刷新发布
  74. updateFun(inex) {
  75. this.setState({
  76. loading: true
  77. });
  78. $.ajax({
  79. method: 'get',
  80. dataType: 'json',
  81. crossDomain: false,
  82. url: globalConfig.context + '/api/user/jtBusiness/project/refreshPublish',
  83. data: {
  84. id: this.state.id,
  85. auditStatus: this.state.auditStatus
  86. }
  87. }).done(
  88. function(data) {
  89. if (!data.error.length) {
  90. message.success('刷新成功!');
  91. this.setState({
  92. loading: false
  93. });
  94. } else {
  95. message.warning(data.error[0].message);
  96. }
  97. this.props.handOk();
  98. }.bind(this)
  99. );
  100. },
  101. //撤销发布
  102. revokeFun() {
  103. this.setState({
  104. loading: true
  105. });
  106. $.ajax({
  107. method: 'get',
  108. dataType: 'json',
  109. crossDomain: false,
  110. url: globalConfig.context + '/api/user/jtBusiness/project/offShelf',
  111. data: {
  112. id: this.state.id,
  113. auditStatus:this.state.auditStatus
  114. }
  115. }).done(
  116. function(data) {
  117. if (!data.error.length) {
  118. message.success('撤销成功!');
  119. this.setState({
  120. loading: false
  121. });
  122. } else {
  123. message.warning(data.error[0].message);
  124. }
  125. this.props.handOk();
  126. }.bind(this)
  127. );
  128. },
  129. componentWillMount() {
  130. if (this.props.data.id) {
  131. this.loadData(this.props.data.id);
  132. } else {
  133. this.state.data = {};
  134. }
  135. },
  136. componentWillReceiveProps(nextProps) {
  137. if (!this.props.visible && nextProps.visible) {
  138. this.state.textFileList = [];
  139. this.state.videoFileList = [];
  140. if (nextProps.data.id) {
  141. this.loadData(nextProps.data.id);
  142. } else {
  143. this.state.data = {};
  144. this.state.pictureUrl = [];
  145. }
  146. this.props.form.resetFields();
  147. }
  148. },
  149. render() {
  150. const theData = this.state.data || {};
  151. const FormItem = Form.Item;
  152. return (
  153. <div className="patent-desc">
  154. <Form
  155. layout="horizontal"
  156. onSubmit={(e) => {
  157. this.handleSubmit(e, 0);
  158. }}
  159. id="demand-form"
  160. >
  161. <Spin spinning={this.state.loading}>
  162. <div className="clearfix">
  163. <FormItem
  164. className="half-item"
  165. labelCol={{ span:8 }}
  166. wrapperCol={{ span: 12 }}
  167. label="项目名称"
  168. >
  169. <span>{theData.name}</span>
  170. </FormItem>
  171. <FormItem
  172. className="half-item"
  173. labelCol={{ span: 8 }}
  174. wrapperCol={{ span: 12 }}
  175. label="业务品类"
  176. >
  177. <span>{this.state.name}</span>
  178. </FormItem>
  179. </div>
  180. <div className="clearfix">
  181. <FormItem
  182. className="half-item"
  183. labelCol={{ span:8 }}
  184. wrapperCol={{ span: 12 }}
  185. label="省份"
  186. >
  187. <span>{theData.province!='0'?getprovince(theData.province):'全国'}</span>
  188. </FormItem>
  189. <FormItem
  190. className="half-item"
  191. labelCol={{ span: 8 }}
  192. wrapperCol={{ span: 12 }}
  193. label="热点"
  194. >
  195. <span>{theData.isHot ? '是' : '否'}</span>
  196. </FormItem>
  197. </div>
  198. <div className="clearfix">
  199. <FormItem
  200. className="half-item"
  201. labelCol={{ span:8 }}
  202. wrapperCol={{ span: 12 }}
  203. label="市场价"
  204. >
  205. <span>{theData.price}万元</span>
  206. </FormItem>
  207. <FormItem
  208. className="half-item"
  209. labelCol={{ span:8 }}
  210. wrapperCol={{ span: 12 }}
  211. label="活动价"
  212. >
  213. <span>{theData.activityPrice}万元</span>
  214. </FormItem>
  215. <FormItem
  216. className="half-item"
  217. labelCol={{ span:8 }}
  218. wrapperCol={{ span: 12 }}
  219. label="最低折扣"
  220. >
  221. <span>{theData.offset} 万元</span>
  222. </FormItem>
  223. <FormItem
  224. className="half-item"
  225. labelCol={{ span:8 }}
  226. wrapperCol={{ span: 12 }}
  227. label="会员价"
  228. >
  229. <span>{theData.memberPrice} 万元</span>
  230. </FormItem>
  231. <FormItem
  232. className="half-item"
  233. labelCol={{ span: 8 }}
  234. wrapperCol={{ span: 12 }}
  235. label="活动生效"
  236. >
  237. <span>{theData.activityFlag ? '有效' : '无效'}</span>
  238. </FormItem>
  239. <FormItem
  240. className="half-item"
  241. labelCol={{ span: 8}}
  242. wrapperCol={{ span: 12 }}
  243. label="创建时间"
  244. >
  245. <span>{this.state.createTime}</span>
  246. </FormItem>
  247. </div>
  248. <div className="clearfix">
  249. <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 12 }} label="标签">
  250. <span>{theData.tag}</span>
  251. </FormItem>
  252. </div>
  253. <div className="clearfix">
  254. <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 12 }} label="项目营销说明">
  255. <span>{theData.advertisement}</span>
  256. </FormItem>
  257. </div>
  258. <div className="clearfix">
  259. <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 12 }} label="业务项目服务内容">
  260. <span>{theData.introduce}</span>
  261. </FormItem>
  262. </div>
  263. <div className="clearfix">
  264. <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 12 }} label="业务项目价值及作用">
  265. <span>{theData.value}</span>
  266. </FormItem>
  267. </div>
  268. <div className="clearfix">
  269. <FormItem labelCol={{ span: 4 }} wrapperCol={{ span: 12 }} label="业务项目客户基本条件">
  270. <span>{theData.applyConditions}</span>
  271. </FormItem>
  272. </div>
  273. <div className="clearfix pictures">
  274. <FormItem
  275. className="half-item"
  276. labelCol={{ span: 8 }}
  277. wrapperCol={{ span: 10 }}
  278. label="业务项目图标(小)"
  279. >
  280. <Upload
  281. className="demandDetailShow-upload"
  282. listType="picture-card"
  283. fileList={this.state.orgCodeUrl}
  284. onPreview={(file) => {
  285. this.setState({
  286. previewImage: file.url || file.thumbUrl,
  287. previewVisible: true
  288. });
  289. }}
  290. />
  291. <Modal
  292. maskClosable={false}
  293. footer={null}
  294. visible={this.state.previewVisible}
  295. onCancel={() => {
  296. this.setState({ previewVisible: false });
  297. }}
  298. >
  299. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  300. </Modal>
  301. </FormItem>
  302. <FormItem
  303. className="half-item"
  304. labelCol={{ span: 8 }}
  305. wrapperCol={{ span: 12 }}
  306. label="业务项目图标(大)"
  307. >
  308. <Upload
  309. className="demandDetailShow-upload"
  310. listType="picture-card"
  311. fileList={this.state.companyLogoUrl}
  312. onPreview={(file) => {
  313. this.setState({
  314. previewImage: file.url || file.thumbUrl,
  315. previewVisible: true
  316. });
  317. }}
  318. />
  319. <Modal
  320. maskClosable={false}
  321. footer={null}
  322. visible={this.state.previewVisible}
  323. onCancel={() => {
  324. this.setState({ previewVisible: false });
  325. }}
  326. >
  327. <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
  328. </Modal>
  329. </FormItem>
  330. </div>
  331. <div className="clearfix">
  332. {this.props.data.auditStatus == '2' && (
  333. <FormItem wrapperCol={{ span: 12, offset: 3 }}>
  334. <Button
  335. className="set-submit"
  336. type="primary"
  337. onClick={(e) => {
  338. this.updateFun();
  339. }}
  340. >
  341. 刷新发布
  342. </Button>
  343. <Button
  344. type="danger"
  345. style={{ marginRight: 20 }}
  346. onClick={(e) => {
  347. this.revokeFun();
  348. }}
  349. >
  350. 撤销发布
  351. </Button>
  352. <Button className="set-submit" type="ghost" onClick={this.cancelFun}>
  353. 取消
  354. </Button>
  355. </FormItem>
  356. )}
  357. </div>
  358. </Spin>
  359. </Form>
  360. </div>
  361. );
  362. }
  363. })
  364. );
  365. export default DemandDetail;