(courseDetails): 重构课程详情页面组件结构

src/views/courseDetails/components/LessonDetails.vue → src/views/courseDetails/components/tab/LessonDetails.vue

@@ -71,6 +71,8 @@
 		border-radius: 0 0 12px 12px;
 		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);
 		padding: 1px 32px 32px 32px;
+		height: calc(100vh - 400px);
+		overflow: auto;
 	}
 	.section-block {
 		margin-top: 32px;

src/views/courseDetails/components/StudentDetails.vue → src/views/courseDetails/components/tab/StudentDetails.vue

@@ -408,6 +408,8 @@
 		margin: 0 auto;
 		padding: 32px 32px 24px 32px;
 		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);
+		height: calc(100vh - 400px);
+		overflow: auto;
 		.search-bar {
 			display: flex;
 			align-items: center;

src/views/courseDetails/index.vue

@@ -72,9 +72,9 @@
 	import { EyeOutlined, ClockCircleOutlined, EditOutlined, DeleteOutlined, DownOutlined } from '@ant-design/icons-vue'
 	import EditCourse from './components/EditCourse.vue'
 	import AddClassHours from './components/AddClassHours.vue'
-	import LessonDetails from './components/LessonDetails.vue'
-	import StudentDetails from './components/StudentDetails.vue'
-	import LearningStatistics from './components/LearningStatistics.vue'
+	import LessonDetails from './components/tab/LessonDetails.vue'
+	import StudentDetails from './components/tab/StudentDetails.vue'
+	import LearningStatistics from './components/tab/LearningStatistics.vue'
 	import { getCourseDetail } from '@/api/course/courseDetail.js'
 
 	const course = ref({})