import React from 'react'; import { Spin, Button, Tabs } from 'antd'; import ajax from 'jquery/src/ajax/xhr.js' import $ from 'jquery/src/ajax'; import DemandDesc from '../../portal/search/demandDesc'; import AchievementDesc from '../../portal/search/achievementDesc'; import './content.less'; const TabPane = Tabs.TabPane; const Content = React.createClass({ achievementLoadData(pageNo) { this.state.data = []; this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/portal/achievementInterestList", data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize }, success: function (data) { let theArr = []; if (!data.data && !data.data.list) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; } else { for (let i = 0; i < data.data.list.length; i++) { let thisdata = data.data.list[i]; theArr.push({ key: i, id: thisdata.id, achievementId: thisdata.achievementId, createTime: thisdata.createTime, name: thisdata.name, serialNumber: thisdata.serialNumber, deletedSign: thisdata.deletedSign, auditStatus: thisdata.auditStatus, createTimeFormattedDate: thisdata.createTimeFormattedDate }); }; } this.state.achievementPagination.current = data.data.pageNo; this.state.achievementPagination.total = data.data.totalCount; this.setState({ achievementDataSource: theArr, achievementPagination: this.state.achievementPagination }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, demandLoadData(pageNo) { this.state.data = []; this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/demand/list", data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, serialNumber: this.state.serialNumber, name: this.state.name, keyword: this.state.keyword, demandType: this.state.demandType ? Number(this.state.demandType) : undefined, status: this.state.status ? Number(this.state.status) : undefined, releaseStatus: this.state.releaseStatus ? Number(this.state.releaseStatus) : undefined, validityPeriodStartDate: this.state.validityPeriodDate[0], validityPeriodEndDate: this.state.validityPeriodDate[1], releaseDateStartDate: this.state.releaseDate[0], releaseDateEndDate: this.state.releaseDate[1], auditStatus: this.state.auditStatus }, success: function (data) { let theArr = []; if (!data.data && !data.data.list) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; } else { for (let i = 0; i < data.data.list.length; i++) { let thisdata = data.data.list[i]; theArr.push({ key: i, id: thisdata.id, serialNumber: thisdata.serialNumber, dataCategory: thisdata.dataCategory, name: thisdata.name, keyword: thisdata.keyword, releaseDate: thisdata.releaseDate, demandType: thisdata.demandType, validityPeriod: thisdata.validityPeriod, status: thisdata.status, releaseStatus: thisdata.releaseStatus, employerId: thisdata.employerId, releaseDateFormattedDate: thisdata.releaseDateFormattedDate, validityPeriodFormattedDate: thisdata.validityPeriodFormattedDate, auditStatus: thisdata.auditStatus }); }; } this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; this.setState({ dataSource: theArr, pagination: this.state.pagination }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { loading: false, demandShowDesc: false, achievementShowDesc: false, achievementPagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function (page) { this.achievementLoadData(page); }.bind(this), showTotal: function (total) { return '共' + total + '条数据'; } }, achievementColumns: [ { title: '编号', dataIndex: 'serialNumber', key: 'serialNumber', }, { title: '需求名称', dataIndex: 'name', key: 'name', }, { title: '关键字', dataIndex: 'keyword', key: 'keyword', }, { title: '需求类型', dataIndex: 'demandType', key: 'demandType', render: text => { return getDemandType(text); } }, { title: '审核状态', dataIndex: 'auditStatus', key: 'auditStatus', render: text => { switch (text) { case "0": return 未提交审核(草稿); case "1": return 提交审核; case "2": return 审核中; case "3": return 审核通过; case "4": return 审核未通过; } } }, { title: '需求状态', dataIndex: 'status', key: 'status', render: text => { switch (text) { case "0": return 进行中; case "1": return 未解决; case "2": return 已解决; } } }, { title: '有效期限', dataIndex: 'validityPeriodFormattedDate', key: 'validityPeriodFormattedDate', }, { title: '发布时间', dataIndex: 'releaseDateFormattedDate', key: 'releaseDateFormattedDate', } ], achievementDataSource: [], demandPagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function (page) { this.demandLoadData(page); }.bind(this), showTotal: function (total) { return '共' + total + '条数据'; } }, demandColumns: [ { title: '编号', dataIndex: 'serialNumber', key: 'serialNumber', }, { title: '需求名称', dataIndex: 'name', key: 'name', }, { title: '关键字', dataIndex: 'keyword', key: 'keyword', }, { title: '需求类型', dataIndex: 'demandType', key: 'demandType', render: text => { return getDemandType(text); } }, { title: '审核状态', dataIndex: 'auditStatus', key: 'auditStatus', render: text => { switch (text) { case "0": return 未提交审核(草稿); case "1": return 提交审核; case "2": return 审核中; case "3": return 审核通过; case "4": return 审核未通过; } } }, { title: '需求状态', dataIndex: 'status', key: 'status', render: text => { switch (text) { case "0": return 进行中; case "1": return 未解决; case "2": return 已解决; } } }, { title: '有效期限', dataIndex: 'validityPeriodFormattedDate', key: 'validityPeriodFormattedDate', }, { title: '发布时间', dataIndex: 'releaseDateFormattedDate', key: 'releaseDateFormattedDate', } ], demandDataSource: [], }; }, componentDidMount() { this.achievementLoadData(); }, tabChange(key) { }, demandRowClick(record, index) { this.state.demandRowData = record; this.setState({ demandShowDesc: true }); }, achievementRowClick(record, index) { this.state.achievementRowData = record; this.setState({ achievementShowDesc: true }); }, demandCloseDesc(e) { this.setState({ demandShowDesc: e }); }, achievementCloseDesc(e) { this.setState({ achievementShowDesc: e }); }, render() { return (