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

@@ -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: "确认取消订单？",

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