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";
             }),