import React from 'react';
import { AutoComplete, Switch, Tabs, Table, Icon, Tooltip, Modal, Popover, message, Spin, Upload, Input, InputNumber, Select, DatePicker, Button, Radio, Form, Cascader, Tag } from 'antd';
import moment from 'moment';
import '../techDemand.less';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import { IndustryObject, getIndustryCategory } from '../../../DicIndustryList.js';
import { getTechField } from '../../../DicTechFieldList.js';
import { beforeUploadFile, getTechAuditStatus, splitUrl, companySearch, getDemandType, getAchievementCategory,beforeUpload, getBase64 } from '../../../tools.js';
import throttle from '../../../throttle.js';
const KeyWordTagGroup = React.createClass({
getInitialState() {
return {
tags: [],
inputVisible: false,
inputValue: ''
};
},
handleClose(removedTag) {
const tags = this.state.tags.filter(tag => tag !== removedTag);
this.props.tagsArr(tags);
this.setState({ tags });
},
showInput() {
this.setState({ inputVisible: true }, () => this.input.focus());
},
handleInputChange(e) {
this.setState({ inputValue: e.target.value });
},
handleInputConfirm() {
const state = this.state;
const inputValue = state.inputValue;
let tags = state.tags;
if (inputValue && tags.indexOf(inputValue) === -1 && inputValue.replace(/(^\s*)|(\s*$)/g, "").length != 0) {
tags = [...tags, inputValue.replace(/(^\s*)|(\s*$)/g, "")];
}
this.props.tagsArr(tags);
this.setState({
tags,
inputVisible: false,
inputValue: '',
});
},
componentWillMount() {
this.state.tags = this.props.keyWordArr;
},
componentWillReceiveProps(nextProps) {
if (this.props.keyWordArr != nextProps.keyWordArr) {
this.state.tags = nextProps.keyWordArr;
};
},
render() {
const { tags, inputVisible, inputValue } = this.state;
return (
{tags.map((tag, index) => {
const isLongTag = tag.length > 10;
const tagElem = (
this.handleClose(tag)}>
{isLongTag ? `${tag.slice(0, 10)}...` : tag}
);
return isLongTag ? {tagElem} : tagElem;
})}
{inputVisible && (
this.input = input}
type="text"
style={{ width: 78 }}
value={inputValue}
onChange={this.handleInputChange}
onBlur={this.handleInputConfirm}
onPressEnter={this.handleInputConfirm}
/>
)}
{!inputVisible && }
);
}
});
const PicturesWall = React.createClass({
getInitialState() {
return {
previewVisible: false,
previewImage: '',
fileList: [],
}
},
handleCancel() {
this.setState({ previewVisible: false })
},
handlePreview(file) {
this.setState({
previewImage: file.url || file.thumbUrl,
previewVisible: true,
});
},
handleChange(info) {
let fileList = info.fileList;
this.setState({ fileList });
this.props.fileList(fileList);
},
componentWillReceiveProps(nextProps) {
this.state.fileList = nextProps.pictureUrl;
},
render() {
const { previewVisible, previewImage, fileList } = this.state;
const uploadButton = (
);
return (
{fileList.length >= 5 ? null : uploadButton}
);
}
});
const DemandDetailShow = Form.create()(React.createClass({
getInitialState() {
return {
visible: false,
loading: false,
contactsObj: {},
salesmanObj: {},
data: {},
tags: [],
pictureUrl: [],
coverImg: []
};
},
loadData(id, detailApiUrl,dataCategory) {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/demand/orgDemandDetail",
data: {
id: id,
dataCategory:dataCategory?dataCategory:this.props.data.dataCategory
},
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,
switchValue: Boolean(!thisData.employerId),
radios: thisData.hot == '1' ? true : false,
tags: thisData.keyword ? (thisData.keyword.replace(/(,|、)/g, ",")).split(',') : [],
pictureUrl: thisData.pictureUrl ? splitUrl(thisData.pictureUrl, ',', globalConfig.avatarHost + '/upload') : [],
coverImg: thisData.coverImg ? splitUrl(thisData.coverImg, ',', globalConfig.avatarHost + '/upload') : []
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getContactsList(theUid) {
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/getContacts",
data: {
uid: theUid
},
success: function (data) {
let theOption = [];
if (!data.data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
};
} else {
this.setState({
contactsObj: data.data
});
};
}.bind(this),
});
},
ShelfCancel(){
let api=0;
this.offShelf(api);
},
ShelfOk(){
let api=1;
this.offShelf(api);
},
offShelf(nub) {
this.setState({
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/demand/offShelf",
data: {
"id": this.props.data.id,
releaseStatus:nub,
auditStatus:3
}
}).done(function (data) {
if (!data.error.length) {
message.success('操作成功!');
this.props.handleOk();
} else {
message.warning(data.error[0].message);
};
this.setState({
loading: false,
releaseSubmitVisible: false
});
}.bind(this));
},
modifyBroker() {
this.props.form.validateFields((err, values) => {
if (!err) {
this.setState({
loading: true
});
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/admin/audit/modifyDemandTechBroker',
data: {
id: this.props.data.id,
techBrokerId: values.modifyTechBrokerId
}
}).done(function (data) {
this.state.auditStatus = 0;
this.setState({
loading: false
});
if (data.error && data.error.length) {
message.warning(data.error[0].message);
} else {
message.success('保存成功!');
this.props.handleOk();
};
}.bind(this));
}
});
},
formSubmit() {
this.props.form.validateFields((err, values) => {
if (values.auditStatus == 3 && !values.techBrokerId) {
message.warning('必须选择一个技术经纪人!');
return
};
if (!err) {
this.setState({
loading: true
});
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/admin/audit/demand',
data: {
id: this.props.data.id,
techBroderId: values.techBrokerId,
auditStatus: values.auditStatus
}
}).done(function (data) {
this.state.auditStatus = 0;
if (!data.error.length) {
message.success('保存成功!');
this.setState({ formSubmitVisible: false });
this.props.handleOk();
} else {
message.warning(data.error[0].message);
this.setState({
loading: false,
});
}
}.bind(this));
}
});
},
handleSubmit(e) {
e.preventDefault();
this.props.form.validateFields((err, values) => {
if (values.auditStatus == 4) {
this.setState({
formSubmitVisible: true
});
} else {
this.formSubmit();
};
});
},
buildMatchList() {
this.setState({
buttonLoading: true
});
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/admin/demand/matchAchievement',
data: {
id: this.props.data.id,
}
}).done(function (data) {
this.setState({
buttonLoading: false
});
if (!data.error.length) {
message.success('匹配完成!匹配到' + data.data + '条记录');
} else {
message.warning(data.error[0].message);
};
}.bind(this));
},
componentWillMount() {
this.loadData(this.props.data.id, this.props.detailApiUrl);
if (this.props.data.employerId && this.props.data.dataCategory) {
this.getContactsList(this.props.data.employerId);
};
},
componentWillReceiveProps(nextProps) {
if (!this.props.visible && nextProps.visible) {
this.loadData(nextProps.data.id, nextProps.detailApiUrl,nextProps.data.dataCategory);
if (nextProps.data.employerId && nextProps.data.dataCategory) {
this.getContactsList(nextProps.data.employerId);
};
this.props.form.resetFields();
};
},
render() {
const theData = this.state.data || {};
const { getFieldDecorator } = this.props.form;
const FormItem = Form.Item
const formItemLayout = {
labelCol: { span: 6 },
wrapperCol: { span: 12 },
};
return (
)
}
}));
const DemandDetail = React.createClass({
getInitialState() {
return {
visible: false,
techBrodersObj: {},
tabsKey: "1",
columns: [
{
title: '编号',
dataIndex: 'serialNumber',
key: 'serialNumber',
}, {
title: '名称',
dataIndex: 'name',
key: 'name',
}, {
title: '关键字',
dataIndex: 'keyword',
key: 'keyword',
}, {
title: '类型',
dataIndex: 'category',
key: 'category',
render: text => { return getAchievementCategory(text); }
}, {
title: '所有人名称',
dataIndex: 'theName',
key: 'theName',
}, {
title: '所有人类型',
dataIndex: 'ownerType',
key: 'ownerType',
render: text => {
switch (text) {
case "0":
return 个人;
case "1":
return 组织
}
}
}, {
title: '发布时间',
dataIndex: 'releaseDateFormattedDate',
key: 'releaseDateFormattedDate',
}
],
dataSource: [],
};
},
getTechBrodersList() {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/audit/techBroders",
success: function (data) {
if (!data.data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
}
return;
};
let _me = this, theArr = [];
for (var item in data.data) {
theArr.push(
{data.data[item]}
)
};
this.setState({
techBrodersOption: theArr,
techBrodersObj: data.data
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getTableList() {
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/demand/achievementDemand",
data: { id: this.props.data.id },
success: function (data) {
let theArr = [];
if (!data.data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
};
} else if (data.data.length) {
for (let i = 0; i < data.data.length; i++) {
let thisdata = data.data[i];
theArr.push({
key: i,
id: thisdata.id,
serialNumber: thisdata.serialNumber,
dataCategory: thisdata.dataCategory,
name: thisdata.name,
keyword: thisdata.keyword,
category: thisdata.category,
ownerType: thisdata.ownerType,
theName: thisdata.username || thisdata.unitName,
releaseDate: thisdata.releaseDate,
releaseDateFormattedDate: thisdata.releaseDateFormattedDate
});
};
};
this.setState({
dataSource: theArr,
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
tableRowClick(record, index) {
window.open(globalConfig.context + '/portal/detail/achievementDetail.html?id=' + record.id + '&type=' + record.ownerType);
},
handleCancel(e) {
this.setState({
visible: false,
});
this.props.closeDesc(false);
},
handleOk(e) {
this.setState({
visible: false,
});
this.props.closeDesc(false, true);
},
componentWillMount() {
this.getTechBrodersList();
},
componentWillReceiveProps(nextProps) {
if (!this.state.visible && nextProps.showDesc) {
this.state.tabsKey = "1";
};
this.state.visible = nextProps.showDesc;
},
render() {
if (this.props.data) {
return (
{
this.setState({ tabsKey: e });
if (e == "2") {
this.getTableList();
};
}} >
);
} else {
return
}
},
});
export default DemandDetail;