R96 U1-U7 精简页面设计与文案

client/src/pages/MobileApprovalsPage.tsx

@@ -731,13 +731,6 @@ export function MobileApprovalsPage() {
   }
 
   const listTitle = taskTab === "pending" ? "待办任务" : "已处理任务";
-  const listSubtitle = canUseRemote
-    ? taskTab === "pending"
-      ? "在线串行审批，支持进入批量处理模式。"
-      : "展示最近 30 天已处理任务。"
-    : taskTab === "pending"
-      ? "离线状态下仅展示已缓存待办，并支持批量入队。"
-      : "离线模式下暂不提供已处理历史。";
   const allVisibleSelected =
     filteredTaskCards.length > 0 && filteredTaskCards.every((task) => selectedBatchTaskIds.includes(task.id));
 
@@ -745,7 +738,7 @@ export function MobileApprovalsPage() {
     <PageScaffold className="space-y-4">
       <PageHeader
         title="移动审批"
-        subtitle={deepLinkTaskId ? `深链待办：${deepLinkTaskId}` : "小屏快速处理待办任务，支持离线草稿与联网重放。"}
+        subtitle={deepLinkTaskId ? `待办：${deepLinkTaskId}` : "处理待办。"}
       />
 
       {!isOnline ? (
@@ -766,7 +759,7 @@ export function MobileApprovalsPage() {
         <div className="flex flex-wrap items-center justify-between gap-3">
           <div>
             <h3 className="text-base font-semibold text-zinc-900">{listTitle}</h3>
-            <p className="mt-1 text-sm text-zinc-500">{listSubtitle}</p>
+            <p className="mt-1 text-sm text-zinc-500">{filteredTaskCards.length} 条</p>
           </div>
           <span className={`text-sm ${isOnline ? "text-emerald-600" : "text-orange-600"}`}>{isOnline ? "在线" : "离线"}</span>
         </div>
@@ -865,7 +858,7 @@ export function MobileApprovalsPage() {
               rows={3}
               value={batchRejectComment}
               onChange={(event) => setBatchRejectComment(event.target.value)}
-              placeholder="批量驳回共享意见，所有选中任务将复用这条说明。"
+              placeholder="驳回意见。"
             />
           </div>
         ) : null}
@@ -927,7 +920,7 @@ export function MobileApprovalsPage() {
                       <div className="font-medium text-zinc-900">{task.title}</div>
                       <StatusBadge status={task.status} label={workflowStatusLabel(task.status)} />
                     </div>
-                    <div className="mt-1 text-xs text-zinc-500">任务ID: {task.id}</div>
+            <div className="mt-1 text-xs text-zinc-500">任务：{task.id}</div>
                     <div className="mt-1 text-xs text-zinc-500">{task.subtitle}</div>
                     {task.isCached ? <div className="mt-1 text-xs text-zinc-500">来源：离线缓存</div> : null}
                   </button>
@@ -949,7 +942,7 @@ export function MobileApprovalsPage() {
                   <div className="font-medium text-zinc-900">{task.title}</div>
                   <StatusBadge status={task.status} label={workflowStatusLabel(task.status)} />
                 </div>
-                <div className="mt-1 text-xs text-zinc-500">任务ID: {task.id}</div>
+                <div className="mt-1 text-xs text-zinc-500">任务：{task.id}</div>
                 <div className="mt-1 text-xs text-zinc-500">{task.subtitle}</div>
                 {task.reference && task.reference !== task.id ? (
                   <div className="mt-1 text-xs text-zinc-500">业务参考：{task.reference}</div>
@@ -962,7 +955,7 @@ export function MobileApprovalsPage() {
       </section>
 
       <section ref={detailSectionRef} className="card-std scroll-mt-4 space-y-3 p-4" data-testid="mobile-approvals-detail">
-        <h3 className="text-base font-semibold text-zinc-900">任务详情与动作</h3>
+        <h3 className="text-base font-semibold text-zinc-900">详情与处理</h3>
 
         {!selectedTaskId ? <p className="text-sm text-zinc-500">请先选择任务。</p> : null}