import React from 'react';
import { Icon, Modal, message, Spin, Input, Select, DatePicker, Button, Row, Col, Table, Form } from 'antd';
import './comprehensive.less';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import { copyrightStateList } from '../../../dataDic.js';
import { getCopyrightState, getTime } from '../../../tools.js';
const CopyrightDescForm = Form.create()(React.createClass({
getInitialState() {
return {
visible: false,
loading: false,
stateOption: [],
contactsOption: [],
stateColumns: [{
title: '申请状态',
dataIndex: 'state',
key: 'state',
render: (text) => { return getCopyrightState(text) }
}, {
title: '处理时间',
dataIndex: 'recordTimeFormattedDate',
key: 'recordTimeFormattedDate',
}, {
title: '负责人',
dataIndex: 'principal',
key: 'principal',
}, {
title: '操作人',
dataIndex: 'operator',
key: 'operator',
}, {
title: '备注',
dataIndex: 'comment',
key: 'comment',
}]
};
},
componentWillMount() {
let _me = this;
copyrightStateList.map(function (item) {
_me.state.stateOption.push(
{item.key}
)
});
},
loadData(uid, cid, year) {
this.setState({
loading: true
});
$.when($.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/cognizanceLog",
data: {
pid: this.state.xid
}
}), $.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/getContacts"
}), $.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/getContacts",
})).done((data1, data2, data3) => {
//状态流转table
if (data1[0].error.length) {
message.warning(data1[0].error[0].message);
return;
};
let _me = this;
this.state.stateTable = [];
data1[0].data.map(function (item) {
this.state.stateTable.push({
key: i,
recordTimeFormattedDate: item.recordTimeFormattedDate,
state: item.state,
principal: item.principal,
operator: item.operator,
comment: item.comment
});
});
//获取联系人
if (data2[0].error.length) {
message.warning(data2[0].error[0].message);
return;
};
this.state.contactsOption = [];
for (let item in data2[0].data) {
let theData = data2[0].data[item];
contactsOption.push(
{theData}
);
};
//获取详细数据
if (data3[0].error.length || !data3[0].data) {
return;
};
let thisdata = data3[0].data;
this.setState({
});
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
componentWillReceiveProps(nextProps) {
if (!this.state.visible && nextProps.showDesc) {
this.loadData();
};
this.state.visible = nextProps.showDesc;
},
handleSubmit(e) {
e.preventDefault();
this.props.form.validateFields((err, values) => {
if (values.state || values.principal || values.recordTime || values.comment) {
if (!values.state && !values.principal && !values.recordTime) {
message.warning("请填写完整的状态流转信息!");
return;
};
};
if (!err) {
this.props.spinState(true);
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/disposeCognizanceDetail",
data: {
id: this.props.data.cid,
uid: this.props.data.uid,
technicalField1: values.technicalField[0],
technicalField2: values.technicalField[1],
technicalField3: values.technicalField[2],
basicResearchCost: values.basicResearchCost,
contacts: values.contacts,
accident: values.accident,
certificateNumber: values.certificateNumber,
recordTimeFormattedDate: values.recordTime ? values.recordTime.format("YYYY-MM-DD") : undefined,
state: values.state,
principal: values.principal,
comment: values.comment,
}
}).done(function (data) {
if (!data.error.length) {
message.success('保存成功!');
this.props.clickOk();
this.props.form.resetFields();
this.state.targetKeys = [];
this.state.selectedKeys = [];
this.props.spinState(false);
} else {
message.warning(data.error[0].message);
this.props.spinState(false);
}
}.bind(this));
}
});
},
render() {
const FormItem = Form.Item;
const { getFieldDecorator } = this.props.form;
//const theData = this.state.data;
const theData = {};
const formItemLayout = {
labelCol: { span: 6 },
wrapperCol: { span: 12 },
};
const _me = this;
return (
);
}
}));
const CopyrightDesc = React.createClass({
getInitialState() {
return {
visible: false,
loading: false
};
},
componentWillReceiveProps(nextProps) {
this.state.visible = nextProps.showDesc
},
showModal() {
this.setState({
visible: true,
});
},
handleOk() {
this.setState({
visible: false,
});
this.props.closeDesc(false, true);
},
handleCancel(e) {
this.setState({
visible: false,
});
this.props.closeDesc(false);
},
spinChange(e) {
this.setState({
loading: e
});
},
render() {
return (
);
}
});
export default CopyrightDesc;