视图修改、接口修改

schoolNewsWeb/src/views/admin/manage/system/MenuManageView.vue

@@ -1,12 +1,16 @@
 <template>
-  <div class="menu-manage">
-    <div class="header">
-      <h2>菜单管理</h2>
-      <el-button type="primary" @click="handleAdd">
-        <el-icon><Plus /></el-icon>
-        新增菜单
-      </el-button>
-    </div>
+  <AdminLayout 
+    title="系统管理" 
+    subtitle="管理用户、角色、权限、部门等系统信息"
+  >
+    <div class="menu-manage">
+      <div class="header">
+        <h2>菜单管理</h2>
+        <el-button type="primary" @click="handleAdd">
+          <el-icon><Plus /></el-icon>
+          新增菜单
+        </el-button>
+      </div>
 
     <div class="tree-container">
       <el-tree
@@ -208,12 +212,18 @@
       </template>
     </el-dialog>
     </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
 import { menuApi } from '@/apis/system/menu';
 import { permissionApi } from '@/apis/system/permission';
 import { SysMenu, SysPermission } from '@/types';
+import { AdminLayout } from '@/views/admin';
+
+defineOptions({
+  name: 'MenuManageView'
+});
 import { ref, onMounted, reactive, computed } from 'vue';
 import { ElMessage, ElMessageBox, FormInstance, FormRules } from 'element-plus';
 import { Plus } from '@element-plus/icons-vue';
@@ -692,7 +702,9 @@ async function handleNodeDrop(draggingNode: any, dropNode: any, dropType: string
 
 <style scoped lang="scss">
 .menu-manage {
-  padding: 20px;
+  background: #FFFFFF;
+  padding: 24px;
+  border-radius: 14px;
   
   .header {
     display: flex;