视图修改、接口修改

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

@@ -1,12 +1,16 @@
 <template>
-  <div class="role-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="role-manage">
+      <div class="header">
+        <h2>角色管理</h2>
+        <el-button type="primary" @click="handleAdd">
+          <el-icon><Plus /></el-icon>
+          新增角色
+        </el-button>
+      </div>
 
     <el-table 
       :data="roleList" 
@@ -148,13 +152,19 @@
         </el-button>
       </template>
     </el-dialog>
-  </div>
+    </div>
+  </AdminLayout>
 </template>
 
 <script setup lang="ts">
 import { roleApi } from '@/apis/system/role';
 import { permissionApi } from '@/apis/system/permission';
 import { SysRole, SysPermission } from '@/types';
+import { AdminLayout } from '@/views/admin';
+
+defineOptions({
+  name: 'RoleManageView'
+});
 import { ref, onMounted, reactive } from 'vue';
 import { ElMessage, ElMessageBox, FormInstance, FormRules } from 'element-plus';
 import { Plus } from '@element-plus/icons-vue';
@@ -415,7 +425,9 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .role-manage {
-  padding: 20px;
+  background: #FFFFFF;
+  padding: 24px;
+  border-radius: 14px;
   
   .header {
     display: flex;