import React from 'react';
import { Icon, Modal, message, Spin, Button, Row, Col, Upload, Tooltip, Tag } from 'antd';
import '../portal.less';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import { getIndustryCategory } from '../../DicIndustryList.js';
import { getDemandType } from '../../tools.js';
const DemandDetail = React.createClass({
getInitialState() {
return {
visible: false,
loading: false,
tags: [],
pictureUrl: [],
};
},
handleCancel(e) {
this.props.closeDesc(false);
},
loadData(id) {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/user/portal/demandDetail',
data: {
id: id
},
success: function (data) {
let thisData = data.data;
if (!thisData) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
};
thisData = {};
};
this.setState({
data: thisData,
tags: thisData.keyword ? thisData.keyword.split(",") : [],
pictureUrl: thisData.pictureUrl ? splitUrl(thisData.pictureUrl, ',', globalConfig.avatarHost + '/upload') : []
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
interestClick() {
this.setState({
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/user/portal/demandInterest',
data: {
id: this.props.data.id
},
success: function (data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
} else {
this.loadData(this.props.data.id);
};
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));;
},
cancelInterestClick() {
this.setState({
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/user/portal/demandCancelInterest',
data: {
id: this.state.data.demandInterestId
},
success: function (data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
} else {
this.loadData(this.props.data.id);
};
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));;
},
componentWillReceiveProps(nextProps) {
if (!this.props.showDesc && nextProps.showDesc) {
if (nextProps.data.id) {
this.loadData(nextProps.data.id);
} else {
this.state.data = {};
this.state.tags = [];
this.state.pictureUrl = [];
};
};
},
render() {
const theData = this.state.data || {};
if (this.props.data) {
return (