import React from 'react'; import { Icon, Button, Upload, Input, Spin, Table, message, Select, Modal, DatePicker, Cascader, Transfer, InputNumber, Switch, Form } from 'antd'; import { technicalSourceList } from '../../dataDic.js'; import { techFieldList, getTechField } from '../../DicTechFieldList.js'; import { getTechnicalSource, beforeUploadFile, newDownloadFile } from '../../tools.js'; import './activity.less'; import moment from 'moment'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; if (!Array.prototype.includes) { Object.defineProperty(Array.prototype, 'includes', { value: function (searchElement, fromIndex) { // 1. Let O be ? ToObject(this value). if (this == null) { throw new TypeError('"this" is null or not defined'); } var o = Object(this); // 2. Let len be ? ToLength(? Get(O, "length")). var len = o.length >>> 0; // 3. If len is 0, return false. if (len === 0) { return false; } // 4. Let n be ? ToInteger(fromIndex). // (If fromIndex is undefined, this step produces the value 0.) var n = fromIndex | 0; // 5. If n ≥ 0, then // a. Let k be n. // 6. Else n < 0, // a. Let k be len + n. // b. If k < 0, let k be 0. var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); // 7. Repeat, while k < len while (k < len) { // a. Let elementK be the result of ? Get(O, ! ToString(k)). // b. If SameValueZero(searchElement, elementK) is true, return true. // c. Increase k by 1. // NOTE: === provides the correct "SameValueZero" comparison needed here. if (o[k] === searchElement) { return true; } k++; } // 8. Return false return false; } }); } const ActivityForm = Form.create()(React.createClass({ getInitialState() { return { loading: false, targetKeys: [], selectedKeys: [] }; }, loadData(id) { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/cognizance/activityDetail", data: { id: id || this.props.data.id } }).done(function (data) { if (!data.data) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; } else { this.setState({ data: data.data, targetKeys: data.data.intellectualPropertyNumber ? data.data.intellectualPropertyNumber.split(",") : [], techField: [data.data.technicalField1, data.data.technicalField2, data.data.technicalField3] }); }; }.bind(this)).always(function (data) { this.setState({ loading: false }); }.bind(this)); }, handleSubmit(e) { e.preventDefault(); this.props.form.validateFields((err, values) => { if (!err) { this.setState({ loading: true }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/cognizance/activity", data: { id: this.props.data.id, uid: this.props.uid, activityName: values.activityName, activityNumber: values.activityNumber, projectMode: values.projectMode, startDateFormattedDate: values.startDate ? values.startDate.format("YYYY-MM-DD") : null, endDateFormattedDate: values.endDate ? values.endDate.format("YYYY-MM-DD") : null, technicalField1: values.techField[0], technicalField2: values.techField[1], technicalField3: values.techField[2], technicalSource: values.technicalSource, intellectualPropertyNumber: this.state.targetKeys.join(","), budget: values.budget, implement: values.implement, technologyInnovation: values.technologyInnovation, achievement: values.achievement, proofUrl: this.state.proofUrl } }).done(function (data) { if (!data.error.length) { message.success('保存成功!'); this.props.closeModal(true); } else { message.warning(data.error[0].message); }; this.setState({ loading: false }); }.bind(this)); } }); }, componentWillMount() { if (this.props.data.id) { this.loadData(); } else { this.state.data = {}; this.state.targetKeys = []; this.state.techField = undefined; }; }, componentWillReceiveProps(nextProps) { if (!this.props.visible && nextProps.visible) { this.state.mockData = nextProps.data.mockData; this.props.form.resetFields(); this.state.proofUrl = undefined; this.state.fileList = []; if (nextProps.data.id) { this.loadData(nextProps.data.id); } else { this.state.data = {}; this.state.targetKeys = []; this.state.techField = undefined; }; }; }, intellectualChange(nextTargetKeys, direction, moveKeys) { this.setState({ targetKeys: nextTargetKeys }); }, intellectualSelectChange(sourceSelectedKeys, targetSelectedKeys) { this.setState({ selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys] }); }, render() { const FormItem = Form.Item; const { getFieldDecorator } = this.props.form; const theData = this.state.data; const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 12 }, }; if (theData) { return (
{getFieldDecorator('activityNumber', { initialValue: theData.activityNumber })( )} {getFieldDecorator('activityName', { initialValue: theData.activityName })( )} {getFieldDecorator('startDate', { initialValue: theData.startDateFormattedDate ? moment(theData.startDateFormattedDate) : null })( )} {getFieldDecorator('endDate', { initialValue: theData.endDateFormattedDate ? moment(theData.endDateFormattedDate) : null })( )}
{getFieldDecorator('techField', { initialValue: this.state.techField || [] })( )}
{getFieldDecorator('technicalSource', { initialValue: theData.technicalSource ? String(theData.technicalSource) : undefined, })( )} {getFieldDecorator('projectMode', { initialValue: theData.projectMode })( )}

知识产权编号:

`${item.name}-${item.number}`} />
{getFieldDecorator('budget', { initialValue: theData.budget })( )} 万元

研发经费近三年总支出:

{ (theData.firstYearExpenditure || 0) + (theData.secondYearExpenditure || 0) + (theData.thirdYearExpenditure || 0) } 万元 {theData.firstYearExpenditure} 万元 {theData.secondYearExpenditure} 万元 {theData.thirdYearExpenditure} 万元

目的及组织实施方式(限400字):

{getFieldDecorator('implement', { initialValue: theData.implement })( )}

核心技术及创新点(限400字):

{getFieldDecorator('technologyInnovation', { initialValue: theData.technologyInnovation })( )}

取得的阶段性成果(限400字):

{getFieldDecorator('achievement', { initialValue: theData.achievement })( )}
{ if (info.file.status !== 'uploading') { console.log(info.file, info.fileList); } if (info.file.status === 'done') { if (!info.file.response.error.length) { message.success(`${info.file.name} 文件上传成功!`); } else { message.warning(info.file.response.error[0].message); return; }; this.state.proofUrl = info.file.response.data; } else if (info.file.status === 'error') { message.error(`${info.file.name} 文件上传失败。`); }; this.setState({ fileList: info.fileList.slice(-1) }); }} >

{theData.proofUrl ? {theData.proofDownloadFileName} : 未上传!}

) } else { return (
) }; } })); const ActivityDesc = React.createClass({ getInitialState() { return { visible: false, loading: false }; }, handleCancel(e) { this.setState({ visible: false, }); this.props.closeDesc(false); if (e) { this.props.closeDesc(false, true); }; }, componentWillReceiveProps(nextProps) { this.state.visible = nextProps.showDesc; }, render() { return (
); }, }); const Activity = React.createClass({ loadData(pageNo) { this.state.data = []; this.setState({ loading: true }); $.when($.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/cognizance/activityList", data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, activityNumber: this.state.activityNumber, activityName: this.state.activityName } }), $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/cognizance/intellectualList", data: { pageNo: pageNo || 1, pageSize: 99, } })).done((data1, data2) => { let data = data1[0]; let intellectualList = data2[0]; let theArr = [], theObj = {}; if (data.error.length || !data.data || !data.data.list) { message.warning(data.error[0].message); } else { for (let i = 0; i < data.data.list.length; i++) { let thisdata = data.data.list[i]; this.state.data.push({ key: i, id: thisdata.id, uid: thisdata.uid, activityNumber: thisdata.activityNumber, activityName: thisdata.activityName, startDate: thisdata.startDate, endDate: thisdata.endDate, mockData: this.state.mockData, techField: [thisdata.technicalField1, thisdata.technicalField2, thisdata.technicalField3], technicalField: getTechField(thisdata.technicalField1, thisdata.technicalField2, thisdata.technicalField3), technicalField1: thisdata.technicalField1, technicalField2: thisdata.technicalField2, technicalField3: thisdata.technicalField3, technicalSource: thisdata.technicalSource ? String(thisdata.technicalSource) : undefined, intellectualPropertyNumber: thisdata.intellectualPropertyNumber ? thisdata.intellectualPropertyNumber.split(",") : [], intellectualPropertyNumberText: thisdata.intellectualPropertyNumber, budget: thisdata.budget, firstYearExpenditure: thisdata.firstYearExpenditure, secondYearExpenditure: thisdata.secondYearExpenditure, thirdYearExpenditure: thisdata.thirdYearExpenditure, implement: thisdata.implement, technologyInnovation: thisdata.technologyInnovation, achievement: thisdata.achievement, internalLaborCost: thisdata.internalLaborCost, internalDirectCost: thisdata.internalDirectCost, internalDepreciationCost: thisdata.internalDepreciationCost, internalAmortizationCost: thisdata.internalAmortizationCost, internalDesignCost: thisdata.internalDesignCost, internalEquipmentCost: thisdata.internalEquipmentCost, internalOtherCost: thisdata.internalOtherCost, externalTotalCost: thisdata.externalTotalCost, externalAbroadCost: thisdata.externalAbroadCost, enterpriseFiller: thisdata.enterpriseFiller, signDate: thisdata.signDate, sortNumber: thisdata.sortNumber, startDateFormattedDate: thisdata.startDateFormattedDate, endDateFormattedDate: thisdata.endDateFormattedDate, projectMode: thisdata.projectMode, proofUrl: thisdata.proofUrl, proofDownloadFileName: thisdata.proofDownloadFileName }); }; this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; }; if (intellectualList.error.length || !intellectualList.data || !intellectualList.data.list) { message.warning(intellectualList.error[0].message); } else { for (let i = 0; i < intellectualList.data.list.length; i++) { theArr.push({ key: intellectualList.data.list[i].id, number: intellectualList.data.list[i].intellectualPropertyNumber, name: intellectualList.data.list[i].intellectualPropertyName }); theObj[intellectualList.data.list[i].id] = intellectualList.data.list[i].intellectualPropertyNumber; }; }; this.setState({ dataSource: this.state.data, pagination: this.state.pagination, mockData: theArr, mockDataObj: theObj }); }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { mockData: [], mockDataObj: {}, selectedRowKeys: [], selectedRows: [], loading: 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: 'activityNumber', key: 'activityNumber' }, { title: '研发活动名称', dataIndex: 'activityName', key: 'activityName' }, { title: '技术领域', dataIndex: 'technicalField', key: 'technicalField' }, { title: '技术来源', dataIndex: 'technicalSource', key: 'technicalSource', render: (text) => { return getTechnicalSource(text) } }, { title: '知识产权编号', dataIndex: 'intellectualPropertyNumberText', key: 'intellectualPropertyNumberText', render: (text) => { let arr = [], _me = this; if (text && text.split(',').length) { text.split(',').map((item) => { arr.push(_me.state.mockDataObj[item]); }); }; return arr.join(','); } }, { title: '开始时间', dataIndex: 'startDateFormattedDate', key: 'startDateFormattedDate' }, { title: '结束时间', dataIndex: 'endDateFormattedDate', key: 'endDateFormattedDate' } ], dataSource: [] }; }, componentWillMount() { this.loadData(); }, tableRowClick(record, index) { this.state.RowData = record; this.setState({ showDesc: 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/deleteActivity", 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(); }; }, search() { this.loadData(); }, reset() { this.state.activityName = undefined; this.state.activityNumber = undefined; 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 (
企业研究开发活动情况表
{ this.setState({ activityName: e.target.value }); }} /> { this.setState({ activityNumber: e.target.value }); }} />

); } }); export default Activity;