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 { getAchievementCategory, getMaturity, getInnovation } from '../../tools.js';
const AchievementDetail = React.createClass({
getInitialState() {
return {
visible: false,
loading: false,
tags: [],
technicalPictureUrl: [],
maturityPictureUrl: [],
};
},
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/achievementDetail',
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(",") : [],
technicalPictureUrl: thisData.technicalPictureUrl ? splitUrl(thisData.technicalPictureUrl, ',', globalConfig.avatarHost + '/upload') : [],
maturityPictureUrl: thisData.maturityPictureUrl ? splitUrl(thisData.maturityPictureUrl, ',', 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/achievementInterest',
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/achievementCancelInterest',
data: {
id: this.state.data.achievementInterestId
},
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.maturityPictureUrl = [];
this.state.technicalPictureUrl = [];
};
};
},
render() {
const theData = this.state.data || {};
if (this.props.data) {
return (