细节优化
This commit is contained in:
parent
01989ee16e
commit
2a5238563b
@ -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={
|
||||
|
||||
@ -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();
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user