视图修改、接口修改

schoolNewsWeb/src/views/admin/manage/resource/ArticleManagementView.vue

@@ -1,15 +1,19 @@
 <template>
-  <div class="article-management">
-    <div class="action-bar">
-      <el-button type="primary" @click="showCreateDialog">+ 新增文章</el-button>
-      <el-button @click="handleDataCollection">数据采集</el-button>
-      <el-input 
-        v-model="searchKeyword" 
-        placeholder="搜索文章..."
-        style="width: 300px"
-        clearable
-      />
-    </div>
+  <AdminLayout 
+    title="资源管理" 
+    subtitle="管理文章、资源、数据等内容"
+  >
+    <div class="article-management">
+      <div class="action-bar">
+        <el-button type="primary" @click="showCreateDialog">+ 新增文章</el-button>
+        <el-button @click="handleDataCollection">数据采集</el-button>
+        <el-input 
+          v-model="searchKeyword" 
+          placeholder="搜索文章..."
+          style="width: 300px"
+          clearable
+        />
+      </div>
 
     <el-table :data="articles" style="width: 100%">
       <el-table-column prop="title" label="文章标题" min-width="200" />
@@ -61,10 +65,16 @@
       @edit="handleEditFromView"
       @close="showViewDialog = false"
     />
-  </div>
+    </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
+import { AdminLayout } from '@/views/admin';
+
+defineOptions({
+  name: 'ArticleManagementView'
+});
 import { ref, onMounted } from 'vue';
 import { ElButton, ElInput, ElTable, ElTableColumn, ElTag, ElPagination, ElMessage } from 'element-plus';
 import { useRouter } from 'vue-router';
@@ -245,7 +255,9 @@ function handleCurrentChange(val: number) {
 
 <style lang="scss" scoped>
 .article-management {
-  padding: 20px;
+  background: #FFFFFF;
+  padding: 24px;
+  border-radius: 14px;
 }
 
 .action-bar {