feat: 搭建后台管理框架

src/views/permission/MenuManagementView.vue

@@ -4,11 +4,25 @@ import { menuIconNames } from '@/data/customMenus'
 import { useMenuManagement } from '@/views/permission/composables/useMenuManagement'
 import PageHeading from '@/views/components/PageHeading.vue'
 
-const { selectedKey, selectedParent, form, menuTree, parentOptions, resetForm, selectNode, saveMenu, deleteMenu } = useMenuManagement()
+const {
+  selectedKey,
+  selectedParent,
+  form,
+  menuTree,
+  parentOptions,
+  resetForm,
+  selectNode,
+  saveMenu,
+  deleteMenu
+} = useMenuManagement()
 </script>
 
 <template>
-  <PageHeading eyebrow="后台管理" title="菜单管理" description="维护系统菜单结构、路由和按钮权限。" />
+  <PageHeading
+    eyebrow="后台管理"
+    title="菜单管理"
+    description="维护系统菜单结构、路由和按钮权限。"
+  />
 
   <div class="menu-editor-layout">
     <section class="panel menu-tree-panel">
@@ -30,7 +44,9 @@ const { selectedKey, selectedParent, form, menuTree, parentOptions, resetForm, s
 
     <section class="panel menu-form-panel">
       <div class="panel-heading">
-        <div><h2>{{ selectedKey ? '编辑菜单权限' : '新增菜单权限' }}</h2></div>
+        <div
+          ><h2>{{ selectedKey ? '编辑菜单权限' : '新增菜单权限' }}</h2></div
+        >
         <el-button v-if="selectedKey" type="danger" plain @click="deleteMenu">删除菜单</el-button>
       </div>
       <el-form label-width="110px" label-position="right" class="menu-editor-form">
@@ -64,7 +80,12 @@ const { selectedKey, selectedParent, form, menuTree, parentOptions, resetForm, s
           </el-select>
         </el-form-item>
         <el-form-item label="使用方法">
-          <el-input v-model="form.method" type="textarea" :rows="3" placeholder="可填写按钮权限对应的操作说明" />
+          <el-input
+            v-model="form.method"
+            type="textarea"
+            :rows="3"
+            placeholder="可填写按钮权限对应的操作说明"
+          />
         </el-form-item>
         <el-form-item label="菜单排序">
           <el-input-number v-model="form.sort" :min="1" :max="999" />