diff --git a/frontend/src/layouts/AdminLayout.vue b/frontend/src/layouts/AdminLayout.vue
index 2bf8e3f..0e0a0c6 100644
--- a/frontend/src/layouts/AdminLayout.vue
+++ b/frontend/src/layouts/AdminLayout.vue
@@ -55,10 +55,21 @@
             <el-icon><User /></el-icon>
             <template #title>员工管理</template>
           </el-menu-item>
-          <el-menu-item :index="menuPath('/production')">
-            <el-icon><DataAnalysis /></el-icon>
-            <template #title>产量报表</template>
-          </el-menu-item>
+          <el-sub-menu :index="menuPath('/production')" popper-class="sidebar-submenu-popper">
+            <template #title>
+              <el-icon><DataAnalysis /></el-icon>
+              <span>产量报表</span>
+            </template>
+            <el-menu-item :index="menuPath('/production/machine')">
+              <template #title>机床产量</template>
+            </el-menu-item>
+            <el-menu-item :index="menuPath('/production/worker')">
+              <template #title>员工产量</template>
+            </el-menu-item>
+            <el-menu-item :index="menuPath('/production/program')">
+              <template #title>程序产量</template>
+            </el-menu-item>
+          </el-sub-menu>
           <el-menu-item :index="menuPath('/alert')">
             <el-icon><Bell /></el-icon>
             <template #title>告警中心</template>
@@ -233,3 +244,21 @@ function handleCommand(command: string) {
   }
 }
 </style>
+
+<!-- 折叠态弹出子菜单样式（非 scoped，因 popper 被 teleport 到 body） -->
+<style lang="scss">
+.sidebar-submenu-popper {
+  .el-menu {
+    background-color: #304156 !important;
+  }
+  .el-menu-item {
+    color: #bfcbd9;
+    &:hover {
+      background-color: #263445 !important;
+    }
+    &.is-active {
+      color: #409EFF;
+    }
+  }
+}
+</style>