MIF7T-1/MIF7T-7 收口真机反馈并统一移动体验

client/src/pages/MobilePurchaseRequestDetailPage.tsx

@@ -103,11 +103,37 @@ export function MobilePurchaseRequestDetailPage() {
 
           <section className="mobile-card" data-testid="mobile-purchase-detail-fields">
             <h3 className="text-base font-semibold text-zinc-900">业务信息</h3>
-            <div className="mt-3 space-y-2 text-sm text-zinc-700">
-              <div>{joinBusinessMeta([`供应商：${detail.supplier?.name ?? "-"}`, `期望到货：${formatDate(detail.expectedDeliveryDate)}`])}</div>
-              <div>{joinBusinessMeta([`法体：${detail.legalEntity?.name ?? "-"}`, `成本中心：${detail.costCenter?.name ?? "-"}`])}</div>
-              <div>{joinBusinessMeta([`预算池：${detail.budgetPool?.name ?? "未匹配"}`, `当前节点：${detail.pendingWorkflow?.task?.stepName ?? "-"}`])}</div>
-              {detail.reason ? <p className="leading-6 text-zinc-500">{detail.reason}</p> : null}
+            <div className="mobile-field-list mt-3">
+              <div className="mobile-field-row">
+                <div className="mobile-field-label">供应商</div>
+                <div className="mobile-field-value">{detail.supplier?.name ?? "-"}</div>
+              </div>
+              <div className="mobile-field-row">
+                <div className="mobile-field-label">期望到货</div>
+                <div className="mobile-field-value">{formatDate(detail.expectedDeliveryDate)}</div>
+              </div>
+              <div className="mobile-field-row">
+                <div className="mobile-field-label">法体</div>
+                <div className="mobile-field-value">{detail.legalEntity?.name ?? "-"}</div>
+              </div>
+              <div className="mobile-field-row">
+                <div className="mobile-field-label">成本中心</div>
+                <div className="mobile-field-value">{detail.costCenter?.name ?? "-"}</div>
+              </div>
+              <div className="mobile-field-row">
+                <div className="mobile-field-label">预算池</div>
+                <div className="mobile-field-value">{detail.budgetPool?.name ?? "未匹配"}</div>
+              </div>
+              <div className="mobile-field-row">
+                <div className="mobile-field-label">当前节点</div>
+                <div className="mobile-field-value">{detail.pendingWorkflow?.task?.stepName ?? "-"}</div>
+              </div>
+              {detail.reason ? (
+                <div className="mobile-field-row">
+                  <div className="mobile-field-label">申请说明</div>
+                  <div className="mobile-field-value">{detail.reason}</div>
+                </div>
+              ) : null}
             </div>
           </section>