R5-M1-M5 收口正式审批规则与移动反馈

client/src/pages/MobileReimbursementDetailPage.tsx

@@ -758,9 +758,12 @@ export function MobileReimbursementDetailPage() {
   }
 
   const displayCode = resolveReimbursementDisplayCode(detail);
+  const showSubmitAction = Boolean(canEdit && canSubmitExpense);
+  const showStickyActions = Boolean(showSubmitAction || canOpenInvoiceDialog);
+  const showSecondaryActions = Boolean(actionError || canDeleteDraft || !canEdit);
 
   return (
-    <PageScaffold className="space-y-4 pb-4" data-testid="mobile-reimbursement-detail">
+    <PageScaffold className={cn("space-y-4", showStickyActions ? "pb-28" : "pb-6")} data-testid="mobile-reimbursement-detail">
       <header className="flex items-center gap-3" data-testid="mobile-reimbursement-detail">
         <Button asChild size="sm" variant="secondary">
           <Link to="/mobile/reimbursements">返回</Link>
@@ -1058,39 +1061,60 @@ export function MobileReimbursementDetailPage() {
         )}
       </section>
 
-      <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-reimbursement-actions">
-        <h2 className="text-base font-semibold text-zinc-900">操作</h2>
-        {actionError ? (
-          <div className="mt-3 whitespace-pre-wrap rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
-            {actionError}
+      {showSecondaryActions ? (
+        <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-reimbursement-actions">
+          <h2 className="text-base font-semibold text-zinc-900">操作</h2>
+          {actionError ? (
+            <div className="mt-3 whitespace-pre-wrap rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+              {actionError}
+            </div>
+          ) : null}
+          <div className="mt-3 grid gap-2">
+            {canDeleteDraft ? (
+              <Button
+                className="w-full"
+                disabled={deleteReimbursementMutation.isPending}
+                type="button"
+                variant="destructive"
+                onClick={() => setConfirmDeleteReimbursement(true)}
+              >
+                删除草稿
+              </Button>
+            ) : null}
+            {!canEdit ? <div className="text-sm text-zinc-500">当前状态不可编辑。</div> : null}
+          </div>
+        </section>
+      ) : null}
+
+      {showStickyActions ? (
+        <div
+          className="sticky bottom-0 z-20 -mx-4 border-t border-zinc-200 bg-white/95 px-4 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3 shadow-[0_-10px_24px_rgba(15,23,42,0.10)] backdrop-blur"
+          data-testid="mobile-reimbursement-sticky-actions"
+        >
+          <div className={cn("grid gap-2", canOpenInvoiceDialog && showSubmitAction ? "grid-cols-2" : "grid-cols-1")}>
+            {canOpenInvoiceDialog ? (
+              <Button
+                data-testid="mobile-reimbursement-sticky-invoice-add"
+                variant={showSubmitAction ? "secondary" : "default"}
+                type="button"
+                onClick={() => closeInvoiceDialog(true)}
+              >
+                添加发票
+              </Button>
+            ) : null}
+            {showSubmitAction ? (
+              <Button
+                data-testid={TEST_IDS.reimbursement.submit}
+                disabled={submitMutation.isPending}
+                type="button"
+                onClick={() => void handleSubmit()}
+              >
+                {submitMutation.isPending ? "提交中..." : "提交审批"}
+              </Button>
+            ) : null}
           </div>
-        ) : null}
-        <div className="mt-3 grid gap-2">
-          {canEdit && canSubmitExpense ? (
-            <Button
-              className="w-full"
-              data-testid={TEST_IDS.reimbursement.submit}
-              disabled={submitMutation.isPending}
-              type="button"
-              onClick={() => void handleSubmit()}
-            >
-              {submitMutation.isPending ? "提交中..." : "提交审批"}
-            </Button>
-          ) : null}
-          {canDeleteDraft ? (
-            <Button
-              className="w-full"
-              disabled={deleteReimbursementMutation.isPending}
-              type="button"
-              variant="destructive"
-              onClick={() => setConfirmDeleteReimbursement(true)}
-            >
-              删除草稿
-            </Button>
-          ) : null}
-          {!canEdit ? <div className="text-sm text-zinc-500">当前状态不可编辑。</div> : null}
         </div>
-      </section>
+      ) : null}
 
       <Dialog open={isInvoiceDialogOpen} onOpenChange={closeInvoiceDialog}>
         <DialogContent