实现报销材料连续预览（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={