feat: 员工门户UI优化 - PortalLayout/Logo组件/QR扫码登录/合同与政策页面重构

frontend/src/App.tsx

@@ -5,6 +5,7 @@ import { useAuthStore } from './store/authStore'
 import TopNav from './components/layout/TopNav'
 import SidebarNav from './components/layout/SidebarNav'
 import MobileTabBar from './components/layout/MobileTabBar'
+import PortalLayout from './components/layout/PortalLayout'
 import PageContainer from './components/layout/PageContainer'
 import { SkeletonPage } from './components/ui/Skeleton'
 import OnboardingGuide from './components/OnboardingGuide'
@@ -31,6 +32,7 @@ const MyContract = lazy(() => import('./pages/portal/MyContract'))
 const Onboarding = lazy(() => import('./pages/portal/Onboarding'))
 const ContractConfirm = lazy(() => import('./pages/portal/ContractConfirm'))
 const MyPolicies = lazy(() => import('./pages/portal/MyPolicies'))
+const AutoLogin = lazy(() => import('./pages/portal/AutoLogin'))
 const MedicalPeriodCalculator = lazy(() => import('./pages/tools/MedicalPeriodCalculator'))
 const HealthCheck = lazy(() => import('./pages/tools/HealthCheck'))
 const AnnualValueReport = lazy(() => import('./pages/tools/AnnualValueReport'))
@@ -66,13 +68,20 @@ function AdminLayout({ children }: { children: React.ReactNode }) {
   )
 }
 
-function PortalLayout({ children }: { children: React.ReactNode }) {
+function PortalLayoutWrapper({ children, showNav = true }: { children: React.ReactNode; showNav?: boolean }) {
+  if (!showNav) {
+    return (
+      <div className="min-h-screen bg-surface pt-safe pb-safe">
+        <main className="max-w-md mx-auto py-6 px-4">
+          <Suspense fallback={<SkeletonPage />}>{children}</Suspense>
+        </main>
+      </div>
+    )
+  }
   return (
-    <div className="min-h-screen bg-surface">
-      <main className="max-w-md mx-auto py-6 px-4">
-        <Suspense fallback={<SkeletonPage />}>{children}</Suspense>
-      </main>
-    </div>
+    <PortalLayout>
+      <Suspense fallback={<SkeletonPage />}>{children}</Suspense>
+    </PortalLayout>
   )
 }
 
@@ -104,12 +113,13 @@ export default function App() {
       <Route path="/tools/annual-value" element={<ProtectedRoute><AdminLayout><AnnualValueReport /></AdminLayout></ProtectedRoute>} />
 
       {/* 员工端 */}
-      <Route path="/portal/login" element={<PortalLayout><PortalLogin /></PortalLayout>} />
-      <Route path="/portal/payslip" element={<PortalLayout><Payslip /></PortalLayout>} />
-      <Route path="/portal/contract" element={<PortalLayout><MyContract /></PortalLayout>} />
-      <Route path="/portal/onboarding" element={<PortalLayout><Onboarding /></PortalLayout>} />
-      <Route path="/portal/contract-confirm" element={<PortalLayout><ContractConfirm /></PortalLayout>} />
-      <Route path="/portal/policies" element={<PortalLayout><MyPolicies /></PortalLayout>} />
+      <Route path="/portal/login" element={<PortalLayoutWrapper showNav={false}><PortalLogin /></PortalLayoutWrapper>} />
+      <Route path="/portal/payslip" element={<PortalLayoutWrapper><Payslip /></PortalLayoutWrapper>} />
+      <Route path="/portal/contract" element={<PortalLayoutWrapper><MyContract /></PortalLayoutWrapper>} />
+      <Route path="/portal/onboarding" element={<PortalLayoutWrapper showNav={false}><Onboarding /></PortalLayoutWrapper>} />
+      <Route path="/portal/contract-confirm" element={<PortalLayoutWrapper showNav={false}><ContractConfirm /></PortalLayoutWrapper>} />
+      <Route path="/portal/policies" element={<PortalLayoutWrapper><MyPolicies /></PortalLayoutWrapper>} />
+      <Route path="/portal/auto-login" element={<PortalLayoutWrapper showNav={false}><AutoLogin /></PortalLayoutWrapper>} />
 
       {/* 兜底 */}
       <Route path="*" element={<Navigate to="/" replace />} />