R7E 真机二次反馈移动修复

引用 R7E-16C BIZ8-12B

client/src/pages/MobileApprovalsPage.tsx

@@ -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"