视图修改、接口修改

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

@@ -1,22 +1,29 @@
 <template>
-  <div class="study-management">
-    <h1 class="page-title">学习管理</h1>
+  <AdminLayout title="学习管理" subtitle="学习记录管理">
+      <div class="study-management">
+      <h1 class="page-title">学习管理</h1>
 
-    <el-tabs v-model="activeTab">
+      <el-tabs v-model="activeTab">
+
+        <el-tab-pane label="学习记录" name="task-records">
+          <StudyRecords />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </AdminLayout>
 
-      <el-tab-pane label="学习记录" name="task-records">
-        <StudyRecords />
-      </el-tab-pane>
-    </el-tabs>
-  </div>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
 import { ElTabs, ElTabPane } from 'element-plus';
 import StudyRecords from './components/StudyRecords.vue';
-
+import { AdminLayout } from '@/views/admin';
+defineOptions({
+  name: 'StudyManagementView'
+});
 const activeTab = ref('task-publish');
+
 </script>
 
 <style lang="scss" scoped>