发布商品，商品图片使用oss服务器地址

apps/h5-user/src/pages/OrderDetailPage.tsx

@@ -145,6 +145,7 @@ export default function OrderDetailPage() {
   const productImage = item?.productImage || STITCH_ORDER_PRODUCT_IMAGE;
   const canEditAddress = order ? EDITABLE_STATUSES.has(order.status) : false;
   const canConfirmReceive = order?.status === 'PENDING_RECEIVE' && !isReship;
+  const canRefund = order && ['PENDING_SHIP', 'PENDING_RECEIVE', 'COMPLETED', 'OUT_WAREHOUSE', 'SHIPPING'].includes(order.status);
   const productTotal = Number(order?.productAmount ?? order?.payAmount ?? 0);
   const freightTotal = Number(order?.freightAmount ?? 0);
 
@@ -174,6 +175,22 @@ export default function OrderDetailPage() {
     }
   }
 
+  async function requestRefund() {
+    if (!id || !canRefund) return;
+    setConfirming(true);
+    try {
+      await request('USER_H5', `/trade/orders/${id}/refund-requests`, {
+        method: 'POST',
+        body: JSON.stringify({ remark: '用户申请退款' }),
+      });
+      await loadOrder();
+    } catch (e) {
+      window.alert(e instanceof Error ? e.message : '申请退款失败');
+    } finally {
+      setConfirming(false);
+    }
+  }
+
   if (!order) return <div className="empty">加载中...</div>;
 
   return (
@@ -380,6 +397,11 @@ export default function OrderDetailPage() {
           <span className="material-symbols-outlined">headset_mic</span>
           联系客服
         </button>
+        {canRefund && order?.status !== 'REFUNDING' && order?.status !== 'REFUNDED' && (
+          <button type="button" className="order-detail-action-outline" disabled={confirming} onClick={requestRefund}>
+            申请退款
+          </button>
+        )}
         {canConfirmReceive && (
           <button
             type="button"