R7E 真机二次反馈移动修复

引用 R7E-16C BIZ8-12B
2026-05-15 18:24:03 +08:00
@@ -1037,13 +1037,13 @@ export function MobileApprovalsPage() {
                to={item.to}
                state={{ from: currentMobileSource }}
              >
-                <div className="mobile-list-card__header">
+                <div className="mobile-list-card__header mobile-list-card__header--approval">
                  <div className="min-w-0">
                    <div className="mobile-list-card__title">{item.title}</div>
                    {item.subtitle ? <div className="mobile-list-card__subtitle mt-1">{item.subtitle}</div> : null}
                  </div>
-                  <span className="mobile-status-slot">
-                    <StatusBadge status={item.status} />
+                  <span className="mobile-status-slot mobile-status-slot--approval">
+                    <StatusBadge className="mobile-status-badge" status={item.status} />
                  </span>
                </div>
              </Link>
@@ -1223,10 +1223,14 @@ export function MobileApprovalsPage() {
                    data-testid={`mobile-approvals-task-${task.id}`}
                    onClick={() => toggleBatchTask(task.id)}
                  >
-                    <div className="mobile-list-card__header">
+                    <div className="mobile-list-card__header mobile-list-card__header--approval">
                      <div className="mobile-list-card__title">{task.title}</div>
-                      <span className="mobile-status-slot">
-                        <StatusBadge status={task.status} label={workflowStatusLabel(task.status)} />
+                      <span className="mobile-status-slot mobile-status-slot--approval">
+                        <StatusBadge
+                          className="mobile-status-badge"
+                          status={task.status}
+                          label={workflowStatusLabel(task.status)}
+                        />
                      </span>
                    </div>
                    <div className="mobile-list-card__subtitle mt-1">{task.subtitle}</div>
@@ -1249,10 +1253,14 @@ export function MobileApprovalsPage() {
                onClick={() => handleTaskSelection(task.id)}
                type="button"
              >
-                <div className="mobile-list-card__header">
+                <div className="mobile-list-card__header mobile-list-card__header--approval">
                  <div className="mobile-list-card__title">{task.title}</div>
-                  <span className="mobile-status-slot">
-                    <StatusBadge status={task.status} label={workflowStatusLabel(task.status)} />
+                  <span className="mobile-status-slot mobile-status-slot--approval">
+                    <StatusBadge
+                      className="mobile-status-badge"
+                      status={task.status}
+                      label={workflowStatusLabel(task.status)}
+                    />
                  </span>
                </div>
                <div className="mobile-list-card__subtitle mt-1">{task.subtitle}</div>
@@ -1292,13 +1300,17 @@ export function MobileApprovalsPage() {
        {selectedTask ? (
          <>
            <div className="mobile-list-card text-sm">
-              <div className="mobile-list-card__header">
+              <div className="mobile-list-card__header mobile-list-card__header--approval">
                <div className="min-w-0">
                  <div className="mobile-list-card__title">{selectedDetailTitle}</div>
                  <div className="mobile-list-card__subtitle mt-1">{joinBusinessMeta([`节点：${selectedTask.task.stepName}`, `创建：${formatDateTime(selectedTask.task.createdAt)}`])}</div>
                </div>
-                <span className="mobile-status-slot">
-                  <StatusBadge status={selectedTask.task.status} label={workflowStatusLabel(selectedTask.task.status)} />
+                <span className="mobile-status-slot mobile-status-slot--approval">
+                  <StatusBadge
+                    className="mobile-status-badge"
+                    status={selectedTask.task.status}
+                    label={workflowStatusLabel(selectedTask.task.status)}
+                  />
                </span>
              </div>
              <div className="mobile-field-list mt-3">
@@ -1389,7 +1401,7 @@ export function MobileApprovalsPage() {
                  <p className="text-xs text-zinc-500">离线仅保存通过 / 驳回草稿，联网同步成功后才会正式提交。</p>
                ) : null}

-                <div className="mobile-sticky-action-grid">
+                <div className={canUseRemote ? "mobile-sticky-action-grid mobile-approval-action-grid" : "mobile-sticky-action-grid"}>
                  <Button
                    className="min-h-12 w-full"
                    data-testid="mobile-approvals-approve"
@@ -129,7 +129,7 @@ export function MobileMePage() {
          <MobileActionLink to="/mobile/reimbursements" label="报销" icon="request_quote" />
          {canAccessPurchase ? <MobileActionLink to="/mobile/purchase-requests" label="采购" icon="shopping_cart" /> : null}
          <MobileActionLink to="/mobile/approvals" label={canAccessApprovals ? "审批" : "审批进度"} icon="fact_check" />
-          {canAccessFinance ? <MobileActionLink to="/mobile#finance" label="财务" description="审批与台账" icon="account_balance_wallet" /> : null}
+          {canAccessFinance ? <MobileActionLink to="/mobile#finance" label="财务" description="审批与付款状态" icon="account_balance_wallet" /> : null}
          {canAccessAssets ? <MobileActionLink to="/mobile/assets/scan" label="资产扫码" icon="inventory_2" /> : null}
          {canAccessProjects ? <MobileActionLink to="/mobile" label="项目动态" icon="workspaces" /> : null}
        </div>
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
@@ -204,6 +205,20 @@ export function MobilePortalPage() {
    queryFn: () => fetchPortalHome(),
  });

+  useEffect(() => {
+    if (location.hash !== "#finance" || !canUseFinance) {
+      return;
+    }
+
+    const frameId = window.requestAnimationFrame(() => {
+      const financeSection = document.getElementById("finance");
+      financeSection?.scrollIntoView({ block: "start", behavior: "smooth" });
+      financeSection?.focus({ preventScroll: true });
+    });
+
+    return () => window.cancelAnimationFrame(frameId);
+  }, [canUseFinance, location.hash, portalHomeQuery.isError, portalHomeQuery.isLoading]);
+
  const markHomeNotificationReadMutation = useMutation({
    mutationFn: (notificationId: string) => markNotificationRead(notificationId),
    onSuccess: async () => {
@@ -379,7 +394,7 @@ export function MobilePortalPage() {
      ) : null}

      {canUseFinance ? (
-        <section id="finance" className="mobile-card mobile-page-stack" data-testid="mobile-finance-summary">
+        <section id="finance" tabIndex={-1} className="mobile-card mobile-page-stack" data-testid="mobile-finance-summary">
          <div className="mobile-section-header">
            <div className="mobile-section-title">财务</div>
            <span className="badge-neutral">{paymentBatchEnabled ? "复核与付款" : "审批与台账"}</span>