track/frontend/src/App.tsx

import { Suspense, lazy } from "react";
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
import { App as AntApp } from "antd";

import { ToastProvider } from "./components/ui/Toast";
import { AuthProvider } from "./contexts/AuthContext";
import LoadingSpinner from "./components/ui/LoadingSpinner";

// Layout 组件静态导入（始终需要，体积小）
import AppLayout from "./components/layout/AppLayout";
import AdminLayout from "./components/layout/AdminLayout";

// 🚀 路由级代码分割 — 按需懒加载页面组件
const ScanPage = lazy(() => import("./pages/ScanPage"));
const MyTasksPage = lazy(() => import("./pages/MyTasksPage"));
const NotificationsPage = lazy(() => import("./pages/NotificationsPage"));
const ProfilePage = lazy(() => import("./pages/ProfilePage"));

const AdminLoginPage = lazy(() => import("./pages/admin/AdminLoginPage"));
const AdminDashboard = lazy(() => import("./pages/admin/AdminDashboard"));
const AdminProductsPage = lazy(() => import("./pages/admin/AdminProductsPage"));
const AdminTasksPage = lazy(() => import("./pages/admin/AdminTasksPage"));
const AdminPrintConfigPage = lazy(() => import("./pages/admin/AdminPrintConfigPage"));

export default function App() {
  return (
    <AntApp>
      <ToastProvider>
        <AuthProvider>
          <BrowserRouter>
            <Suspense fallback={<LoadingSpinner />}>
              <Routes>
                {/* 移动端 */}
                <Route path="/" element={<Navigate to="/admin/dashboard" replace />} />
                <Route element={<AppLayout />}>
                  <Route path="/scan" element={<ScanPage />} />
                  <Route path="/tasks" element={<MyTasksPage />} />
                  <Route path="/notifications" element={<NotificationsPage />} />
                  <Route path="/profile" element={<ProfilePage />} />
                </Route>

                {/* PC 管理端 — 登录页（独立，无侧边栏） */}
                <Route path="/admin/login" element={<AdminLoginPage />} />

                {/* PC 管理端 — 需要登录 */}
                <Route path="/admin" element={<Navigate to="/admin/dashboard" replace />} />
                <Route element={<AdminLayout />}>
                  <Route path="/admin/dashboard" element={<AdminDashboard />} />
                  <Route path="/admin/products" element={<AdminProductsPage />} />
                  <Route path="/admin/tasks" element={<AdminTasksPage />} />
                  <Route path="/admin/print-config" element={<AdminPrintConfigPage />} />
                </Route>
              </Routes>
            </Suspense>
          </BrowserRouter>
        </AuthProvider>
      </ToastProvider>
    </AntApp>
  );
}