|
|
@ -1,12 +1,16 @@
|
|
|
|
import React, {Component} from 'react';
|
|
|
|
import React, {Component} from 'react';
|
|
|
|
import {Redirect} from 'react-router';
|
|
|
|
import {Redirect} from 'react-router';
|
|
|
|
import {List, Typography, Tag, Modal, Radio, Checkbox, Table, Pagination} from 'antd';
|
|
|
|
import {List, Typography, Tag, Modal, Radio, Checkbox, Table, Pagination,Upload,notification} from 'antd';
|
|
|
|
import { NoneData } from 'educoder'
|
|
|
|
import { NoneData } from 'educoder'
|
|
|
|
|
|
|
|
|
|
|
|
import TPMRightSection from './component/TPMRightSection';
|
|
|
|
import TPMRightSection from './component/TPMRightSection';
|
|
|
|
import TPMNav from './component/TPMNav';
|
|
|
|
import TPMNav from './component/TPMNav';
|
|
|
|
import axios from 'axios';
|
|
|
|
import axios from 'axios';
|
|
|
|
import './tpmmodel/tpmmodel.css'
|
|
|
|
import './tpmmodel/tpmmodel.css'
|
|
|
|
|
|
|
|
import {getUploadActionUrl} from 'educoder';
|
|
|
|
|
|
|
|
import moment from 'moment';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const confirm = Modal.confirm;
|
|
|
|
|
|
|
|
|
|
|
|
class TPMDataset extends Component {
|
|
|
|
class TPMDataset extends Component {
|
|
|
|
constructor(props) {
|
|
|
|
constructor(props) {
|
|
|
@ -21,10 +25,10 @@ class TPMDataset extends Component {
|
|
|
|
key: 'number',
|
|
|
|
key: 'number',
|
|
|
|
align: 'left',
|
|
|
|
align: 'left',
|
|
|
|
className: " font-14 wenjiantit",
|
|
|
|
className: " font-14 wenjiantit",
|
|
|
|
width: '300px',
|
|
|
|
width: '220px',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
文件名字
|
|
|
|
{record.title}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -34,10 +38,10 @@ class TPMDataset extends Component {
|
|
|
|
key: 'number',
|
|
|
|
key: 'number',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
className: "edu-txt-center font-14 zuihoushijian",
|
|
|
|
className: "edu-txt-center font-14 zuihoushijian",
|
|
|
|
width: '125px',
|
|
|
|
width: '150px',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
2019-08-12 12:30
|
|
|
|
{record.timedata}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -49,7 +53,7 @@ class TPMDataset extends Component {
|
|
|
|
className: "edu-txt-center font-14 ",
|
|
|
|
className: "edu-txt-center font-14 ",
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
张大大
|
|
|
|
{record.author}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -61,15 +65,21 @@ class TPMDataset extends Component {
|
|
|
|
className: "edu-txt-center font-14 ",
|
|
|
|
className: "edu-txt-center font-14 ",
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
1.88kb
|
|
|
|
{record.filesize}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
page: 1,
|
|
|
|
page: 1,
|
|
|
|
limit: 5,
|
|
|
|
limit: 10,
|
|
|
|
selectedRowKeys: [],
|
|
|
|
selectedRowKeys: [],
|
|
|
|
mylistansum:30,
|
|
|
|
mylistansum:30,
|
|
|
|
|
|
|
|
collaboratorList:[],
|
|
|
|
|
|
|
|
fileList:[],
|
|
|
|
|
|
|
|
file:null,
|
|
|
|
|
|
|
|
datalist:[],
|
|
|
|
|
|
|
|
data_sets_count:0,
|
|
|
|
|
|
|
|
selectedRowKeysdata:[],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -79,11 +89,24 @@ class TPMDataset extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
mysonChange = (e) => {
|
|
|
|
mysonChange = (e) => {
|
|
|
|
console.log(`全选checked = ${e.target.checked}`);
|
|
|
|
// console.log(`全选checked = ${e.target.checked}`);
|
|
|
|
if (e.target.checked === true) {
|
|
|
|
if (e.target.checked === true) {
|
|
|
|
|
|
|
|
let mydata=[];
|
|
|
|
|
|
|
|
let datas=[];
|
|
|
|
|
|
|
|
for(let i=0;i<this.state.collaboratorList.data_sets.length;i++){
|
|
|
|
|
|
|
|
mydata.push(this.state.collaboratorList.data_sets[i].id);
|
|
|
|
|
|
|
|
datas.push(i);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
selectedRowKeys: this.state.datas,
|
|
|
|
selectedRowKeysdata:mydata,
|
|
|
|
|
|
|
|
selectedRowKeys: datas,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
// console.log(mydata);
|
|
|
|
|
|
|
|
// console.log(datas);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
selectedRowKeys: [],
|
|
|
|
selectedRowKeys: [],
|
|
|
@ -93,7 +116,78 @@ class TPMDataset extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getdatas = () => {
|
|
|
|
getdatas = () => {
|
|
|
|
|
|
|
|
let id=this.props.match.params.shixunId;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let collaborators=`/shixuns/${id}/jupyter_data_sets.json`;
|
|
|
|
|
|
|
|
axios.get(collaborators,{params:{
|
|
|
|
|
|
|
|
page:1,
|
|
|
|
|
|
|
|
limit:10,
|
|
|
|
|
|
|
|
}}).then((response)=> {
|
|
|
|
|
|
|
|
if(response.status===200){
|
|
|
|
|
|
|
|
if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
let datalists=[];
|
|
|
|
|
|
|
|
for(let i=0;i<response.data.data_sets.length;i++){
|
|
|
|
|
|
|
|
const datas=response.data.data_sets;
|
|
|
|
|
|
|
|
var timedata = moment(datas[i].created_on).format('YYYY-MM-DD HH:mm');
|
|
|
|
|
|
|
|
datalists.push({
|
|
|
|
|
|
|
|
timedata:timedata,
|
|
|
|
|
|
|
|
author:datas[i].author,
|
|
|
|
|
|
|
|
filesize:datas[i].filesize,
|
|
|
|
|
|
|
|
id:datas[i].id,
|
|
|
|
|
|
|
|
title:datas[i].title,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
collaboratorList: response.data,
|
|
|
|
|
|
|
|
data_sets_count:response.data.data_sets_count,
|
|
|
|
|
|
|
|
datalist:datalists,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}).catch((error)=>{
|
|
|
|
|
|
|
|
console.log(error)
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getdatastwo = (page,limit) => {
|
|
|
|
|
|
|
|
let id=this.props.match.params.shixunId;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let collaborators=`/shixuns/${id}/jupyter_data_sets.json`;
|
|
|
|
|
|
|
|
axios.get(collaborators,{params:{
|
|
|
|
|
|
|
|
page:page,
|
|
|
|
|
|
|
|
limit:limit,
|
|
|
|
|
|
|
|
}}).then((response)=> {
|
|
|
|
|
|
|
|
if(response.status===200){
|
|
|
|
|
|
|
|
if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
let datalists=[];
|
|
|
|
|
|
|
|
for(let i=0;i<response.data.data_sets.length;i++){
|
|
|
|
|
|
|
|
const datas=response.data.data_sets;
|
|
|
|
|
|
|
|
var timedata = moment(datas[i].created_on).format('YYYY-MM-DD HH:mm');
|
|
|
|
|
|
|
|
datalists.push({
|
|
|
|
|
|
|
|
timedata:timedata,
|
|
|
|
|
|
|
|
author:datas[i].author,
|
|
|
|
|
|
|
|
filesize:datas[i].filesize,
|
|
|
|
|
|
|
|
id:datas[i].id,
|
|
|
|
|
|
|
|
title:datas[i].title,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
collaboratorList: response.data,
|
|
|
|
|
|
|
|
data_sets_count:response.data.data_sets_count,
|
|
|
|
|
|
|
|
datalist:datalists,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}).catch((error)=>{
|
|
|
|
|
|
|
|
console.log(error)
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -113,6 +207,7 @@ class TPMDataset extends Component {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
page: pageNumber,
|
|
|
|
page: pageNumber,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
this.getdatastwo(pageNumber,10);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
onSelectChange = (selectedRowKeys, selectedRows) => {
|
|
|
|
onSelectChange = (selectedRowKeys, selectedRows) => {
|
|
|
|
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
|
|
|
|
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
|
|
|
@ -121,6 +216,17 @@ class TPMDataset extends Component {
|
|
|
|
selectedRowKeys
|
|
|
|
selectedRowKeys
|
|
|
|
}
|
|
|
|
}
|
|
|
|
);
|
|
|
|
);
|
|
|
|
|
|
|
|
let mydata=[];
|
|
|
|
|
|
|
|
for(let i=0;i<selectedRows.length;i++){
|
|
|
|
|
|
|
|
mydata.push(selectedRows[i].id);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
selectedRowKeysdata:mydata,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(mydata);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
rowClassName = (record, index) => {
|
|
|
|
rowClassName = (record, index) => {
|
|
|
@ -129,9 +235,105 @@ class TPMDataset extends Component {
|
|
|
|
return className;
|
|
|
|
return className;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 附件相关 START
|
|
|
|
|
|
|
|
handleChange = (info) => {
|
|
|
|
|
|
|
|
debugger
|
|
|
|
|
|
|
|
if(info.file.status === 'uploading' || info.file.status === 'done' || info.file.status === 'removed') {
|
|
|
|
|
|
|
|
let {fileList} = this.state;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (info.file.status === 'uploading' || info.file.status === 'done' || info.file.status === 'removed') {
|
|
|
|
|
|
|
|
console.log("handleChange1");
|
|
|
|
|
|
|
|
// if(fileList.length===0){
|
|
|
|
|
|
|
|
let fileLists = info.fileList;
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
// fileList:appendFileSizeToUploadFileAll(fileList),
|
|
|
|
|
|
|
|
fileList: fileLists,
|
|
|
|
|
|
|
|
deleteisnot: false
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
this.getdatas();
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onAttachmentRemove = (file) => {
|
|
|
|
|
|
|
|
debugger
|
|
|
|
|
|
|
|
if(!file.percent || file.percent == 100){
|
|
|
|
|
|
|
|
confirm({
|
|
|
|
|
|
|
|
title: '确定要删除这个附件吗?',
|
|
|
|
|
|
|
|
okText: '确定',
|
|
|
|
|
|
|
|
cancelText: '取消',
|
|
|
|
|
|
|
|
// content: 'Some descriptions',
|
|
|
|
|
|
|
|
onOk: () => {
|
|
|
|
|
|
|
|
console.log("665")
|
|
|
|
|
|
|
|
this.deleteAttachment(file)
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
onCancel() {
|
|
|
|
|
|
|
|
console.log('Cancel');
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
deleteRemovedata(){
|
|
|
|
|
|
|
|
debugger
|
|
|
|
|
|
|
|
console.log("删除");
|
|
|
|
|
|
|
|
console.log(this.state.selectedRowKeysdata);
|
|
|
|
|
|
|
|
const url = `/attachments/destroy_files.json`;
|
|
|
|
|
|
|
|
axios.delete(url, {
|
|
|
|
|
|
|
|
id:this.state.selectedRowKeysdata,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
.then((response) => {
|
|
|
|
|
|
|
|
if (response.data) {
|
|
|
|
|
|
|
|
const { status } = response.data;
|
|
|
|
|
|
|
|
if (status == 0) {
|
|
|
|
|
|
|
|
this.props.showNotification(`删除成功`);
|
|
|
|
|
|
|
|
this.getdatas()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
.catch(function (error) {
|
|
|
|
|
|
|
|
console.log(error);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
deleteAttachment = (file) => {
|
|
|
|
|
|
|
|
console.log(file);
|
|
|
|
|
|
|
|
let id=file.response ==undefined ? file.id : file.response.id
|
|
|
|
|
|
|
|
const url = `/attachements/destroy_files.json`
|
|
|
|
|
|
|
|
axios.delete(url, {
|
|
|
|
|
|
|
|
id:[id],
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
.then((response) => {
|
|
|
|
|
|
|
|
if (response.data) {
|
|
|
|
|
|
|
|
const { status } = response.data;
|
|
|
|
|
|
|
|
if (status == 0) {
|
|
|
|
|
|
|
|
// console.log('--- success')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.setState((state) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const index = state.fileList.indexOf(file);
|
|
|
|
|
|
|
|
const newFileList = state.fileList.slice();
|
|
|
|
|
|
|
|
newFileList.splice(index, 1);
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
fileList: newFileList,
|
|
|
|
|
|
|
|
deleteisnot:true
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
.catch(function (error) {
|
|
|
|
|
|
|
|
console.log(error);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
render() {
|
|
|
|
const {tpmLoading, shixun, user, match} = this.props;
|
|
|
|
const {tpmLoading, shixun, user, match} = this.props;
|
|
|
|
const {columns, datas, page, limit, selectedRowKeys,mylistansum} = this.state;
|
|
|
|
const {columns, datas, page, limit, selectedRowKeys,mylistansum,fileList,datalist,data_sets_count} = this.state;
|
|
|
|
const rowSelection = {
|
|
|
|
const rowSelection = {
|
|
|
|
selectedRowKeys,
|
|
|
|
selectedRowKeys,
|
|
|
|
onChange: this.onSelectChange,
|
|
|
|
onChange: this.onSelectChange,
|
|
|
@ -140,6 +342,55 @@ class TPMDataset extends Component {
|
|
|
|
// disabled: record.name === 'Disabled User', // Column configuration not to be checked
|
|
|
|
// disabled: record.name === 'Disabled User', // Column configuration not to be checked
|
|
|
|
// name: record.name,
|
|
|
|
// name: record.name,
|
|
|
|
// }),
|
|
|
|
// }),
|
|
|
|
|
|
|
|
let id=this.props.match.params.shixunId;
|
|
|
|
|
|
|
|
const uploadProps = {
|
|
|
|
|
|
|
|
width: 600,
|
|
|
|
|
|
|
|
fileList,
|
|
|
|
|
|
|
|
data:{
|
|
|
|
|
|
|
|
attachtype: 2,
|
|
|
|
|
|
|
|
container_id:this.props.match.params.shixunId,
|
|
|
|
|
|
|
|
container_type: "Shixun",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
|
|
// https://github.com/ant-design/ant-design/issues/15505
|
|
|
|
|
|
|
|
// showUploadList={false},然后外部拿到 fileList 数组自行渲染列表。
|
|
|
|
|
|
|
|
// showUploadList: false,
|
|
|
|
|
|
|
|
action: `${getUploadActionUrl()}`,
|
|
|
|
|
|
|
|
onChange: this.handleChange,
|
|
|
|
|
|
|
|
onRemove: this.onAttachmentRemove,
|
|
|
|
|
|
|
|
beforeUpload: (file, fileList) => {
|
|
|
|
|
|
|
|
debugger
|
|
|
|
|
|
|
|
if (this.state.fileList.length >= 1) {
|
|
|
|
|
|
|
|
return false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// console.log('beforeUpload', file.name);
|
|
|
|
|
|
|
|
const isLt150M = file.size / 1024 / 1024 < 50;
|
|
|
|
|
|
|
|
if (!isLt150M) {
|
|
|
|
|
|
|
|
// this.props.showNotification(`文件大小必须小于50MB`);
|
|
|
|
|
|
|
|
notification.open(
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
message: '提示',
|
|
|
|
|
|
|
|
description:
|
|
|
|
|
|
|
|
'文件大小必须小于50MB',
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if(this.state.file !== undefined){
|
|
|
|
|
|
|
|
console.log("763")
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
file:file
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
file:file
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log("handleChange2");
|
|
|
|
|
|
|
|
return isLt150M;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<React.Fragment>
|
|
|
|
<React.Fragment>
|
|
|
|
<div className="tpmComment educontent clearfix mt30 mb80">
|
|
|
|
<div className="tpmComment educontent clearfix mt30 mb80">
|
|
|
@ -151,18 +402,32 @@ class TPMDataset extends Component {
|
|
|
|
user={user}
|
|
|
|
user={user}
|
|
|
|
shixun={shixun}
|
|
|
|
shixun={shixun}
|
|
|
|
{...this.props}
|
|
|
|
{...this.props}
|
|
|
|
|
|
|
|
is_jupyter={this.props.is_jupyter}
|
|
|
|
></TPMNav>
|
|
|
|
></TPMNav>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="padding20 edu-back-white mt20 " style={{minHeight: '463px'}}>
|
|
|
|
<div className="padding20 edu-back-white mt20 " style={{minHeight: '463px'}}>
|
|
|
|
<div className="sortinxdirection">
|
|
|
|
<div className="sortinxdirection">
|
|
|
|
<div className="tpmwidth"><Checkbox onChange={this.mysonChange}>全选</Checkbox></div>
|
|
|
|
<div className="tpmwidth">
|
|
|
|
|
|
|
|
<Checkbox onChange={this.mysonChange}>全选</Checkbox>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div className="tpmwidth xaxisreverseorder">
|
|
|
|
<div className="tpmwidth xaxisreverseorder">
|
|
|
|
<div className="deletebuttom intermediatecenter "><p className="deletebuttomtest">上传文件</p></div>
|
|
|
|
<style>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
.ant-upload-list{
|
|
|
|
|
|
|
|
display:none
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<div className="deletebuttom intermediatecenter "> <Upload {...uploadProps}><p className="deletebuttomtest">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
上传文件</p> </Upload></div>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
mylistansum>0?
|
|
|
|
data_sets_count>0?
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
className={selectedRowKeys.length > 0 ? "deletebutomtextcode intermediatecenter mr21" : "deletebutom intermediatecenter mr21"}>
|
|
|
|
className={selectedRowKeys.length > 0 ? "deletebutomtextcode intermediatecenter mr21" : "deletebutom intermediatecenter mr21"} onClick={()=>this.deleteRemovedata()}>
|
|
|
|
<p className="deletebutomtext">删除</p></div>
|
|
|
|
<p className="deletebutomtext" >删除</p></div>
|
|
|
|
:""
|
|
|
|
:""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -207,45 +472,57 @@ class TPMDataset extends Component {
|
|
|
|
border-right: 1px solid #eeeeee;
|
|
|
|
border-right: 1px solid #eeeeee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
`}</style>
|
|
|
|
`}</style>
|
|
|
|
{mylistansum===0?
|
|
|
|
{data_sets_count===0?
|
|
|
|
<style>
|
|
|
|
<div className="edu-table edu-back-white ysltableowss">
|
|
|
|
{
|
|
|
|
<style>
|
|
|
|
`
|
|
|
|
{
|
|
|
|
|
|
|
|
`
|
|
|
|
.ant-table-tbody{
|
|
|
|
.ant-table-tbody{
|
|
|
|
display:none;
|
|
|
|
display:none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-table-placeholder{
|
|
|
|
|
|
|
|
display:none;
|
|
|
|
|
|
|
|
}
|
|
|
|
.ant-table table {
|
|
|
|
.ant-table table {
|
|
|
|
border-bottom: 1px solid #eeeeee !important;
|
|
|
|
border-bottom: 1px solid #eeeeee !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
`
|
|
|
|
`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
:""
|
|
|
|
<Table
|
|
|
|
|
|
|
|
columns={columns}
|
|
|
|
}
|
|
|
|
pagination={false}
|
|
|
|
<div className="edu-table edu-back-white ysltableowss">
|
|
|
|
className="mysjysltable4"
|
|
|
|
<Table
|
|
|
|
rowSelection={rowSelection}
|
|
|
|
dataSource={datas}
|
|
|
|
rowClassName={this.rowClassName}
|
|
|
|
columns={columns}
|
|
|
|
|
|
|
|
pagination={false}
|
|
|
|
|
|
|
|
className="mysjysltable4"
|
|
|
|
|
|
|
|
rowSelection={rowSelection}
|
|
|
|
|
|
|
|
rowClassName={this.rowClassName}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<div className="edu-table edu-back-white ysltableowss">
|
|
|
|
|
|
|
|
<Table
|
|
|
|
|
|
|
|
dataSource={datalist}
|
|
|
|
|
|
|
|
columns={columns}
|
|
|
|
|
|
|
|
pagination={false}
|
|
|
|
|
|
|
|
className="mysjysltable4"
|
|
|
|
|
|
|
|
rowSelection={rowSelection}
|
|
|
|
|
|
|
|
rowClassName={this.rowClassName}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
mylistansum>5?
|
|
|
|
data_sets_count>=11?
|
|
|
|
<div className="edu-txt-center mt40 mb20">
|
|
|
|
<div className="edu-txt-center mt40 mb20">
|
|
|
|
<Pagination showQuickJumper current={page}
|
|
|
|
<Pagination showQuickJumper current={page}
|
|
|
|
onChange={this.paginationonChanges} pageSize={limit}
|
|
|
|
onChange={this.paginationonChanges} pageSize={limit}
|
|
|
|
total={mylistansum}
|
|
|
|
total={data_sets_count}
|
|
|
|
></Pagination>
|
|
|
|
></Pagination>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
:""
|
|
|
|
:""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
{ mylistansum===0?
|
|
|
|
{ data_sets_count===0?
|
|
|
|
<NoneData style={{width: '100%'}}></NoneData>:""
|
|
|
|
<NoneData style={{width: '100%'}}></NoneData>:""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|