R101/A1-A7 收口企业微信移动端体验

client/src/pages/MobilePortalPage.tsx

@@ -130,7 +130,7 @@ function ActionTile({ action }: { action: MobileAction }) {
       to={action.to}
       className={
         isPrimary
-          ? "flex min-h-24 flex-col justify-between rounded-lg bg-zinc-900 p-3 text-white shadow-sm"
+          ? "flex min-h-24 flex-col justify-between rounded-lg border border-primary-100 bg-primary-50 p-3 text-primary shadow-sm"
           : isWarning
             ? "flex min-h-24 flex-col justify-between rounded-lg border border-amber-200 bg-amber-50 p-3 text-amber-900"
             : "flex min-h-24 flex-col justify-between rounded-lg border border-zinc-200 bg-white p-3 text-zinc-900 shadow-sm"
@@ -141,7 +141,7 @@ function ActionTile({ action }: { action: MobileAction }) {
         <span className="text-sm font-semibold">{action.label}</span>
         <span className="material-symbols-outlined text-[20px]">{action.icon}</span>
       </div>
-      <div className={isPrimary ? "text-xs text-white/75" : "text-xs text-zinc-500"}>{action.meta}</div>
+      <div className={isPrimary ? "text-xs text-primary/70" : "text-xs text-zinc-500"}>{action.meta}</div>
     </Link>
   );
 }
@@ -234,9 +234,9 @@ export function MobilePortalPage() {
       ? {
           key: "reimbursements",
           label: "报销",
-          meta: "新建和查进度",
+          meta: "新建与进度",
           icon: "request_quote",
-          to: "/reimbursements",
+          to: "/mobile/reimbursements",
         }
       : null,
     canAccessLeave
@@ -245,7 +245,7 @@ export function MobilePortalPage() {
           label: "请假",
           meta: "提交申请",
           icon: "event_available",
-          to: "/leave-requests",
+          to: "/mobile/leave",
         }
       : null,
     {
@@ -263,10 +263,8 @@ export function MobilePortalPage() {
 
       <section className="rounded-lg border border-zinc-200 bg-white p-4 shadow-sm" data-testid="mobile-today-focus">
         <div className="mb-3 flex items-center justify-between gap-3">
-          <div className="text-base font-semibold text-zinc-900">先处理这几件事</div>
-          <span className={pendingApprovalCount > 0 ? "badge-warning" : "badge-success"}>
-            {pendingApprovalCount > 0 ? `${pendingApprovalCount} 待批` : "清爽"}
-          </span>
+          <div className="text-base font-semibold text-zinc-900">待处理</div>
+          {pendingApprovalCount > 0 ? <span className="badge-warning">{pendingApprovalCount} 待批</span> : null}
         </div>
         <div className="grid grid-cols-2 gap-2">
           {actions.map((action) => (