diff --git a/src/components/QuickForm/index.vue b/src/components/QuickForm/index.vue
index 45e41f741cc42b2d38cba8a8274675cc096693d4..29f9373eaf1054f502355d68d02c37616e858e0e 100644
--- a/src/components/QuickForm/index.vue
+++ b/src/components/QuickForm/index.vue
@@ -171,6 +171,9 @@ defineExpose({ handleSubmit })
             "
           />
         </template>
+        <template v-else-if="item.type === 'switch'">
+          <el-switch v-model="model[item.vModel]" />
+        </template>
         <template v-else>
           <el-input
             v-model="model[item.vModel]"
diff --git a/src/components/QuickToolbar/index.vue b/src/components/QuickToolbar/index.vue
index b924ee4600237897797093ef86a03b804879ab40..4df432ee5b0d32d4f7b65e6dd4478e32d204e865 100644
--- a/src/components/QuickToolbar/index.vue
+++ b/src/components/QuickToolbar/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { defineProps, defineEmits, toRefs, Ref } from 'vue'
-import { ToolBar } from '../../types/table'
+import { Toolbar } from '../../types/table'
 
 /**
  * props
@@ -89,12 +89,12 @@ const {
   hiddenExportButton: Ref<boolean>
   hiddenPrintButton: Ref<boolean>
   hiddenRefreshButton: Ref<boolean>
-  tableToolbar: Ref<boolean | ToolBar>
+  tableToolbar: Ref<boolean | Toolbar>
 }
 /**
  * 类型转换
  */
-const toolbar = tableToolbar.value as ToolBar
+const toolbar = tableToolbar.value as Toolbar
 /**
  * emits
  */
diff --git a/src/types/table.ts b/src/types/table.ts
index 83b37100e5886707fe397ce618e9563f5d8d06ba..205587d3166d77462cc1cf04718b16fff3456f9e 100644
--- a/src/types/table.ts
+++ b/src/types/table.ts
@@ -27,6 +27,6 @@ export interface Actionbar {
   hiddenDetailButton: boolean
   btns: Array<Btns>
 }
-export interface ToolBar {
+export interface Toolbar {
   btns: Array<Btns>
 }
diff --git a/src/views/menu/index.vue b/src/views/menu/index.vue
index 4eeaefd05f69b6a09da0106ccbca06052101a2d5..f876ed8198b732a7c80da713441907498afac8c4 100644
--- a/src/views/menu/index.vue
+++ b/src/views/menu/index.vue
@@ -19,39 +19,130 @@ const dialogTitle = reactive({
 })
 const formModel = reactive<Menu>({
   id: '',
-  dicTypeId: '',
-  name: '',
+  menuId: '',
+  menuName: '',
+  path: '',
+  menuType: '',
+  icon: '',
+  sort: 0,
+  pid: '',
+  link: 0,
+  enabled: 0,
+  status: 0,
 })
 const formItems = reactive<Array<FormItem>>([
   {
-    label: '分类编号',
+    label: '菜单编号',
     labelWidth: '80px',
-    vModel: 'dicTypeId',
-    placeholder: '分类编号',
+    vModel: 'menuId',
+    placeholder: '菜单编号',
     editReadonly: true,
-    prop: 'dicTypeId',
+    prop: 'menuId',
+    rules: [
+      {
+        required: true,
+        message: '菜单编号不能为空',
+        trigger: 'blur',
+      },
+    ],
+  },
+  {
+    label: '菜单名称',
+    labelWidth: '80px',
+    vModel: 'menuName',
+    placeholder: '菜单名称',
+    prop: 'menuName',
     rules: [
       {
         required: true,
-        message: '分类编号不能为空',
+        message: '菜单名称不能为空',
         trigger: 'blur',
       },
     ],
   },
   {
-    label: '分类名称',
+    label: '路由',
     labelWidth: '80px',
-    vModel: 'name',
-    placeholder: '分类名称',
-    prop: 'name',
+    vModel: 'path',
+    placeholder: '路由',
+  },
+  {
+    label: '菜单类型',
+    labelWidth: '80px',
+    vModel: 'menuType',
+    placeholder: '菜单类型',
+    prop: 'menuType',
+    type: 'select',
+    options: [
+      {
+        label: '目录',
+        value: '0',
+      },
+      {
+        label: '菜单',
+        value: '1',
+      },
+      {
+        label: '按钮',
+        value: '2',
+      },
+    ],
     rules: [
       {
         required: true,
-        message: '分类名称不能为空',
+        message: '菜单类型不能为空',
         trigger: 'blur',
       },
     ],
   },
+  {
+    label: '菜单图标',
+    labelWidth: '80px',
+    vModel: 'icon',
+    placeholder: '菜单图标',
+    prop: 'icon',
+  },
+  {
+    label: '排序',
+    labelWidth: '80px',
+    vModel: 'sort',
+    placeholder: '排序',
+    editReadonly: true,
+    prop: 'sort',
+  },
+  {
+    label: '父级菜单',
+    labelWidth: '80px',
+    vModel: 'pid',
+    placeholder: '父级菜单',
+    prop: 'pid',
+    type: 'select',
+    options: [],
+  },
+  {
+    label: '外链',
+    labelWidth: '80px',
+    vModel: 'link',
+    placeholder: '外链',
+    prop: 'link',
+    type: 'switch',
+  },
+  {
+    label: '是否启用',
+    labelWidth: '80px',
+    vModel: 'enabled',
+    placeholder: '是否启用',
+    prop: 'enabled',
+    type: 'switch',
+  },
+  {
+    label: '是否显示',
+    labelWidth: '80px',
+    vModel: 'status',
+    placeholder: '是否显示',
+    prop: 'status',
+    type: 'switch',
+  },
 ])
 const handleFormSubmit = (form: Menu, done: any) => {
   console.log('handleFormSubmit', form)
diff --git a/tsconfig.json b/tsconfig.json
index e086b5fc066c1b32903979053707d5e52271f340..01461d501a4be1efd931c7d1f306cc9cd6685d50 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,11 @@
     "lib": ["esnext", "dom"],
     "skipLibCheck": true,
     "types": ["element-plus/global"],
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]