dev_cs_new
杨树林 6 years ago
parent 230b603b00
commit 12388a1f7b

@ -79,14 +79,14 @@ class TraineetraininginformationModal extends Component {
return str; return str;
} }
render() { render() {
console.log(83); // console.log(83);
console.log(this.props.boolgalist); // console.log(this.props.boolgalist);
const columns = [ const columns = [
{ {
title: '关卡', title: '关卡',
dataIndex: 'number', dataIndex: 'number',
key: 'number', key: 'number',
width: 92, width:"91px",
align: "center", align: "center",
render: (text, record) => ( render: (text, record) => (
<span> <span>
@ -98,7 +98,7 @@ class TraineetraininginformationModal extends Component {
title: '完成时间', title: '完成时间',
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
width: 130, width:"150px",
align: "center", align: "center",
render: (text, record) => ( render: (text, record) => (
<span> <span>
@ -113,7 +113,7 @@ class TraineetraininginformationModal extends Component {
title: '', title: '',
dataIndex: 'complete_status', dataIndex: 'complete_status',
key: 'complete_status', key: 'complete_status',
width: 100, width:"87px",
align: "center", align: "center",
render: (text, record) => ( render: (text, record) => (
<span> <span>
@ -127,7 +127,7 @@ class TraineetraininginformationModal extends Component {
title: '耗时', title: '耗时',
dataIndex: 'stduynumber', dataIndex: 'stduynumber',
key: 'stduynumber', key: 'stduynumber',
width: 92, width:"150px",
align: "center", align: "center",
render: (text, record) => ( render: (text, record) => (
<span> <span>
@ -138,7 +138,7 @@ class TraineetraininginformationModal extends Component {
{ {
title: '经验值', title: '经验值',
key: 'classroom', key: 'classroom',
width: 92,
dataIndex: 'classroom', dataIndex: 'classroom',
align: "center", align: "center",
render: (text, record) => ( render: (text, record) => (
@ -147,7 +147,7 @@ class TraineetraininginformationModal extends Component {
</span> </span>
), ),
} }
] ];
const columnss = [ const columnss = [
{ {
@ -155,7 +155,7 @@ class TraineetraininginformationModal extends Component {
dataIndex: 'number', dataIndex: 'number',
key: 'number', key: 'number',
align: "center", align: "center",
width: "117px", width:"119px",
render: (text, record) => ( render: (text, record) => (
<span > <span >
<a style={{"color":'#07111B', "text-align": "center"}}>{record.number}</a> <a style={{"color":'#07111B', "text-align": "center"}}>{record.number}</a>
@ -166,7 +166,7 @@ class TraineetraininginformationModal extends Component {
title: '完成时间', title: '完成时间',
dataIndex: 'name', dataIndex: 'name',
key: 'name', key: 'name',
width: "203px", width:"174px",
align: "center", align: "center",
render: (text, record) => ( render: (text, record) => (
<span > <span >
@ -179,7 +179,7 @@ class TraineetraininginformationModal extends Component {
dataIndex: 'stduynumber', dataIndex: 'stduynumber',
key: 'stduynumber', key: 'stduynumber',
align: "center", align: "center",
width: "117px", width:"119px",
render: (text, record) => ( render: (text, record) => (
<span> <span>
<a style={{"color":'#989898', "text-align": "center"}}>{record.stduynumber}</a> <a style={{"color":'#989898', "text-align": "center"}}>{record.stduynumber}</a>
@ -191,14 +191,14 @@ class TraineetraininginformationModal extends Component {
key: 'classroom', key: 'classroom',
dataIndex: 'classroom', dataIndex: 'classroom',
align: "center", align: "center",
width: "117px",
render: (text, record) => ( render: (text, record) => (
<span> <span>
<a style={{"color":'#29BD8B', "text-align": "center"}}>{record.classroom}</a> <a style={{"color":'#29BD8B', "text-align": "center"}}>{record.classroom}</a>
</span> </span>
), ),
} }
] ];
return ( return (
<div> <div>
@ -246,13 +246,24 @@ class TraineetraininginformationModal extends Component {
{this.props.boolgalist === false? {this.props.boolgalist === false?
<div> <div>
{ {
this.props.game_list === undefined?"" : this.props.game_list.length<5? this.props.game_list === undefined?"" : this.props.game_list.length<4?
<div className="edu-table edu-back-white "> <div className="edu-table edu-back-white ">
<style> <style>
{ {
` .ant-table-body{ ` .ant-table-body{
overflow: hidden !important; overflow: hidden !important;
}` }
.edu-table .ant-table-tbody > tr > td {
height: 85px;
}
.edu-table .ant-table-thead > tr > th{
height: 85px;
}
.edu-table .ant-table-header {
overflow: hidden !important;
}
`
} }
</style> </style>
@ -263,24 +274,33 @@ class TraineetraininginformationModal extends Component {
columns={columns} columns={columns}
loading={false} loading={false}
pagination={false} pagination={false}
onChange={this.TablePagination}
/>} />}
</div> </div>
: :
<div className="edu-table edu-back-white "> <div className="edu-table edu-back-white ">
<style>
{
`
.edu-table .ant-table-tbody > tr > td {
height: 85px;
}
.edu-table .ant-table-thead > tr > th{
height: 85px;
}
.edu-table .ant-table-header {
overflow: hidden !important;
}
`
}
</style>
<div className={"both"}></div> <div className={"both"}></div>
{this.props.game_list === undefined ? "" : <Table {this.props.game_list === undefined ? "" : <Table
className="mt20" className="mt20"
dataSource={this.props.game_list} dataSource={this.props.game_list}
columns={columns} columns={columns}
pagination={{ //分页
total: this.props.game_list.length, //数据总数量
pageSize: this.props.game_list.length, //一页显示几条
current: 1,
}}
loading={false} loading={false}
pagination={false} pagination={false}
onChange={this.TablePagination}
scroll={{ y: 300 }} scroll={{ y: 300 }}
/>} />}
</div> </div>
@ -296,13 +316,21 @@ class TraineetraininginformationModal extends Component {
<div> <div>
{ {
this.props.game_list === undefined?"" : this.props.game_list.length<5? this.props.game_list === undefined?"" : this.props.game_list.length<4?
<div className="edu-table edu-back-white "> <div className="edu-table edu-back-white ">
<style> <style>
{ {
` .ant-table-body{ ` .ant-table-body{
overflow: hidden !important; overflow: hidden !important;
}` }
.edu-table .ant-table-tbody > tr > td {
height: 85px;
}
.edu-table .ant-table-thead > tr > th{
height: 85px;
}
`
} }
</style> </style>
@ -313,24 +341,32 @@ class TraineetraininginformationModal extends Component {
columns={columnss} columns={columnss}
loading={false} loading={false}
pagination={false} pagination={false}
onChange={this.TablePagination}
/>} />}
</div> </div>
: :
<div className="edu-table edu-back-white "> <div className="edu-table edu-back-white ">
<style>
{
`
.edu-table .ant-table-tbody > tr > td {
height: 85px;
}
.edu-table .ant-table-thead > tr > th{
height: 85px;
}
.edu-table .ant-table-header {
overflow: hidden !important;
}
`
}
</style>
<div className={"both"}></div> <div className={"both"}></div>
{this.props.game_list === undefined ? "" : <Table {this.props.game_list === undefined ? "" : <Table
className="mt20" className="mt20"
dataSource={this.props.game_list} dataSource={this.props.game_list}
columns={columnss} columns={columnss}
pagination={{ //分页
total: this.props.game_list.length, //数据总数量
pageSize: this.props.game_list.length, //一页显示几条
current: 1,
}}
loading={false} loading={false}
pagination={false} pagination={false}
onChange={this.TablePagination}
scroll={{ y: 300 }} scroll={{ y: 300 }}
/>} />}
</div> </div>

Loading…
Cancel
Save