feat: 后台订单列表新增手动激活按钮

- API 层新增 activateOrder 方法 (POST /v1/admin/order/activate)
- pending(1) 和 cancelled(3) 状态的订单显示 Activate 按钮
- 点击后调用后端手动激活接口,强制发放订阅权益
This commit is contained in:
shanshanzhong 2026-03-09 04:08:23 -07:00
parent 778e78ac68
commit 31803a1d24
2 changed files with 54 additions and 13 deletions

View File

@ -13,6 +13,7 @@ import {
} from "@workspace/ui/composed/pro-table/pro-table"; } from "@workspace/ui/composed/pro-table/pro-table";
import { cn } from "@workspace/ui/lib/utils"; import { cn } from "@workspace/ui/lib/utils";
import { import {
activateOrder,
getOrderList, getOrderList,
updateOrderStatus, updateOrderStatus,
} from "@workspace/ui/services/admin/order"; } from "@workspace/ui/services/admin/order";
@ -180,6 +181,14 @@ export default function Order() {
); );
}, },
}, },
{
accessorKey: "payment",
header: t("method", "Payment Method"),
cell: ({ row }) => {
const order = row.original as API.Order;
return order.payment?.name || order.payment?.platform || "--";
},
},
{ {
accessorKey: "user_id", accessorKey: "user_id",
header: t("user", "User"), header: t("user", "User"),
@ -206,19 +215,33 @@ export default function Order() {
); );
if ([1, 3, 4].includes(row.getValue("status"))) { if ([1, 3, 4].includes(row.getValue("status"))) {
return ( return (
<Combobox<number, false> <div className="flex items-center gap-1">
className={cn(option?.className)} <Combobox<number, false>
onChange={async (value) => { className={cn(option?.className)}
await updateOrderStatus({ onChange={async (value) => {
id: order.id, await updateOrderStatus({
status: value, id: order.id,
}); status: value,
ref.current?.refresh(); });
}} ref.current?.refresh();
options={statusOptions} }}
placeholder={t("status.0", "Status")} options={statusOptions}
value={order.status} placeholder={t("status.0", "Status")}
/> value={order.status}
/>
{[1, 3].includes(order.status) && (
<Button
onClick={async () => {
await activateOrder({ order_no: order.order_no });
ref.current?.refresh();
}}
size="sm"
variant="outline"
>
{t("activate", "Activate")}
</Button>
)}
</div>
); );
} }
return ( return (

View File

@ -55,3 +55,21 @@ export async function updateOrderStatus(
} }
); );
} }
/** Manually activate order POST /v1/admin/order/activate */
export async function activateOrder(
body: { order_no: string },
options?: { [key: string]: any }
) {
return request<API.Response & { data?: any }>(
`${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/order/activate`,
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
data: body,
...(options || {}),
}
);
}