import React from 'react';
import { Icon, InputNumber, Form, Button, Input, Radio, Select, Spin, Table, message, Cascader, Modal } from 'antd';
import { provinceArr, cognizanceStateList } from '../../dataDic.js';
import { techFieldList } from '../../DicTechFieldList.js';
import { getTime, getCognizanceState } from '../../tools.js';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import moment from 'moment';
import './cognizance.less';
const CognizanceDescFrom = Form.create()(React.createClass({
loadData() {
this.setState({
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/user/cognizance/cognizanceDetail",
data: {
cid: this.props.data.cid,
year: this.props.data.year
},
success: function (data) {
if (data.error.length || !data.data) {
message.warning(data.error[0].message);
return;
};
this.state.data = data.data;
this.state.cid = this.props.data.cid;
this.state.moneyTable = [{
key: 1,
year: '第一年',
netAsset: data.data.netAsset1,
salesRevenue: data.data.salesRevenue1,
grossProfit: data.data.grossProfit1
}, {
key: 2,
year: '第二年',
netAsset: data.data.netAsset2,
salesRevenue: data.data.salesRevenue2,
grossProfit: data.data.grossProfit2
}, {
key: 3,
year: '第三年',
netAsset: data.data.netAsset3,
salesRevenue: data.data.salesRevenue3,
grossProfit: data.data.grossProfit3
}];
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getStateData() {
this.setState({
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/user/cognizance/cognizanceLog",
data: {
cid: this.props.data.cid
},
success: function (data) {
if (data.error.length || !data.data) {
message.warning(data.error[0].message);
return;
};
this.state.stateTable = [];
for (let i = 0; i < data.data.length; i++) {
this.state.stateTable.push({
key: i,
recordTimeFormattedDate: data.data[i].recordTimeFormattedDate,
state: String(data.data[i].state),
principal: data.data[i].principal,
operator: data.data[i].operator,
comment: data.data[i].comment
});
};
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getInitialState() {
return {
loading: false,
stateOption: [],
moneyColumns: [{
title: '',
dataIndex: 'year',
key: 'year',
}, {
title: '净资产',
dataIndex: 'netAsset',
key: 'netAsset',
}, {
title: '销售收入',
dataIndex: 'salesRevenue',
key: 'salesRevenue',
}, {
title: '利润总额',
dataIndex: 'grossProfit',
key: 'grossProfit',
}],
stateColumns: [{
title: '专利状态',
dataIndex: 'state',
key: 'state',
render: (text) => { return getCognizanceState(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;
cognizanceStateList.map(function (item) {
_me.state.stateOption.push(
{item.key}
)
});
this.loadData();
this.getStateData();
},
handleSubmit(e) {
e.preventDefault();
this.props.form.validateFields((err, values) => {
if (!err) {
this.props.spinState(true);
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/user/cognizance/disposeCognizanceDetail",
data: {
id: this.props.data.cid,
technicalField1: values.technicalField[0],
technicalField2: values.technicalField[1],
technicalField3: values.technicalField[2],
basicResearchCost: values.basicResearchCost,
accident: values.accident
}
}).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));
}
});
},
componentWillReceiveProps(nextProps) {
if (!this.props.visible && nextProps.visible) {
this.getStateData();
this.loadData();
};
},
render() {
const FormItem = Form.Item;
const { getFieldDecorator } = this.props.form;
const theData = this.state.data;
const formItemLayout = {
labelCol: { span: 6 },
wrapperCol: { span: 12 },
};
const _me = this;
if (this.state.data) {
return (
);
} else {
return ()
};
},
}));
const CognizanceDesc = 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 (
);
}
});
const CognizanceAdd = React.createClass({
getInitialState() {
return {
visible: false,
loading: false,
yearOption: []
};
},
componentWillReceiveProps(nextProps) {
this.state.visible = nextProps.showAdd
},
componentWillMount() {
let d = new Date();
let _me = this;
d = d.getFullYear() - 1;
this.state.thisYear = d;
for (let i = d; i < d + 20; i++) {
_me.state.yearOption.push(
{i}
)
};
},
showModal() {
this.setState({
visible: true,
});
},
handleOk() {
this.setState({
loading: true
});
if (!this.state.year) {
message.warning('请选择年份!');
this.setState({
loading: false
});
return;
};
if (!this.state.contacts) {
message.warning('请选择一个联系人!');
this.setState({
loading: false
});
return;
};
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/user/cognizance/applyCognizance",
data: {
year: this.state.year,
contacts: this.state.contacts,
comment: this.state.comment,
state: this.state.year == this.state.thisYear ? 0 : 7
}
}).done(function (data) {
if (!data.error.length) {
message.success('保存成功!');
this.setState({
visible: false
});
this.props.closeAdd(false, true);
} else {
message.warning(data.error[0].message);
this.setState({
loading: false
});
}
}.bind(this));
},
handleCancel(e) {
this.setState({
visible: false,
});
this.props.closeAdd(false);
},
spinChange(e) {
this.setState({
loading: e
});
},
render() {
return (
提交
,
,
]}
>
选择申请年份:
选择联系人:
);
}
});
const Cognizance = React.createClass({
loadData(pageNo) {
this.state.data = [];
this.setState({
loading: true
});
$.when($.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/user/cognizance/getContacts"
}), $.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/user/cognizance/listCognizance",
data: {
pageNo: pageNo || 1,
pageSize: this.state.pagination.pageSize
}
})).done((data1, data2) => {
this.state.data = [];
if (data1[0].error || !data1[0].data) {
if (data1[0].error.length) {
message.warning(data1[0].error[0].message);
return;
};
};
if (data2[0].error || !data2[0].data || !data2[0].data.list) {
if (data2[0].error.length) {
message.warning(data2[0].error[0].message);
this.state.ButtonDisabled = true;
return;
};
};
let _me = this;
for (let item in data1[0].data) {
let theData = data1[0].data[item];
_me.state.contactsOption.push(
{theData}
);
};
for (let i = 0; i < data2[0].data.list.length; i++) {
let thisdata = data2[0].data.list[i];
this.state.data.push({
key: i,
uid: thisdata.uid,
cid: thisdata.cid,
year: thisdata.year,
serialNumber: thisdata.serialNumber,
locationProvince: thisdata.locationProvince,
unitName: thisdata.unitName,
contacts: [thisdata.contacts, {
'1': thisdata.firstContacts,
'2': thisdata.secondContacts,
'3': thisdata.thirdContacts
}],
createTime: thisdata.createTime,
comment: thisdata.comment,
state: thisdata.state,
certificateNumber: thisdata.certificateNumber,
issuingDate: thisdata.issuingDate,
consultant: thisdata.consultant,
createTimeFormattedDate: thisdata.createTimeFormattedDate,
issuingDateFormattedDate: thisdata.issuingDateFormattedDate
});
};
this.state.pagination.current = data2[0].data.pageNo;
this.state.pagination.total = data2[0].data.totalCount;
this.setState({
dataSource: this.state.data,
pagination: this.state.pagination
});
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getInitialState() {
return {
contactsOption: [],
selectedRowKeys: [],
selectedRows: [],
loading: false,
showAdd: false,
showDesc: false,
pagination: {
defaultCurrent: 1,
defaultPageSize: 10,
showQuickJumper: true,
pageSize: 10,
onChange: function (page) {
this.loadData(page);
}.bind(this),
showTotal: function (total) {
return '共' + total + '条数据';
}
},
columns: [
{
title: '编号',
dataIndex: 'serialNumber',
key: 'serialNumber'
}, {
title: '联系人',
dataIndex: 'contacts',
key: 'contacts',
render: (text) => {
for (let item in text[1]) {
if (text[0] == item) {
return text[1][item];
};
};
}
}, {
title: '派单日',
dataIndex: 'createTimeFormattedDate',
key: 'createTimeFormattedDate'
}, {
title: '状态',
dataIndex: 'state',
key: 'state',
render: (text) => { return getCognizanceState(text) }
}, {
title: '证书编号',
dataIndex: 'certificateNumber',
key: 'certificateNumber'
}, {
title: '发证日',
dataIndex: 'issuingDateFormattedDate',
key: 'issuingDateFormattedDate'
}, {
title: '到期日',
dataIndex: 'issuingDate',
key: 'issuingDate',
render: (text) => { return getTime(text, 36) }
}, {
title: '咨询师',
dataIndex: 'consultant',
key: 'consultant'
}
],
dataSource: []
};
},
componentWillMount() {
this.loadData();
},
tableRowClick(record, index) {
this.state.RowData = record;
this.setState({
showDesc: true
});
},
addClick() {
this.setState({
showAdd: true
});
},
// delectRow() {
// let deletedIds = [];
// for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
// let rowItem = this.state.selectedRows[idx];
// if (rowItem.id) {
// deletedIds.push(rowItem.id)
// }
// }
// this.setState({
// selectedRowKeys: [],
// loading: deletedIds.length > 0
// });
// $.ajax({
// method: "POST",
// dataType: "json",
// crossDomain: false,
// url: globalConfig.context + "/api/user/cognizance/deleteTechProduct",
// data: {
// ids: deletedIds
// }
// }).done(function (data) {
// if (!data.error.length) {
// message.success('保存成功!');
// this.setState({
// loading: false,
// });
// } else {
// message.warning(data.error[0].message);
// };
// this.loadData();
// }.bind(this));
// },
closeDesc(e, s) {
this.state.showDesc = e;
if (s) {
this.loadData();
};
},
closeAdd(e, s) {
this.state.showAdd = e;
if (s) {
this.loadData();
};
},
// search() {
// this.loadData();
// },
// reset() {
// this.loadData();
// },
render() {
const rowSelection = {
selectedRowKeys: this.state.selectedRowKeys,
onChange: (selectedRowKeys, selectedRows) => {
this.setState({
selectedRows: selectedRows,
selectedRowKeys: selectedRowKeys
});
}
};
const hasSelected = this.state.selectedRowKeys.length > 0;
return (
);
}
});
export default Cognizance;