R109/A2,A3,A4 改进移动报销和发票上传体验

client/src/router/index.tsx

@@ -34,6 +34,7 @@ import {
   MobileLeavePage,
   MobileMePage,
   MobilePortalPage,
+  MobileReimbursementDetailPage,
   MobileReimbursementsPage,
   NotificationChannelsPage,
   NotificationsPage,
@@ -320,6 +321,15 @@ export function AppRouter() {
           }
         />
 
+        <Route
+          path="mobile/reimbursements/:reimbursementId"
+          element={
+            <RequirePermission anyOf={["expense.view_own", "expense.view_all"]}>
+              {withRouteFallback(<MobileReimbursementDetailPage />)}
+            </RequirePermission>
+          }
+        />
+
         <Route
           path="mobile/leave"
           element={

client/src/router/lazy/MobileReimbursementDetailPage.ts

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

client/src/router/lazy/index.ts

@@ -21,6 +21,7 @@ export const MobileCapturePage = lazy(() => import("./MobileCapturePage"));
 export const MobileLeavePage = lazy(() => import("./MobileLeavePage"));
 export const MobileMePage = lazy(() => import("./MobileMePage"));
 export const MobilePortalPage = lazy(() => import("./MobilePortalPage"));
+export const MobileReimbursementDetailPage = lazy(() => import("./MobileReimbursementDetailPage"));
 export const MobileReimbursementsPage = lazy(() => import("./MobileReimbursementsPage"));
 export const NotificationChannelsPage = lazy(() => import("./NotificationChannelsPage"));
 export const NotificationsPage = lazy(() => import("./NotificationsPage"));