重构采购申请任务化页面（purchase-request-task-layout）

client/src/pages/MobilePurchaseRequestsPage.tsx

@@ -38,6 +38,31 @@ function formatDate(value: string | null | undefined) {
   return value ? value.slice(0, 10) : "-";
 }
 
+function resolvePurchaseListNextStep(status: PurchaseRequestStatus) {
+  if (status === "draft") return "继续完善采购材料";
+  if (status === "reviewing") return "查看审批进度";
+  if (status === "rejected") return "按意见补材料";
+  if (status === "approved") return "核对到货 / 归档";
+  return "查看取消记录";
+}
+
+function resolvePurchaseListEvidence(item: PurchaseRequestSummary) {
+  if (!item.supplierId) return "待补供应商";
+  if (!item.legalEntityId || !item.costCenterId) return "待补法体 / 成本中心";
+  if (!item.documentCategoryId) return "待补单据分类";
+  if (!item.budgetPoolId) return "预算池未匹配";
+  if (!item.projectId) return "未关联项目";
+  return "基础依据已齐";
+}
+
+function resolveMobileEmptyState(status: PurchaseRequestStatus) {
+  if (status === "draft") return "暂无采购草稿";
+  if (status === "reviewing") return "暂无审批中的采购";
+  if (status === "rejected") return "暂无需要补材料的采购";
+  if (status === "approved") return "暂无已通过采购";
+  return "暂无已取消采购";
+}
+
 function PurchaseRequestCard({
   item,
   currentMobileSource,
@@ -74,6 +99,10 @@ function PurchaseRequestCard({
           item.expectedDeliveryDate ? `到货：${formatDate(item.expectedDeliveryDate)}` : null,
         ])}
       </div>
+      <div className="mt-3 rounded-lg bg-slate-50 px-3 py-2 text-xs leading-5 text-zinc-600">
+        <div>材料：{resolvePurchaseListEvidence(item)}</div>
+        <div>下一步：{resolvePurchaseListNextStep(item.status)}</div>
+      </div>
     </Link>
   );
 }
@@ -116,9 +145,11 @@ export function MobilePurchaseRequestsPage() {
 
   return (
     <PageScaffold className="space-y-4">
-      <PageHeader title="采购" />
+      <PageHeader title="我的采购" />
 
       <section className="mobile-card">
+        <div className="text-sm font-semibold text-zinc-900">当前采购任务</div>
+        <div className="mt-1 text-xs leading-5 text-zinc-500">手机端只看状态、材料摘要和下一步；台账筛选、全范围和导出留在电脑端。</div>
         <div className="mobile-info-grid">
           <div>
             <div className="text-xs text-zinc-500">当前列表</div>
@@ -150,7 +181,7 @@ export function MobilePurchaseRequestsPage() {
             </div>
           ) : null}
           {!listQuery.isLoading && !listQuery.isError && !items.length ? (
-            <div className="mobile-empty-state">暂无采购申请</div>
+            <div className="mobile-empty-state">{resolveMobileEmptyState(status)}</div>
           ) : null}
           {items.map((item) => (
             <PurchaseRequestCard currentMobileSource={currentMobileSource} item={item} key={item.id} />