Commit 889d8daf by zhujian

'fix'

parent c1e89385
......@@ -26,7 +26,10 @@ function SelectPaperModal(props: any) {
}
onCancel={() => { props.close() }}
>
<PaperContent paperId={item.paperId} onSelect={(item: any) => { setItem(item) }} type='modal-select'></PaperContent>
<div style={{ maxHeight: 500 }}>
<PaperContent paperId={item.paperId} onSelect={(item: any) => { setItem(item) }} type='modal-select'></PaperContent>
</div>
</Modal >
}
......
......@@ -19,18 +19,18 @@ class PaperContent extends Component {
render() {
return (
<div className="paper-content-page">
<div className={this.props.type == "modal-select"? "paper-content-page paper-content-modal":"paper-content-page"} >
<div
style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px" }}
>
<div className="sider">
<div className="sider" >
<CourseCategorySiderTree
type={this.props.type}
fromModule="PAPER_INDEX"
/>
</div>
</div>
<div className="content">
<div className="content" >
<PaperList
type={this.props.type}
paperId={this.props.paperId}
......
.paper-content-page {
display: flex;
&.paper-content-modal{
max-height: 500px;
.sider,.content{
max-height: 100%;
overflow: auto;
}
.content{
height: auto;
overflow: auto;
}
}
.sider {
min-width: 244px;
}
......
......@@ -447,6 +447,7 @@ class PaperList extends Component {
<Table
rowKey={(record) => record.id}
dataSource={dataSource}
size={this.props.type == "modal-select"?'small':'middle'}
rowKey={(item) => {
return item.paperId;
}}
......@@ -465,6 +466,7 @@ class PaperList extends Component {
current={current - 1}
pageSize={size}
total={total}
size={this.props.type == "modal-select"?'small':'middle'}
toPage={(page) => {
const _query = { ...query, current: page + 1 };
this.setState({ query: _query }, () =>
......
......@@ -58,15 +58,15 @@ class SelectQuestionModal extends Component {
}}
onCancel={this.props.close}
>
<div className="box content-body">
<div className="box content-body" style={{maxHeight:500}}>
<div
style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px" }}
style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px",overflowY:'auto',overflowX:'hidden'}}
>
<div className="sider">
<CourseCategorySiderTree fromModule="QUESTION_MODAL" />
</div>
</div>
<div className="content">
<div className="content" style={{height:'auto',overflowY:'auto'}}>
<SelectQuestionList ref={this.listRef} />
</div>
</div>
......
.select-question-modal {
.content-body {
display: flex;
height: calc(~'100% - 48px');
.sider {
min-width: 244px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment