From b083b3cc419a5bf8bbe30c0aee53ad5da448e0f0 Mon Sep 17 00:00:00 2001 From: xiaojunnuo Date: Fri, 29 May 2026 01:00:14 +0800 Subject: [PATCH] style(trade crud): adjust order and style for order operation buttons add order prop for syncStatus, cancel and updatePaid buttons, set cancel button to danger style for both trade pages, unify button display order logic --- packages/ui/certd-client/src/views/certd/trade/crud.tsx | 3 +++ packages/ui/certd-client/src/views/sys/suite/trade/crud.tsx | 4 ++++ 2 files changed, 7 insertions(+) diff --git a/packages/ui/certd-client/src/views/certd/trade/crud.tsx b/packages/ui/certd-client/src/views/certd/trade/crud.tsx index d1768a430..32f44698d 100644 --- a/packages/ui/certd-client/src/views/certd/trade/crud.tsx +++ b/packages/ui/certd-client/src/views/certd/trade/crud.tsx @@ -34,6 +34,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti copy: { show: false }, remove: { show: false }, syncStatus: { + order: 10, show: compute(({ row }) => { return row.status === "wait_pay"; }), @@ -54,6 +55,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti }, }, cancel: { + order: 99, show: compute(({ row }) => { return row.status === "wait_pay"; }), @@ -62,6 +64,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti tooltip: { title: "取消订单" }, icon: "ion:close-circle-outline", type: "link", + danger: true, click: async ({ row }) => { Modal.confirm({ title: "确认取消订单?", diff --git a/packages/ui/certd-client/src/views/sys/suite/trade/crud.tsx b/packages/ui/certd-client/src/views/sys/suite/trade/crud.tsx index 81aa235ec..6ca83bf2c 100644 --- a/packages/ui/certd-client/src/views/sys/suite/trade/crud.tsx +++ b/packages/ui/certd-client/src/views/sys/suite/trade/crud.tsx @@ -50,6 +50,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti show: false, }, syncStatus: { + order: 10, show: compute(({ row }) => { return row.status === "wait_pay"; }), @@ -70,6 +71,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti }, }, cancel: { + order: 99, show: compute(({ row }) => { return row.status === "wait_pay"; }), @@ -78,6 +80,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti tooltip: { title: "取消订单" }, icon: "ion:close-circle-outline", type: "link", + danger: true, click({ row }) { Modal.confirm({ title: "确认取消订单?", @@ -92,6 +95,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti }, }, updatePaid: { + order: 20, show: compute(({ row }) => { return row.status === "wait_pay"; }),