import React from 'react'; import { Radio, Icon, Button, Input, Select, Spin, Table, Switch, message, DatePicker, Modal, Upload ,Popconfirm} from 'antd'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import moment from 'moment'; import '../techAchievement.less'; import TechAchievementDesc from './auditDesc.jsx'; import { achievementCategoryList, techAuditStatusList } from '../../../dataDic.js'; import { beforeUploadFile, companySearch, getAchievementCategory, getSearchUrl, getTechAuditStatus ,getboutique,gethot} from '../../../tools.js'; const AchievementList = React.createClass({ loadData(pageNo, apiUrl) { this.state.data = []; if(this.state.serialNumber&&isNaN(this.state.serialNumber)){ message.warning('请输入正确的编号格式'); return false; } this.setState({ loading: true, ispage:pageNo, }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/achievement/orgList', data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, serialNumber: this.state.serialNumber, //编号 name: this.state.name, ownerName: this.state.ownerName, auditStatus:3,//名称 keyword: this.state.keyword, // 关键词 category: this.state.category, //类型(0--专利, 2--软著, 3--项目, 4--版权, 5--工业设计, 6--配方, 7--非标) releaseDateStartDate: this.state.releaseDate[0], releaseDateEndDate: this.state.releaseDate[1], releaseStatus: this.state.releaseStatus ? Number(this.state.releaseStatus) : undefined, //是否发布(0--未发布,1--已发布) boutique:this.state.boutique, hot:this.state.hot, createDateStartDate: this.state.releaseDateS[0], createDateEndDate: this.state.releaseDateS[1], ownerType:this.state.ownerType, }, 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, theName: thisdata.username || thisdata.ownerName, category: thisdata.category, ownerName: thisdata.username ? thisdata.username : thisdata.ownerName, ownerType: thisdata.ownerType, ownerMobile: thisdata.ownerMobile, status: thisdata.status, releaseDate: thisdata.releaseDate, releaseDateFormattedDate: thisdata.releaseDateFormattedDate, auditStatus: thisdata.auditStatus, boutique: thisdata.boutique, hot: thisdata.hot, releaseStatus: thisdata.releaseStatus, techBrokerId:thisdata.techBrokerId, createTimeFormattedDate: thisdata.createTimeFormattedDate, remark:thisdata.remark, ispage:pageNo, }); }; 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 { searchMore: true, searchType: 0, validityPeriodDate: [], releaseDate: [], releaseDateS: [], 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: '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: 'techBrokerId', key: 'techBrokerId', },{ title: '审核状态', dataIndex: 'auditStatus', key: 'auditStatus', render: text => { return getTechAuditStatus(text) } },{ title: '发布状态', dataIndex: 'releaseStatus', key: 'releaseStatus', render: text => { return (text)?'已发布':'未发布' } }, { title: '是否精品', dataIndex: 'boutique', key: 'boutique', render: text => { return getboutique(text) } }, { title: '发布时间', dataIndex: 'releaseDateFormattedDate', key: 'releaseDateFormattedDate', },{ title: '录入时间', dataIndex: 'createTimeFormattedDate', key: 'createTimeFormattedDate', }, { title: '发布操作', dataIndex: 'ee', key: 'ee', render: (text, record, index) => { return <div> {(!record.releaseStatus)?<Popconfirm title={'请确认发布成果【'+record.name+'】'} onConfirm={(e)=>{this.examineOK(record)}} okText="确认" cancelText="取消"> <Button style={{marginRight:'5px'}} onClick={(e) =>{ e.stopPropagation()}} type="primary">发布</Button> </Popconfirm>: <Popconfirm title={'请确认撤销发布成果【'+record.name+'】'} onConfirm={(e)=>{this.examineCancel(record)}} okText="确认" cancelText="取消"> <Button style={{marginRight:'5px'}} onClick={(e) =>{ e.stopPropagation()}} type="danger">撤销发布</Button> </Popconfirm>} </div> } }, ], dataSource: [], searchTime: [,] }; }, componentWillMount() { let theArr = []; achievementCategoryList.map(function (item) { theArr.push( <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option> ) }); let auditArr = []; techAuditStatusList.map(function (item) { auditArr.push( <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option> ) }); this.state.achievementCategoryOption = theArr; this.state.auditStatusOption = auditArr; let data=localStorage.getItem('newData'); if(data!='{}'&&data){ var newData = JSON.parse(data); this.tableRowClick(newData); }; this.loadData(); }, tableRowClick(record, index) { this.state.RowData=record; this.setState({ showDesc: true }); localStorage.setItem('newData','{}'); }, //撤销发布 examineCancel(record){ let api=0; this.examine(api,record); }, //发布 examineOK(record){ let api=1; this.examine(api,record); }, examine(api,record) { this.setState({ selectedRowKeys: [], }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/achievement/offShelf', data: { id:record.id, releaseStatus:api, auditStatus:3 } }).done(function (data) { if (!data.error.length) { message.success('操作成功'); this.setState({ loading: false, }); } else { message.warning(data.error[0].message); }; this.loadData(this.state.ispage); }.bind(this)); }, // 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/admin/achievement/delete", // 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(this.state.ispage); // }.bind(this)); // }, addClick() { this.state.RowData = {}; this.setState({ showDesc: true }); }, closeDesc(e, s) { this.state.showDesc = e; if (s) { this.loadData(this.state.ispage); }; }, search() { this.loadData(); }, reset() { this.state.serialNumber = undefined; this.state.name = undefined; this.state.ownerName= undefined; this.state.keyword = undefined; this.state.category = undefined; this.state.ownerType = undefined; this.state.releaseStatus = undefined; this.state.auditStatus = undefined; this.state.searchName = undefined; this.state.releaseDate = []; this.state.releaseDateS = []; this.state.boutique = ''; this.state.hot='' ; this.loadData(); }, searchSwitch() { this.setState({ searchMore: !this.state.searchMore }); }, render() { const rowSelection = { selectedRowKeys: this.state.selectedRowKeys, onChange: (selectedRowKeys, selectedRows) => { this.setState({ selectedRows: selectedRows.slice(-1), selectedRowKeys: selectedRowKeys.slice(-1) }); } }; const hasSelected = this.state.selectedRowKeys.length > 0; const { RangePicker } = DatePicker; return ( <div className="user-content" > <div className="content-title"> <span>科技成果发布</span> <div className="patent-addNew clearfix"> <Upload action={globalConfig.context + "/api/admin/achievement/uploadTemplate"} data={{ 'sign': 'achievement_template' }} beforeUpload={beforeUploadFile} showUploadList={false} onChange={(info) => { if (info.file.status !== 'uploading') { } 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; }; } else if (info.file.status === 'error') { message.error(`${info.file.name} 文件上传失败。`); }; }} > <Button style={{"display":"none"}}>上传批量导入模板</Button> </Upload> <Button onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/downloadTemplate?sign=achievement_template') }} style={{"display":"none"}}>下载批量导入模板</Button> <Button type="primary" className="addButton" onClick={this.addClick} style={{"display":"none"}}>发布成果<Icon type="plus" /></Button> </div> </div> <div className="user-search"> <Input placeholder="编号" value={this.state.serialNumber} onChange={(e) => { this.setState({ serialNumber: e.target.value }); }} /> <Input placeholder="名称" value={this.state.name} onChange={(e) => { this.setState({ name: e.target.value }); }} /> <Input placeholder="关键字" value={this.state.keyword} onChange={(e) => { this.setState({ keyword: e.target.value }); }} /> <Input placeholder="成果所有人" value={this.state.ownerName} onChange={(e) => { this.setState({ ownerName: e.target.value }); }} /> <Radio.Group value={this.state.searchType} onChange={(e) => { this.setState({ searchType: e.target.value }) }}> <Radio value={0}>认证用户</Radio> <Radio value={1}>非认证用户</Radio> </Radio.Group> <Button type="primary" onClick={this.search}>搜索</Button> <Button onClick={this.reset}>重置</Button> <span>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch} /></span> <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}> <Radio.Group value={this.state.boutique} onChange={(e) => { this.setState({ boutique: e.target.value }) }}> <Radio value={1}>精品</Radio> <Radio value={0}>非精品</Radio> </Radio.Group> <Select placeholder="选择类型" style={{ width: 160 }} value={this.state.category} onChange={(e) => { this.setState({ category: e }) }}> {this.state.achievementCategoryOption} </Select> <Select placeholder="选择是否发布" style={{ width: 120 }} value={this.state.releaseStatus} onChange={(e) => { this.setState({ releaseStatus: e }) }}> <Select.Option value="0" >未发布</Select.Option> <Select.Option value="1" >已发布</Select.Option> </Select> <Select placeholder="选择所有人类型" style={{ width: 120 }} value={this.state.ownerType} onChange={(e) => { this.setState({ ownerType: e }) }}> <Select.Option value="0" >个人</Select.Option> <Select.Option value="1" >组织</Select.Option> </Select> <div style={{marginTop:'10px'}}> <span>发布时间 :</span> <RangePicker value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null, this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]} onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} /> <span style={{marginLeft:'5px'}}>录入时间 :</span> <RangePicker value={[this.state.releaseDateS[0] ? moment(this.state.releaseDateS[0]) : null, this.state.releaseDateS[1] ? moment(this.state.releaseDateS[1]) : null]} onChange={(data, dataString) => { this.setState({ releaseDateS: dataString }); }} /> </div> </div> </div> <div className="patent-table"> <Spin spinning={this.state.loading}> <Table size="middle" columns={this.state.columns} dataSource={this.state.dataSource} rowSelection={rowSelection} pagination={this.state.pagination} style={{ cursor: 'pointer', }} onRowClick={this.tableRowClick} /> </Spin> </div> <TechAchievementDesc data={this.state.RowData} detailApiUrl={this.props['data-detailApiUrl']} achievementCategoryOption={this.state.achievementCategoryOption} showDesc={this.state.showDesc} closeDesc={this.closeDesc} /> </div > ); } }); export default AchievementList;