'fix'

src/modules/teach-tool/examination-manager/SelectPaperModal.tsx

@@ -26,7 +26,10 @@ function SelectPaperModal(props: any) {
         }
         }
         onCancel={() => { props.close() }}
         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 >
     </Modal >
 }
 }
 
 

src/modules/teach-tool/paper-manage/PaperContent.jsx

@@ -19,18 +19,18 @@ class PaperContent extends Component {
 
 
   render() {
   render() {
     return (
     return (
-      <div className="paper-content-page">
+      <div className={this.props.type == "modal-select"?  "paper-content-page paper-content-modal":"paper-content-page"} >
         <div
         <div
           style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px" }}
           style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px" }}
         >
         >
-          <div className="sider">
+          <div className="sider" >
             <CourseCategorySiderTree
             <CourseCategorySiderTree
               type={this.props.type}
               type={this.props.type}
               fromModule="PAPER_INDEX"
               fromModule="PAPER_INDEX"
             />
             />
           </div>
           </div>
         </div>
         </div>
-        <div className="content">
+        <div className="content" >
           <PaperList
           <PaperList
             type={this.props.type}
             type={this.props.type}
             paperId={this.props.paperId}
             paperId={this.props.paperId}

src/modules/teach-tool/paper-manage/PaperContent.less

 .paper-content-page {
 .paper-content-page {
   display: flex;
   display: flex;
+  &.paper-content-modal{
+    max-height: 500px;
+    .sider,.content{
+      max-height: 100%;
+      overflow: auto;
+    }
+    .content{
+    height: auto;
+      overflow: auto;
+    }
+  }
   .sider {
   .sider {
     min-width: 244px;
     min-width: 244px;
   }
   }

src/modules/teach-tool/paper-manage/components/PaperList.jsx

@@ -447,6 +447,7 @@ class PaperList extends Component {
               <Table
               <Table
                 rowKey={(record) => record.id}
                 rowKey={(record) => record.id}
                 dataSource={dataSource}
                 dataSource={dataSource}
+                size={this.props.type == "modal-select"?'small':'middle'}
                 rowKey={(item) => {
                 rowKey={(item) => {
                   return item.paperId;
                   return item.paperId;
                 }}
                 }}
@@ -465,6 +466,7 @@ class PaperList extends Component {
                 current={current - 1}
                 current={current - 1}
                 pageSize={size}
                 pageSize={size}
                 total={total}
                 total={total}
+                size={this.props.type == "modal-select"?'small':'middle'}
                 toPage={(page) => {
                 toPage={(page) => {
                   const _query = { ...query, current: page + 1 };
                   const _query = { ...query, current: page + 1 };
                   this.setState({ query: _query }, () =>
                   this.setState({ query: _query }, () =>

src/modules/teach-tool/paper-manage/modal/SelectQuestionModal.jsx

@@ -58,15 +58,15 @@ class SelectQuestionModal extends Component {
         }}
         }}
         onCancel={this.props.close}
         onCancel={this.props.close}
       >
       >
-        <div className="box content-body">
+        <div className="box content-body" style={{maxHeight:500}}>
           <div
           <div
-            style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px" }}
+            style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px",overflowY:'auto',overflowX:'hidden'}}
           >
           >
             <div className="sider">
             <div className="sider">
               <CourseCategorySiderTree fromModule="QUESTION_MODAL" />
               <CourseCategorySiderTree fromModule="QUESTION_MODAL" />
             </div>
             </div>
           </div>
           </div>
-          <div className="content">
+          <div className="content" style={{height:'auto',overflowY:'auto'}}>
             <SelectQuestionList ref={this.listRef} />
             <SelectQuestionList ref={this.listRef} />
           </div>
           </div>
         </div>
         </div>

src/modules/teach-tool/paper-manage/modal/SelectQuestionModal.less

 .select-question-modal {
 .select-question-modal {
   .content-body {
   .content-body {
     display: flex;
     display: flex;
+    height: calc(~'100% - 48px');
     .sider {
     .sider {
       min-width: 244px;
       min-width: 244px;
     }
     }