视图修改、接口修改

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

@@ -1,12 +1,16 @@
 <template>
-  <div class="dept-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="dept-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
@@ -163,12 +167,18 @@
       </template>
     </el-dialog>
     </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
 import { deptApi } from '@/apis/system/dept';
 import { roleApi } from '@/apis/system/role';
 import { SysDept, SysRole } from '@/types';
+import { AdminLayout } from '@/views/admin';
+
+defineOptions({
+  name: 'DeptManageView'
+});
 import { ref, onMounted, reactive, computed } from 'vue';
 import { ElMessage, ElMessageBox, FormInstance, FormRules } from 'element-plus';
 import { Plus, OfficeBuilding } from '@element-plus/icons-vue';
@@ -605,7 +615,9 @@ async function handleNodeDrop(draggingNode: any, dropNode: any, dropType: string
 
 <style scoped lang="scss">
 .dept-manage {
-  padding: 20px;
+  background: #FFFFFF;
+  padding: 24px;
+  border-radius: 14px;
   
   .header {
     display: flex;