diff --git a/src/components/core/MainLayout/components/SideMenu/components/ddMenuHaveChildren.vue b/src/components/core/MainLayout/components/SideMenu/components/ddMenuHaveChildren.vue
new file mode 100644
index 00000000..b41f2166
--- /dev/null
+++ b/src/components/core/MainLayout/components/SideMenu/components/ddMenuHaveChildren.vue
@@ -0,0 +1,28 @@
+<template>
+  <el-submenu :index="menu.path">
+    <template slot="title">
+      <i :class="`fa fa-${menu.icon}`"></i>
+      <span slot="title">{{menu.title}}</span>
+    </template>
+    <template v-for="(child, childIndex) in menu.children">
+      <ddMenuItem v-if="child.children === undefined" :menu="child" :key="childIndex"/>
+      <dd-menu-have-children v-else :menu="child" :key="childIndex"/>
+    </template>
+  </el-submenu>
+</template>
+
+<script>
+export default {
+  name: 'dd-menu-have-children',
+  props: {
+    menu: {
+      type: Object,
+      required: false,
+      default: () => {}
+    }
+  },
+  components: {
+    ddMenuItem: () => import('./ddMenuItem.vue')
+  }
+}
+</script>
diff --git a/src/components/core/MainLayout/components/SideMenu/components/ddMenuItem.vue b/src/components/core/MainLayout/components/SideMenu/components/ddMenuItem.vue
new file mode 100644
index 00000000..c40f937a
--- /dev/null
+++ b/src/components/core/MainLayout/components/SideMenu/components/ddMenuItem.vue
@@ -0,0 +1,19 @@
+<template>
+  <el-menu-item :index="menu.path">
+    <i :class="`fa fa-${menu.icon}`"></i>
+    <span slot="title">{{menu.title}}</span>
+  </el-menu-item>
+</template>
+
+<script>
+export default {
+  name: 'dd-menu-item',
+  props: {
+    menu: {
+      type: Object,
+      required: false,
+      default: () => {}
+    }
+  }
+}
+</script>
diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue
index b026e9f2..7ed45cfd 100644
--- a/src/components/core/MainLayout/components/SideMenu/index.vue
+++ b/src/components/core/MainLayout/components/SideMenu/index.vue
@@ -4,7 +4,10 @@
       :collapse="collapse"
       :unique-opened="true"
       :router="true">
-      <dd-menu v-for="(menu, menuIndex) in menus" :menu="menu" :key="menuIndex"/>
+      <template v-for="(menu, menuIndex) in menus">
+        <ddMenuItem v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
+        <dd-menu-have-children v-else :menu="menu" :key="menuIndex"/>
+      </template>
     </el-menu>
     <!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
       没有菜单
@@ -22,7 +25,8 @@ export default {
     }
   },
   components: {
-    ddMenu: () => import('./components/ddMenu.vue')
+    ddMenuItem: () => import('./components/ddMenuItem.vue'),
+    ddMenuHaveChildren: () => import('./components/ddMenuHaveChildren.vue')
   },
   data () {
     return {