diff --git a/public/react/src/modules/courses/Index.js b/public/react/src/modules/courses/Index.js
index 840d1d617..3dcdb1c18 100644
--- a/public/react/src/modules/courses/Index.js
+++ b/public/react/src/modules/courses/Index.js
@@ -491,9 +491,9 @@ class CoursesIndex extends Component{
                 ></Route>
 
                 {/* 毕设选题列表 */}
-                <Route path="/courses/:coursesId/graduation_topics/:Id"
+                <Route path="/courses/:coursesId/graduation_topics/:Id" exact
                        render={
-                           (props) => (<GraduationTopics {...this.props} {...props} {...this.state} />)
+                           (props) => (<ListPageIndex {...this.props} {...props} {...this.state} />)
                        }></Route>
 
 
@@ -559,9 +559,9 @@ class CoursesIndex extends Component{
 
 
                 {/* 毕设任务列表 https://www.trustie.net/issues/19981 */}
-                <Route path="/courses/:coursesId/graduation_tasks/:Id"
+                <Route path="/courses/:coursesId/graduation_tasks/:Id" exact
                        render={
-                           (props) => (<GraduationTasks {...this.props} {...props} {...this.state} />)
+                           (props) => (<ListPageIndex {...this.props} {...props} {...this.state} />)
                        }
                 ></Route>
 
diff --git a/public/react/src/modules/courses/ListPageIndex.js b/public/react/src/modules/courses/ListPageIndex.js
index abb8a8528..1f8bf6b29 100644
--- a/public/react/src/modules/courses/ListPageIndex.js
+++ b/public/react/src/modules/courses/ListPageIndex.js
@@ -56,6 +56,14 @@ const ShixunHomework= Loadable({
     loading: Loading,
 })
 
+const GraduationTopics= Loadable({
+    loader: () => import('./graduation/topics'),
+    loading: Loading,
+})
+const GraduationTasks= Loadable({
+    loader: () => import('./graduation/tasks'),
+    loading: Loading,
+})
 class ListPageIndex extends Component{
   constructor(props) {
     super(props)
@@ -181,7 +189,15 @@ class ListPageIndex extends Component{
                                                     }
                                                 ></Route>
                                                 
-
+                                                <Route path="/courses/:coursesId/graduation_topics/:Id"
+                                                    render={
+                                                        (props) => (<GraduationTopics {...this.props} {...props} {...this.state} />)
+                                                }></Route>
+                                                <Route path="/courses/:coursesId/graduation_tasks/:Id"
+                                                    render={
+                                                        (props) => (<GraduationTasks {...this.props} {...props} {...this.state} />)
+                                                    }
+                                                ></Route>
                                                 {/* 默认 */}
                                                 <Route path="/courses/:coursesId"
                                                     render={
diff --git a/public/react/src/modules/courses/graduation/tasks/index.js b/public/react/src/modules/courses/graduation/tasks/index.js
index 29610eb93..c044c1711 100644
--- a/public/react/src/modules/courses/graduation/tasks/index.js
+++ b/public/react/src/modules/courses/graduation/tasks/index.js
@@ -591,7 +591,7 @@ class GraduationTasks extends Component{
      // console.log(this.props.isCourseidentity()===isNotMember)
    // console.log(category_id)
     return(
-      <CourseLayoutcomponent {...this.props}>
+      <React.Fragment>
         {/*提示*/}
         <Modals
           modalsType={Modalstype}
@@ -775,7 +775,7 @@ class GraduationTasks extends Component{
 
         </div>
 
-      </CourseLayoutcomponent>
+      </React.Fragment>
       )
     }
 }
diff --git a/public/react/src/modules/courses/graduation/topics/index.js b/public/react/src/modules/courses/graduation/topics/index.js
index aaba86e9e..391bcac18 100644
--- a/public/react/src/modules/courses/graduation/topics/index.js
+++ b/public/react/src/modules/courses/graduation/topics/index.js
@@ -341,7 +341,7 @@ onBoardsNew=()=>{
     // let {course_identity}=this.props.coursedata
     const isAdmin =this.props.isAdmin();
     return(
-      <CourseLayoutcomponent {...this.props}>
+      <React.Fragment >
         <ChooseGraduateTopicModal ref="chooseGraduateTopicModal"></ChooseGraduateTopicModal>
           <Titlesearchsection
             title="毕设选题"
@@ -446,7 +446,7 @@ onBoardsNew=()=>{
           
         <div>          
         </div>        
-      </CourseLayoutcomponent>
+      </React.Fragment>
       )
     }
 }