细节优化

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={

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();

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;