From 8aed72d1bfb5d7d9142b95de25d271f1494ce8b7 Mon Sep 17 00:00:00 2001
From: shunli <shunli@qq.com>
Date: Mon, 31 Aug 2026 21:38:52 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=8A=A5=E9=94=80=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E6=8F=90=E7=A4=BA=E6=97=A0=E9=9A=9C=E7=A2=8D=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8808-30-b2-submit-error-ocr-fallback=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/MobileReimbursementDetailPage.tsx | 14 +++++++-------
 client/src/pages/ReimbursementDetailPage.tsx       | 12 ++++++------
 .../reimbursement-detail/ReimbursementActions.tsx  |  4 +++-
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/client/src/pages/MobileReimbursementDetailPage.tsx b/client/src/pages/MobileReimbursementDetailPage.tsx
index 5c3913e1..39069024 100644
--- a/client/src/pages/MobileReimbursementDetailPage.tsx
+++ b/client/src/pages/MobileReimbursementDetailPage.tsx
@@ -925,7 +925,7 @@ export function MobileReimbursementDetailPage() {
   if (!reimbursementId) {
     return (
       <PageScaffold>
-        <div className="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600">缺少报销单 ID。</div>
+        <div className="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700">缺少报销单 ID。</div>
       </PageScaffold>
     );
   }
@@ -943,7 +943,7 @@ export function MobileReimbursementDetailPage() {
   if (detailQuery.isError || !detail) {
     return (
       <PageScaffold className="space-y-4">
-        <div className="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600">
+        <div className="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700">
           {resolveErrorMessage(detailQuery.error)}
         </div>
         <Button asChild variant="secondary">
@@ -1102,7 +1102,7 @@ export function MobileReimbursementDetailPage() {
         </div>
 
         {itemError ? (
-          <div className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">{itemError}</div>
+          <div className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">{itemError}</div>
         ) : null}
 
         {itemForm ? (
@@ -1311,7 +1311,7 @@ export function MobileReimbursementDetailPage() {
         ) : null}
 
         {invoiceActionError ? (
-          <p className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+          <p className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
             {invoiceActionError}
           </p>
         ) : null}
@@ -1525,7 +1525,7 @@ export function MobileReimbursementDetailPage() {
           <h2 className="text-base font-semibold text-zinc-900">操作</h2>
           {actionError ? (
             <div
-              className="mt-3 whitespace-pre-wrap rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600"
+              className="mt-3 whitespace-pre-wrap rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"
               role="alert"
               aria-live="assertive"
             >
@@ -1594,7 +1594,7 @@ export function MobileReimbursementDetailPage() {
           </div>
 
           {invoiceActionError ? (
-            <div className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+            <div className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
               {invoiceActionError}
             </div>
           ) : null}
@@ -1706,7 +1706,7 @@ export function MobileReimbursementDetailPage() {
               >
                 {invoiceLibraryLoading ? <div className="text-sm text-zinc-500">加载中...</div> : null}
                 {invoiceLibraryError ? (
-                  <div className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+                  <div className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
                     {resolveErrorMessage(invoiceLibraryError)}
                   </div>
                 ) : null}
diff --git a/client/src/pages/ReimbursementDetailPage.tsx b/client/src/pages/ReimbursementDetailPage.tsx
index 301dff63..077e1f48 100644
--- a/client/src/pages/ReimbursementDetailPage.tsx
+++ b/client/src/pages/ReimbursementDetailPage.tsx
@@ -1214,7 +1214,7 @@ export function ReimbursementDetailPage() {
 
               {actionError ? (
                 <p
-                  className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600"
+                  className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"
                   data-testid="reimbursement-action-error"
                   role="alert"
                   aria-live="assertive"
@@ -1228,7 +1228,7 @@ export function ReimbursementDetailPage() {
                 </p>
               ) : null}
               {hasBlockingPrecheck ? (
-                <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+                <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
                   请修改超标明细后提交。
                 </p>
               ) : null}
@@ -1275,7 +1275,7 @@ export function ReimbursementDetailPage() {
 
         {itemError ? (
           <p
-            className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600"
+            className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"
             data-testid="reimbursement-item-error"
           >
             {itemError}
@@ -1471,7 +1471,7 @@ export function ReimbursementDetailPage() {
 
                 {invoiceActionError ? (
                   <p
-                    className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600"
+                    className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"
                     data-testid={TEST_IDS.reimbursement.invoiceActionError}
                   >
                     {invoiceActionError}
@@ -1762,7 +1762,7 @@ export function ReimbursementDetailPage() {
             </div>
 
             {invoiceActionError ? (
-              <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+              <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
                 {invoiceActionError}
               </p>
             ) : null}
@@ -1771,7 +1771,7 @@ export function ReimbursementDetailPage() {
               {bindableInvoicesQuery.isLoading ? (
                 <p className="text-sm text-zinc-500">正在加载可添加发票...</p>
               ) : bindableInvoicesQuery.isError ? (
-                <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+                <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
                   {buildActionErrorMessage(bindableInvoicesQuery.error, "加载可添加发票失败")}
                 </p>
               ) : (bindableInvoicesQuery.data?.items ?? []).length ? (
diff --git a/client/src/pages/reimbursement-detail/ReimbursementActions.tsx b/client/src/pages/reimbursement-detail/ReimbursementActions.tsx
index 18f4f316..c65f74c2 100644
--- a/client/src/pages/reimbursement-detail/ReimbursementActions.tsx
+++ b/client/src/pages/reimbursement-detail/ReimbursementActions.tsx
@@ -40,8 +40,10 @@ export function ReimbursementActions({
     <div className="space-y-4">
       {actionError ? (
         <p
-          className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600"
+          className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"
           data-testid="reimbursement-action-error"
+          role="alert"
+          aria-live="assertive"
         >
           {actionError}
         </p>