优化更新

src/pages/auth/permission/index.vue

@@ -11,8 +11,8 @@
 			<div class="body">
 				<a-tree v-model:selectedKeys="selectedMenuKeys" v-model:checkedKeys="checkedMenuKeys"
 					:tree-data="filteredMenuTree" :field-names="{ title: 'title', key: 'id', children: 'children' }"
-					showLine checkable :check-strictly="true" :expand-on-click-node="false"
-					@select="onMenuSelect" @check="onMenuCheck">
+					showLine checkable :check-strictly="true" :expand-on-click-node="false" @select="onMenuSelect"
+					@check="onMenuCheck">
 					<template #icon="{ dataRef }">
 						<folder-outlined v-if="dataRef.children" />
 						<file-outlined v-else />
@@ -50,7 +50,7 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { message, Modal } from 'ant-design-vue'
 import saveForm from './save.vue'
 import authApi from '@/api/auth'
@@ -141,7 +141,7 @@ const findParentId = (tree, id) => {
 }
 
 // 菜单选择事件
-const onMenuSelect = (selectedKeys, { selected, node }) => {
+const onMenuSelect = (selectedKeys, { selected }) => {
 	if (selected) {
 		const menuId = selectedKeys[0]
 		const menuNode = findMenuNode(menuTree.value, menuId)
@@ -263,6 +263,7 @@ onMounted(() => {
 			padding: 12px 16px;
 			border-bottom: 1px solid #f0f0f0;
 			background: #fafafa;
+			height: 56px;
 		}
 
 		.body {
@@ -312,6 +313,7 @@ onMounted(() => {
 			padding: 16px 24px;
 			border-bottom: 1px solid #f0f0f0;
 			background: #fff;
+			height: 56px;
 
 			.title {
 				font-size: 18px;