|
@@ -1,5 +1,5 @@
|
|
|
import React from 'react';
|
|
|
-import { Icon, Tooltip, Modal, Popover, message, Spin, Upload, Input, InputNumber, Select, DatePicker, Button, Radio, Form, Cascader, Tag } from 'antd';
|
|
|
+import { 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';
|
|
@@ -1109,7 +1109,53 @@ const DemandDetail = React.createClass({
|
|
|
getInitialState() {
|
|
|
return {
|
|
|
visible: false,
|
|
|
- techBrodersObj: {}
|
|
|
+ techBrodersObj: {},
|
|
|
+ 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: 'ownerName',
|
|
|
+ key: 'ownerName',
|
|
|
+ }, {
|
|
|
+ title: '所有人类型',
|
|
|
+ dataIndex: 'ownerType',
|
|
|
+ key: 'ownerType',
|
|
|
+ render: text => {
|
|
|
+ switch (text) {
|
|
|
+ case "0":
|
|
|
+ return <span>个人</span>;
|
|
|
+ case "1":
|
|
|
+ return <span>组织</span>
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ title: '审核状态',
|
|
|
+ dataIndex: 'auditStatus',
|
|
|
+ key: 'auditStatus',
|
|
|
+ render: text => { return getTechAuditStatus(text) }
|
|
|
+ }, {
|
|
|
+ title: '发布时间',
|
|
|
+ dataIndex: 'releaseDateFormattedDate',
|
|
|
+ key: 'releaseDateFormattedDate',
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ dataSource: [],
|
|
|
};
|
|
|
},
|
|
|
getTechBrodersList() {
|
|
@@ -1145,10 +1191,62 @@ const DemandDetail = React.createClass({
|
|
|
});
|
|
|
}.bind(this));
|
|
|
},
|
|
|
- showModal() {
|
|
|
+ getTableList(id) {
|
|
|
this.setState({
|
|
|
- visible: true,
|
|
|
+ loading: true
|
|
|
});
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/audit/techBroders",
|
|
|
+ data: { id: id },
|
|
|
+ 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,
|
|
|
+ infoSources: thisdata.infoSources,
|
|
|
+ username: thisdata.username,
|
|
|
+ demandType: thisdata.demandType,
|
|
|
+ validityPeriod: thisdata.validityPeriod,
|
|
|
+ employerName: thisdata.employerName,
|
|
|
+ employerId: thisdata.employerId,
|
|
|
+ province: thisdata.province,
|
|
|
+ status: thisdata.status,
|
|
|
+ releaseStatus: thisdata.releaseStatus,
|
|
|
+ releaseDate: thisdata.releaseDate,
|
|
|
+ principalId: thisdata.principalId,
|
|
|
+ validityPeriodFormattedDate: thisdata.validityPeriodFormattedDate,
|
|
|
+ releaseDateFormattedDate: thisdata.releaseDateFormattedDate,
|
|
|
+ auditStatus: thisdata.auditStatus
|
|
|
+ });
|
|
|
+ };
|
|
|
+ };
|
|
|
+ this.setState({
|
|
|
+ dataSource: theArr,
|
|
|
+ });
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function () {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ tableRowClick(record, index) {
|
|
|
+ this.state.RowData = record;
|
|
|
+ debugger
|
|
|
},
|
|
|
handleCancel(e) {
|
|
|
this.setState({
|
|
@@ -1167,40 +1265,53 @@ const DemandDetail = React.createClass({
|
|
|
},
|
|
|
componentWillReceiveProps(nextProps) {
|
|
|
this.state.visible = nextProps.showDesc;
|
|
|
+ if (!this.props.showDesc && nextProps.showDesc) {
|
|
|
+ this.getTableList(nextProps.data.id);
|
|
|
+ };
|
|
|
},
|
|
|
render() {
|
|
|
if (this.props.data) {
|
|
|
return (
|
|
|
<div className="patent-desc">
|
|
|
- <Modal maskClosable={false} title="用户需求详情" visible={this.state.visible}
|
|
|
+ <Modal maskClosable={false} visible={this.state.visible}
|
|
|
onOk={this.checkPatentProcess} onCancel={this.handleCancel}
|
|
|
width='1000px'
|
|
|
footer=''
|
|
|
className="admin-desc-content">
|
|
|
- {(() => {
|
|
|
- if (this.props.data.auditStatus && this.props.data.auditStatus != "0" && this.props.data.auditStatus != "4") {
|
|
|
- return <DemandDetailShow
|
|
|
- data={this.props.data}
|
|
|
- detailApiUrl={this.props.detailApiUrl}
|
|
|
- techBrodersOption={this.state.techBrodersOption}
|
|
|
- techBrodersObj={this.state.techBrodersObj}
|
|
|
- demandTypeOption={this.props.demandTypeOption}
|
|
|
- closeDesc={this.handleCancel}
|
|
|
- visible={this.state.visible}
|
|
|
- handleOk={this.handleOk} />
|
|
|
- } else {
|
|
|
- return <DemandDetailForm
|
|
|
- data={this.props.data}
|
|
|
- detailApiUrl={this.props.detailApiUrl}
|
|
|
- companyOption={this.props.companyOption}
|
|
|
- userOption={this.props.userOption}
|
|
|
- techBrodersObj={this.state.techBrodersObj}
|
|
|
- demandTypeOption={this.props.demandTypeOption}
|
|
|
- closeDesc={this.handleCancel}
|
|
|
- visible={this.state.visible}
|
|
|
- handleOk={this.handleOk} />
|
|
|
- }
|
|
|
- })()}
|
|
|
+ <Tabs defaultActiveKey="1">
|
|
|
+ <Tabs.TabPane tab="需求详情" key="1">
|
|
|
+ {(() => {
|
|
|
+ if (this.props.data.auditStatus && this.props.data.auditStatus != "0" && this.props.data.auditStatus != "4") {
|
|
|
+ return <DemandDetailShow
|
|
|
+ data={this.props.data}
|
|
|
+ detailApiUrl={this.props.detailApiUrl}
|
|
|
+ techBrodersOption={this.state.techBrodersOption}
|
|
|
+ techBrodersObj={this.state.techBrodersObj}
|
|
|
+ demandTypeOption={this.props.demandTypeOption}
|
|
|
+ closeDesc={this.handleCancel}
|
|
|
+ visible={this.state.visible}
|
|
|
+ handleOk={this.handleOk} />
|
|
|
+ } else {
|
|
|
+ return <DemandDetailForm
|
|
|
+ data={this.props.data}
|
|
|
+ detailApiUrl={this.props.detailApiUrl}
|
|
|
+ companyOption={this.props.companyOption}
|
|
|
+ userOption={this.props.userOption}
|
|
|
+ techBrodersObj={this.state.techBrodersObj}
|
|
|
+ demandTypeOption={this.props.demandTypeOption}
|
|
|
+ closeDesc={this.handleCancel}
|
|
|
+ visible={this.state.visible}
|
|
|
+ handleOk={this.handleOk} />
|
|
|
+ }
|
|
|
+ })()}
|
|
|
+ </Tabs.TabPane>
|
|
|
+ <Tabs.TabPane tab="匹配列表" key="2">
|
|
|
+ <Table columns={this.state.columns}
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ pagination={false}
|
|
|
+ onRowClick={this.tableRowClick} />
|
|
|
+ </Tabs.TabPane>
|
|
|
+ </Tabs>
|
|
|
</Modal>
|
|
|
</div>
|
|
|
);
|