R51 移动端增强：入口页、底部导航与审批批量处理

client/src/layouts/AppShellLayout.tsx

@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { Outlet, useLocation } from "react-router-dom";
 import { ErrorBoundary } from "../components/common/ErrorBoundary";
+import { MobileBottomNav } from "../components/mobile/MobileBottomNav";
 import { Sidebar } from "../components/navigation/Sidebar";
 import { Topbar } from "../components/navigation/Topbar";
 import { resolvePageMeta } from "../features/navigation/schema";
@@ -8,6 +9,7 @@ import { writeRecentVisit } from "../lib/recentVisits";
 
 export function AppShellLayout() {
   const location = useLocation();
+  const isMobileRoute = location.pathname.startsWith("/mobile");
 
   useEffect(() => {
     const pathname = location.pathname;
@@ -24,13 +26,15 @@ export function AppShellLayout() {
       <main className="flex min-w-0 flex-1 flex-col lg:ml-72">
         <Topbar />
 
-        <div className="flex-1 px-4 py-6 sm:px-8 sm:py-8">
+        <div className={`flex-1 px-4 py-6 sm:px-8 sm:py-8 ${isMobileRoute ? "pb-24 md:pb-8" : ""}`}>
           <div className="layout-container max-w-none">
             <ErrorBoundary>
               <Outlet />
             </ErrorBoundary>
           </div>
         </div>
+
+        {isMobileRoute ? <MobileBottomNav /> : null}
       </main>
     </div>
   );