视图修改、接口修改

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 {

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

@@ -1,21 +1,31 @@
 <template>
-  <div class="data-records">
-    <el-tabs v-model="activeTab">
-      <el-tab-pane label="菜单管理" name="menu">
-        <!-- 菜单管理已在manage/system中实现，这里可以引用或重新实现 -->
-        <div class="redirect-info">
-          <p>菜单管理功能已在系统管理模块中实现</p>
-          <el-button type="primary" @click="goToMenuManage">前往菜单管理</el-button>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
+  <AdminLayout 
+    title="资源管理" 
+    subtitle="管理文章、资源、数据等内容"
+  >
+    <div class="data-records">
+      <el-tabs v-model="activeTab">
+        <el-tab-pane label="菜单管理" name="menu">
+          <!-- 菜单管理已在manage/system中实现，这里可以引用或重新实现 -->
+          <div class="redirect-info">
+            <p>菜单管理功能已在系统管理模块中实现</p>
+            <el-button type="primary" @click="goToMenuManage">前往菜单管理</el-button>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { ElTabs, ElTabPane, ElButton } from 'element-plus';
+import { AdminLayout } from '@/views/admin';
+
+defineOptions({
+  name: 'DataRecordsView'
+});
 
 const router = useRouter();
 const activeTab = ref('menu');
@@ -27,7 +37,9 @@ function goToMenuManage() {
 
 <style lang="scss" scoped>
 .data-records {
-  padding: 20px;
+  background: #FFFFFF;
+  padding: 24px;
+  border-radius: 14px;
 }
 
 .redirect-info {

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

@@ -1,37 +1,30 @@
 <template>
-  <div class="resource-management">
-    <h1 class="page-title">资源管理</h1>
-
-    <el-tabs v-model="activeTab" class="resource-tabs">
-      <el-tab-pane label="文章储备" name="articles">
-        <ArticleManagement />
-      </el-tab-pane>
-      <el-tab-pane label="数据记录" name="data">
-        <DataRecords />
-      </el-tab-pane>
-    </el-tabs>
-  </div>
+  <AdminLayout 
+    title="资源管理" 
+    subtitle="管理文章、资源、数据等内容"
+  >
+    <div class="resource-management">
+      <el-empty description="请使用顶部标签页切换到对应的资源管理功能" />
+    </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
-import { ElTabs, ElTabPane } from 'element-plus';
-import ArticleManagement from './components/ArticleManagement.vue';
-import DataRecords from './components/DataRecords.vue';
+import { AdminLayout } from '@/views/admin';
 
-const activeTab = ref('articles');
+defineOptions({
+  name: 'ResourceManagementView'
+});
 </script>
 
 <style lang="scss" scoped>
 .resource-management {
-  padding: 20px;
-}
-
-.page-title {
-  font-size: 28px;
-  font-weight: 600;
-  color: #141F38;
-  margin-bottom: 24px;
+  background: #FFFFFF;
+  padding: 24px;
+  border-radius: 14px;
+  min-height: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>
-