实现报销材料连续预览（07-27-yang-jun-reimbursement-readiness）

client/src/router/index.tsx

@@ -62,6 +62,7 @@ import {
   ReimbursementDetailPage,
   ReimbursementDashboardPage,
   ReimbursementPrintPage,
+  ReimbursementMaterialsPage,
   ReimbursementTemplatesPage,
   ReimbursementsPage,
   TravelRequestsPage,
@@ -232,6 +233,15 @@ const routeElements = (
           }
         />
 
+        <Route
+          path="reimbursements/:reimbursementId/materials"
+          element={
+            <RequirePermission anyOf={["expense.view_own", "expense.view_all"]}>
+              {withRouteFallback(<ReimbursementMaterialsPage />)}
+            </RequirePermission>
+          }
+        />
+
         <Route
           path="leave-requests"
           element={
@@ -388,6 +398,15 @@ const routeElements = (
           }
         />
 
+        <Route
+          path="mobile/reimbursements/:reimbursementId/materials"
+          element={
+            <RequirePermission anyOf={["expense.view_own", "expense.view_all"]}>
+              {withRouteFallback(<ReimbursementMaterialsPage />)}
+            </RequirePermission>
+          }
+        />
+
         <Route
           path="mobile/leave"
           element={

client/src/router/lazy/ReimbursementMaterialsPage.ts

@@ -0,0 +1 @@
+export { ReimbursementMaterialsPage as default } from "../../pages/ReimbursementMaterialsPage";

client/src/router/lazy/index.ts

@@ -51,6 +51,7 @@ export const PurchaseRequestsPage = lazy(() => import("./PurchaseRequestsPage"))
 export const ReimbursementDetailPage = lazy(() => import("./ReimbursementDetailPage"));
 export const ReimbursementDashboardPage = lazy(() => import("./ReimbursementDashboardPage"));
 export const ReimbursementPrintPage = lazy(() => import("./ReimbursementPrintPage"));
+export const ReimbursementMaterialsPage = lazy(() => import("./ReimbursementMaterialsPage"));
 export const ReimbursementsPage = lazy(() => import("./ReimbursementsPage"));
 export const ReimbursementTemplatesPage = lazy(() => import("./ReimbursementTemplatesPage"));
 export const TravelRequestsPage = lazy(() => import("./TravelRequestsPage"));