视图修改、接口修改

schoolNewsWeb/src/views/admin/manage/study/CourseManagementView.vue

@@ -1,23 +1,33 @@
 <template>
-  <div class="course-management">
-    <CourseList
-      v-if="currentView === 'list'"
-      @add="handleAdd"
-      @edit="handleEdit"
-    />
-    <CourseAdd
-      v-else-if="currentView === 'add' || currentView === 'edit'"
-      :courseID="currentCourseId"
-      @success="handleSuccess"
-      @cancel="handleCancel"
-    />
-  </div>
+  <AdminLayout 
+    title="学习管理" 
+    subtitle="管理课程、学习任务、学习记录等信息"
+  >
+    <div class="course-management">
+      <CourseList
+        v-if="currentView === 'list'"
+        @add="handleAdd"
+        @edit="handleEdit"
+      />
+      <CourseAdd
+        v-else-if="currentView === 'add' || currentView === 'edit'"
+        :courseID="currentCourseId"
+        @success="handleSuccess"
+        @cancel="handleCancel"
+      />
+    </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
 import { CourseList, CourseAdd } from '@/views/public/course/components';
 import type { Course } from '@/types/study';
+import { AdminLayout } from '@/views/admin';
+
+defineOptions({
+  name: 'CourseManagementView'
+});
 
 type ViewType = 'list' | 'add' | 'edit';
 
@@ -47,7 +57,8 @@ function handleCancel() {
 
 <style lang="scss" scoped>
 .course-management {
-  height: 100%;
-  background: #f5f7fa;
+  background: #FFFFFF;
+  border-radius: 14px;
+  min-height: 500px;
 }
 </style>