From 2a5238563b36bc7ef476bfe233e61ecf933e84ce Mon Sep 17 00:00:00 2001
From: zhx <zhx@haiyi.com>
Date: Tue, 14 Jul 2026 10:55:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FinanceCoinSellerRechargeOrderList.jsx    |  4 ++--
 ...inanceCoinSellerRechargeOrderList.test.jsx |  4 ++++
 finance/src/styles/index.css                  | 19 +++++++++++++++++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/finance/src/components/FinanceCoinSellerRechargeOrderList.jsx b/finance/src/components/FinanceCoinSellerRechargeOrderList.jsx
index 0a6a201..ab24cef 100644
--- a/finance/src/components/FinanceCoinSellerRechargeOrderList.jsx
+++ b/finance/src/components/FinanceCoinSellerRechargeOrderList.jsx
@@ -315,7 +315,7 @@ export function FinanceCoinSellerRechargeOrderList({
                                 <th>钱包</th>
                                 <th>操作人</th>
                                 <th>时间</th>
-                                <th className="r">操作</th>
+                                <th className="finance-flat-table__actions-cell r">操作</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -388,7 +388,7 @@ export function FinanceCoinSellerRechargeOrderList({
                                                     .join(" / ")}
                                             />
                                         </td>
-                                        <td className="r">
+                                        <td className="finance-flat-table__actions-cell r">
                                             <span className="finance-row-actions">
                                                 <Button
                                                     disabled={
diff --git a/finance/src/components/FinanceCoinSellerRechargeOrderList.test.jsx b/finance/src/components/FinanceCoinSellerRechargeOrderList.test.jsx
index d394ec7..a5fe428 100644
--- a/finance/src/components/FinanceCoinSellerRechargeOrderList.test.jsx
+++ b/finance/src/components/FinanceCoinSellerRechargeOrderList.test.jsx
@@ -161,9 +161,13 @@ test("coin seller recharge order actions follow verify and grant status", () =>
 
     const verifyButtons = screen.getAllByRole("button", { name: "校验" });
     const grantButtons = screen.getAllByRole("button", { name: "发放" });
+    const actionHeader = screen.getByRole("columnheader", { name: "操作" });
+    const actionCell = verifyButtons[0].closest("td");
     fireEvent.click(verifyButtons[0]);
     fireEvent.click(grantButtons[1]);
 
+    expect(actionHeader).toHaveClass("finance-flat-table__actions-cell");
+    expect(actionCell).toHaveClass("finance-flat-table__actions-cell");
     expect(onVerify).toHaveBeenCalledWith(expect.objectContaining({ id: "pending" }));
     expect(onGrant).toHaveBeenCalledWith(expect.objectContaining({ id: "verified" }));
     expect(screen.getAllByText("人工补单")[0]).toBeInTheDocument();
diff --git a/finance/src/styles/index.css b/finance/src/styles/index.css
index bd98578..e444f42 100644
--- a/finance/src/styles/index.css
+++ b/finance/src/styles/index.css
@@ -1724,6 +1724,25 @@ a {
   min-width: 1740px;
 }
 
+/* 币商充值字段较多，操作列固定在滚动视口右侧，避免横向查阅订单时丢失行操作入口。 */
+.finance-flat-table--orders .finance-flat-table__actions-cell {
+  position: sticky;
+  right: 0;
+  z-index: 2;
+  min-width: 238px;
+  background: var(--bg-card);
+  box-shadow: -12px 0 18px -18px rgb(30 41 59 / 0.55);
+}
+
+.finance-flat-table--orders th.finance-flat-table__actions-cell {
+  z-index: 3;
+  background: var(--bg-card-strong);
+}
+
+.finance-flat-table--orders .finance-flat-table__row:hover .finance-flat-table__actions-cell {
+  background: var(--bg-card-strong);
+}
+
 .finance-views {
   display: flex;
   gap: 2px;