调整分班名称过长影响

issues25489
杨树林 5 years ago
parent aaccd0da68
commit a0deacca2b

@ -26,6 +26,7 @@ import '../css/members.css';
import '../css/busyWork.css'; import '../css/busyWork.css';
import '../poll/pollStyle.css'; import '../poll/pollStyle.css';
import './Challenges.css'; import './Challenges.css';
import {getImageUrl} from 'educoder'; import {getImageUrl} from 'educoder';
import TraineetraininginformationModal from "./TraineetraininginformationModal"; import TraineetraininginformationModal from "./TraineetraininginformationModal";
import DownloadMessageysl from '../../modals/DownloadMessageysl'; import DownloadMessageysl from '../../modals/DownloadMessageysl';
@ -952,9 +953,9 @@ class Listofworksstudentone extends Component {
key: 'classroom', key: 'classroom',
dataIndex: 'classroom', dataIndex: 'classroom',
align: 'center', align: 'center',
className: 'font-14', className: 'font-14 maxnamewidth120',
render: (text, record) => ( render: (text, record) => (
<span> <span className="maxnamewidth120">
{record.classroom === undefined ? <span className="ysltable" style={{ {record.classroom === undefined ? <span className="ysltable" style={{
color: '#07111B', color: '#07111B',
textAlign: "center" textAlign: "center"
@ -963,7 +964,8 @@ class Listofworksstudentone extends Component {
textAlign: "center" textAlign: "center"
}}>--</span> : record.classroom === null ? }}>--</span> : record.classroom === null ?
<span className="ysltable" style={{color: '#07111B', textAlign: "center"}}>--</span> : <span className="ysltable" style={{color: '#07111B', textAlign: "center"}}>--</span> :
<span className="ysltable" style={{color: '#07111B', textAlign: "center"}}>{record.classroom}</span>} <a className="ysltable maxnamewidth120" title={record.classroom}
style={{color: '#07111B', textAlign: "center"}}>{record.classroom}</a>}
</span> </span>
) )
}, },
@ -1218,7 +1220,7 @@ class Listofworksstudentone extends Component {
onMouseDown={(e) => this.Viewstudenttraininginformationtysl2(e, record)} onMouseDown={(e) => this.Viewstudenttraininginformationtysl2(e, record)}
onClick={() => this.Viewstudenttraininginformationt(record)}>评阅</a> : onClick={() => this.Viewstudenttraininginformationt(record)}>评阅</a> :
<span> <span>
<a style={{textAlign: "center"}} className="color-blue" <a style={{textAlign: "center"}} className="color-blue maxnamewidth120"
onMouseDown={(e) => this.Viewstudenttraininginformationtysl2(e, record)} onMouseDown={(e) => this.Viewstudenttraininginformationtysl2(e, record)}
onClick={() => this.Viewstudenttraininginformationt(record)}>评阅</a> onClick={() => this.Viewstudenttraininginformationt(record)}>评阅</a>
</span> </span>
@ -1299,9 +1301,9 @@ class Listofworksstudentone extends Component {
key: 'classroom', key: 'classroom',
dataIndex: 'classroom', dataIndex: 'classroom',
align: 'center', align: 'center',
className: 'font-14', className: 'font-14 maxnamewidth120',
render: (text, record) => ( render: (text, record) => (
<span> <span className="maxnamewidth120">
{record.classroom === undefined ? <span className="ysltable" style={{ {record.classroom === undefined ? <span className="ysltable" style={{
color: '#07111B', color: '#07111B',
textAlign: "center" textAlign: "center"
@ -1309,8 +1311,9 @@ class Listofworksstudentone extends Component {
color: '#07111B', color: '#07111B',
textAlign: "center" textAlign: "center"
}}>--</span> : record.classroom === null ? }}>--</span> : record.classroom === null ?
<span className="ysltable" style={{color: '#07111B', textAlign: "center"}}>--</span> : <span className="ysltable " style={{color: '#07111B', textAlign: "center"}}>--</span> :
<span className="ysltable" style={{color: '#07111B', textAlign: "center"}}>{record.classroom}</span>} <a className="ysltable maxnamewidth120" title={record.classroom}
style={{color: '#07111B', textAlign: "center"}}>{record.classroom}</a>}
</span> </span>
) )
}, },

@ -51,6 +51,14 @@
white-space:nowrap; white-space:nowrap;
cursor: default; cursor: default;
} }
.maxnamewidth120 {
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.maxnamewidth200{ .maxnamewidth200{
max-width: 200px; max-width: 200px;
overflow:hidden; overflow:hidden;

Loading…
Cancel
Save